@vef-framework/core 2.0.4 → 2.0.5
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/cjs/api/client.cjs +1 -171
- package/dist/cjs/api/constants.cjs +1 -13
- package/dist/cjs/api/helpers.cjs +1 -12
- package/dist/cjs/api/index.cjs +1 -14
- package/dist/cjs/auth/helpers.cjs +1 -19
- package/dist/cjs/auth/index.cjs +1 -10
- package/dist/cjs/common/index.cjs +1 -3
- package/dist/cjs/context/api-client.cjs +1 -25
- package/dist/cjs/context/app.cjs +1 -15
- package/dist/cjs/context/context-selector.cjs +1 -65
- package/dist/cjs/context/disabled.cjs +1 -15
- package/dist/cjs/context/index.cjs +1 -19
- package/dist/cjs/dnd/index.cjs +1 -102
- package/dist/cjs/http/client.cjs +1 -445
- package/dist/cjs/http/errors.cjs +1 -23
- package/dist/cjs/http/helpers.cjs +1 -17
- package/dist/cjs/http/index.cjs +1 -17
- package/dist/cjs/immer/index.cjs +1 -40
- package/dist/cjs/index.cjs +1 -306
- package/dist/cjs/motion/features.cjs +1 -13
- package/dist/cjs/motion/index.cjs +1 -48
- package/dist/cjs/motion/motion-provider.cjs +1 -29
- package/dist/cjs/query/constants.cjs +1 -8
- package/dist/cjs/query/helpers.cjs +1 -67
- package/dist/cjs/query/hooks.cjs +1 -52
- package/dist/cjs/query/index.cjs +1 -20
- package/dist/cjs/state/index.cjs +1 -41
- package/dist/cjs/state-machine/index.cjs +1 -35
- package/dist/cjs/store/bound.cjs +1 -42
- package/dist/cjs/store/index.cjs +1 -20
- package/dist/cjs/store/unbound.cjs +2 -73
- package/dist/cjs/store/use-deep.cjs +1 -17
- package/dist/es/api/client.js +72 -90
- package/dist/es/api/constants.js +7 -8
- package/dist/es/api/helpers.js +6 -7
- package/dist/es/api/index.js +8 -4
- package/dist/es/auth/helpers.js +9 -14
- package/dist/es/auth/index.js +4 -2
- package/dist/es/common/index.js +1 -1
- package/dist/es/context/api-client.js +16 -17
- package/dist/es/context/app.js +8 -9
- package/dist/es/context/context-selector.js +30 -39
- package/dist/es/context/disabled.js +9 -9
- package/dist/es/context/index.js +13 -5
- package/dist/es/dnd/index.js +30 -7
- package/dist/es/http/client.js +173 -253
- package/dist/es/http/errors.js +6 -9
- package/dist/es/http/helpers.js +10 -10
- package/dist/es/http/index.js +11 -4
- package/dist/es/immer/index.js +15 -8
- package/dist/es/index.js +122 -43
- package/dist/es/motion/features.js +4 -2
- package/dist/es/motion/index.js +11 -5
- package/dist/es/motion/motion-provider.js +15 -17
- package/dist/es/query/constants.js +4 -4
- package/dist/es/query/helpers.js +40 -45
- package/dist/es/query/hooks.js +29 -20
- package/dist/es/query/index.js +14 -4
- package/dist/es/state/index.js +11 -2
- package/dist/es/state-machine/index.js +14 -11
- package/dist/es/store/bound.js +24 -26
- package/dist/es/store/index.js +11 -5
- package/dist/es/store/unbound.js +44 -63
- package/dist/es/store/use-deep.js +10 -11
- package/package.json +3 -3
package/dist/cjs/api/client.cjs
CHANGED
|
@@ -1,171 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const shared = require('@vef-framework/shared');
|
|
7
|
-
require('../http/index.cjs');
|
|
8
|
-
require('../query/index.cjs');
|
|
9
|
-
const constants = require('./constants.cjs');
|
|
10
|
-
const helpers = require('../http/helpers.cjs');
|
|
11
|
-
const helpers$1 = require('../query/helpers.cjs');
|
|
12
|
-
|
|
13
|
-
class ApiClient {
|
|
14
|
-
/**
|
|
15
|
-
* The HTTP client.
|
|
16
|
-
*/
|
|
17
|
-
#httpClient;
|
|
18
|
-
/**
|
|
19
|
-
* The query client.
|
|
20
|
-
*/
|
|
21
|
-
#queryClient;
|
|
22
|
-
/**
|
|
23
|
-
* The current signal.
|
|
24
|
-
*/
|
|
25
|
-
#currentSignal;
|
|
26
|
-
/**
|
|
27
|
-
* The query client.
|
|
28
|
-
*/
|
|
29
|
-
get [constants.QUERY_CLIENT]() {
|
|
30
|
-
return this.#queryClient;
|
|
31
|
-
}
|
|
32
|
-
/**
|
|
33
|
-
* Creates a new API client.
|
|
34
|
-
*
|
|
35
|
-
* @param options - The options for the API client.
|
|
36
|
-
*/
|
|
37
|
-
constructor(options) {
|
|
38
|
-
const {
|
|
39
|
-
http,
|
|
40
|
-
query
|
|
41
|
-
} = options;
|
|
42
|
-
this.#httpClient = helpers.createHttpClient(http);
|
|
43
|
-
this.#queryClient = helpers$1.createQueryClient(query);
|
|
44
|
-
const proxyCache = /* @__PURE__ */ new Map();
|
|
45
|
-
this.#httpClient = new Proxy(this.#httpClient, {
|
|
46
|
-
get: (target, prop, receiver) => {
|
|
47
|
-
const value = Reflect.get(target, prop, receiver);
|
|
48
|
-
if (!shared.isFunction(value)) {
|
|
49
|
-
return value;
|
|
50
|
-
}
|
|
51
|
-
if (!proxyCache.has(prop)) {
|
|
52
|
-
if (constants.PROXIED_METHODS.includes(prop)) {
|
|
53
|
-
proxyCache.set(prop, (url, options2) => value.apply(
|
|
54
|
-
target,
|
|
55
|
-
[
|
|
56
|
-
url,
|
|
57
|
-
{
|
|
58
|
-
...options2,
|
|
59
|
-
signal: this.#currentSignal
|
|
60
|
-
}
|
|
61
|
-
]
|
|
62
|
-
));
|
|
63
|
-
} else {
|
|
64
|
-
proxyCache.set(prop, (...args) => value.apply(target, args));
|
|
65
|
-
}
|
|
66
|
-
}
|
|
67
|
-
return proxyCache.get(prop);
|
|
68
|
-
}
|
|
69
|
-
});
|
|
70
|
-
}
|
|
71
|
-
/**
|
|
72
|
-
* Creates a new query function.
|
|
73
|
-
*
|
|
74
|
-
* @param key - The key of the query function.
|
|
75
|
-
* @param factory - The factory function.
|
|
76
|
-
* @returns The query function.
|
|
77
|
-
*/
|
|
78
|
-
createQueryFn(key, factory) {
|
|
79
|
-
const queryFn = factory(this.#httpClient);
|
|
80
|
-
const wrapperFn = (context) => {
|
|
81
|
-
const {
|
|
82
|
-
queryKey,
|
|
83
|
-
signal,
|
|
84
|
-
pageParam,
|
|
85
|
-
meta
|
|
86
|
-
} = context;
|
|
87
|
-
const [, params] = queryKey;
|
|
88
|
-
try {
|
|
89
|
-
this.#currentSignal = signal;
|
|
90
|
-
return queryFn(
|
|
91
|
-
params,
|
|
92
|
-
pageParam,
|
|
93
|
-
meta
|
|
94
|
-
);
|
|
95
|
-
} finally {
|
|
96
|
-
this.#currentSignal = void 0;
|
|
97
|
-
}
|
|
98
|
-
};
|
|
99
|
-
Object.defineProperty(wrapperFn, "key", {
|
|
100
|
-
value: key,
|
|
101
|
-
configurable: false,
|
|
102
|
-
writable: false,
|
|
103
|
-
enumerable: false
|
|
104
|
-
});
|
|
105
|
-
return wrapperFn;
|
|
106
|
-
}
|
|
107
|
-
/**
|
|
108
|
-
* Creates a new mutation function.
|
|
109
|
-
*
|
|
110
|
-
* @param key - The key of the mutation function.
|
|
111
|
-
* @param factory - The factory function.
|
|
112
|
-
* @returns The mutation function.
|
|
113
|
-
*/
|
|
114
|
-
createMutationFn(key, factory) {
|
|
115
|
-
const mutationFn = factory(this.#httpClient);
|
|
116
|
-
const wrapperFn = (params) => mutationFn(params);
|
|
117
|
-
Object.defineProperty(wrapperFn, "key", {
|
|
118
|
-
value: key,
|
|
119
|
-
configurable: false,
|
|
120
|
-
writable: false,
|
|
121
|
-
enumerable: false
|
|
122
|
-
});
|
|
123
|
-
return wrapperFn;
|
|
124
|
-
}
|
|
125
|
-
/**
|
|
126
|
-
* Fetches a query.
|
|
127
|
-
*
|
|
128
|
-
* @param options - The options for the query.
|
|
129
|
-
* @returns The result of the query.
|
|
130
|
-
*/
|
|
131
|
-
async fetchQuery(options) {
|
|
132
|
-
return await this.#queryClient.fetchQuery(options);
|
|
133
|
-
}
|
|
134
|
-
/**
|
|
135
|
-
* Prefetches a query and stores the result in cache.
|
|
136
|
-
*
|
|
137
|
-
* @param options - The options for the query.
|
|
138
|
-
* @returns A promise that resolves when the prefetch is complete.
|
|
139
|
-
*/
|
|
140
|
-
async prefetchQuery(options) {
|
|
141
|
-
return await this.#queryClient.prefetchQuery(options);
|
|
142
|
-
}
|
|
143
|
-
/**
|
|
144
|
-
* Executes a mutation outside of React components.
|
|
145
|
-
*
|
|
146
|
-
* This method allows you to execute mutations imperatively without using the `useMutation` hook.
|
|
147
|
-
* Useful for scenarios like login flows, event handlers, or any code outside React components.
|
|
148
|
-
*
|
|
149
|
-
* @template TData - The type of data returned by the mutation
|
|
150
|
-
* @template TParams - The type of parameters passed to the mutation function
|
|
151
|
-
* @template TOnMutateResult - The type of result returned by onMutate callback
|
|
152
|
-
*
|
|
153
|
-
* @param options - The mutation options including mutationFn, onSuccess, onError, etc.
|
|
154
|
-
* @param variables - The variables to pass to the mutation function. Omit this argument when the mutation does not require parameters.
|
|
155
|
-
* @remarks This reuses TanStack Query's imperative mutation execution so lifecycle callbacks (onMutate, onSuccess, etc.) still fire.
|
|
156
|
-
* @returns A promise that resolves with the mutation result
|
|
157
|
-
*/
|
|
158
|
-
async executeMutation({
|
|
159
|
-
mutationFn,
|
|
160
|
-
params,
|
|
161
|
-
...options
|
|
162
|
-
}) {
|
|
163
|
-
return await this.#queryClient.getMutationCache().build(this.#queryClient, {
|
|
164
|
-
mutationKey: [mutationFn.key],
|
|
165
|
-
mutationFn,
|
|
166
|
-
...options
|
|
167
|
-
}).execute(params);
|
|
168
|
-
}
|
|
169
|
-
}
|
|
170
|
-
|
|
171
|
-
exports.ApiClient = ApiClient;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("@vef-framework/shared");require("../http/index.cjs");require("../query/index.cjs");const y=require("./constants.cjs"),h=require("../http/helpers.cjs"),f=require("../query/helpers.cjs");class p{#t;#e;#r;get[y.QUERY_CLIENT](){return this.#e}constructor(e){const{http:n,query:i}=e;this.#t=h.createHttpClient(n),this.#e=f.createQueryClient(i);const t=new Map;this.#t=new Proxy(this.#t,{get:(s,r,c)=>{const a=Reflect.get(s,r,c);return o.isFunction(a)?(t.has(r)||(y.PROXIED_METHODS.includes(r)?t.set(r,(u,l)=>a.apply(s,[u,{...l,signal:this.#r}])):t.set(r,(...u)=>a.apply(s,u))),t.get(r)):a}})}createQueryFn(e,n){const i=n(this.#t),t=s=>{const{queryKey:r,signal:c,pageParam:a,meta:u}=s,[,l]=r;try{return this.#r=c,i(l,a,u)}finally{this.#r=void 0}};return Object.defineProperty(t,"key",{value:e,configurable:!1,writable:!1,enumerable:!1}),t}createMutationFn(e,n){const i=n(this.#t),t=s=>i(s);return Object.defineProperty(t,"key",{value:e,configurable:!1,writable:!1,enumerable:!1}),t}async fetchQuery(e){return await this.#e.fetchQuery(e)}async prefetchQuery(e){return await this.#e.prefetchQuery(e)}async executeMutation({mutationFn:e,params:n,...i}){return await this.#e.getMutationCache().build(this.#e,{mutationKey:[e.key],mutationFn:e,...i}).execute(n)}}exports.ApiClient=p;
|
|
@@ -1,13 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
require('../query/index.cjs');
|
|
7
|
-
const constants = require('../query/constants.cjs');
|
|
8
|
-
|
|
9
|
-
const PROXIED_METHODS = ["get", "post", "put", "delete", "upload", "download"];
|
|
10
|
-
const QUERY_CLIENT = Symbol.for(constants.QUERY_CLIENT_KEY);
|
|
11
|
-
|
|
12
|
-
exports.PROXIED_METHODS = PROXIED_METHODS;
|
|
13
|
-
exports.QUERY_CLIENT = QUERY_CLIENT;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../query/index.cjs");const e=require("../query/constants.cjs"),t=["get","post","put","delete","upload","download"],o=Symbol.for(e.QUERY_CLIENT_KEY);exports.PROXIED_METHODS=t;exports.QUERY_CLIENT=o;
|
package/dist/cjs/api/helpers.cjs
CHANGED
|
@@ -1,12 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const client = require('./client.cjs');
|
|
7
|
-
|
|
8
|
-
function createApiClient(options) {
|
|
9
|
-
return new client.ApiClient(options);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
exports.createApiClient = createApiClient;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./client.cjs");function i(e){return new t.ApiClient(e)}exports.createApiClient=i;
|
package/dist/cjs/api/index.cjs
CHANGED
|
@@ -1,14 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const client = require('./client.cjs');
|
|
7
|
-
const constants = require('./constants.cjs');
|
|
8
|
-
const helpers = require('./helpers.cjs');
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
exports.ApiClient = client.ApiClient;
|
|
13
|
-
exports.QUERY_CLIENT = constants.QUERY_CLIENT;
|
|
14
|
-
exports.createApiClient = helpers.createApiClient;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./client.cjs"),t=require("./constants.cjs"),i=require("./helpers.cjs");exports.ApiClient=e.ApiClient;exports.QUERY_CLIENT=t.QUERY_CLIENT;exports.createApiClient=i.createApiClient;
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const shared = require('@vef-framework/shared');
|
|
7
|
-
|
|
8
|
-
function checkPermission(hasPermission, permTokens, checkMode = "any") {
|
|
9
|
-
if (shared.isNullish(permTokens)) {
|
|
10
|
-
return true;
|
|
11
|
-
}
|
|
12
|
-
const normalizedPermTokens = shared.isString(permTokens) ? [permTokens] : permTokens;
|
|
13
|
-
if (checkMode === "any") {
|
|
14
|
-
return normalizedPermTokens.some((token) => hasPermission(token));
|
|
15
|
-
}
|
|
16
|
-
return normalizedPermTokens.every((token) => hasPermission(token));
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
exports.checkPermission = checkPermission;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("@vef-framework/shared");function c(i,e,u="any"){if(n.isNullish(e))return!0;const t=n.isString(e)?[e]:e;return u==="any"?t.some(r=>i(r)):t.every(r=>i(r))}exports.checkPermission=c;
|
package/dist/cjs/auth/index.cjs
CHANGED
|
@@ -1,10 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const helpers = require('./helpers.cjs');
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
exports.checkPermission = helpers.checkPermission;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./helpers.cjs");exports.checkPermission=e.checkPermission;
|
|
@@ -1,25 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const reactQuery = require('@tanstack/react-query');
|
|
8
|
-
const react = require('react');
|
|
9
|
-
require('../api/index.cjs');
|
|
10
|
-
const constants = require('../api/constants.cjs');
|
|
11
|
-
|
|
12
|
-
const Context = react.createContext(null);
|
|
13
|
-
function ApiClientProvider({ value, children }) {
|
|
14
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Context, { value, children: /* @__PURE__ */ jsxRuntime.jsx(reactQuery.QueryClientProvider, { client: value[constants.QUERY_CLIENT], children }) });
|
|
15
|
-
}
|
|
16
|
-
function useApiClient() {
|
|
17
|
-
const apiClient = react.use(Context);
|
|
18
|
-
if (!apiClient) {
|
|
19
|
-
throw new Error("No 'ApiClientContext' found in the React app, please use 'ApiClientProvider' to wrap your app.");
|
|
20
|
-
}
|
|
21
|
-
return apiClient;
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
exports.ApiClientProvider = ApiClientProvider;
|
|
25
|
-
exports.useApiClient = useApiClient;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("@emotion/react/jsx-runtime"),o=require("@tanstack/react-query"),r=require("react");require("../api/index.cjs");const u=require("../api/constants.cjs"),i=r.createContext(null);function s({value:e,children:n}){return t.jsx(i,{value:e,children:t.jsx(o.QueryClientProvider,{client:e[u.QUERY_CLIENT],children:n})})}function c(){const e=r.use(i);if(!e)throw new Error("No 'ApiClientContext' found in the React app, please use 'ApiClientProvider' to wrap your app.");return e}exports.ApiClientProvider=s;exports.useApiClient=c;
|
package/dist/cjs/context/app.cjs
CHANGED
|
@@ -1,15 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const react = require('react');
|
|
7
|
-
|
|
8
|
-
const Context = react.createContext({});
|
|
9
|
-
const AppContextProvider = Context.Provider;
|
|
10
|
-
function useAppContext() {
|
|
11
|
-
return react.use(Context);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
exports.AppContextProvider = AppContextProvider;
|
|
15
|
-
exports.useAppContext = useAppContext;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext({}),o=t.Provider;function r(){return e.use(t)}exports.AppContextProvider=o;exports.useAppContext=r;
|
|
@@ -1,65 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const jsxRuntime = require('@emotion/react/jsx-runtime');
|
|
7
|
-
const shared = require('@vef-framework/shared');
|
|
8
|
-
const react = require('react');
|
|
9
|
-
|
|
10
|
-
function createContextWithSelector(defaultValue) {
|
|
11
|
-
const Context = react.createContext(createStore(defaultValue));
|
|
12
|
-
function Provider({ value, children }) {
|
|
13
|
-
const [store] = react.useState(() => createStore(value));
|
|
14
|
-
react.useEffect(() => {
|
|
15
|
-
if (!Object.is(store.value, value)) {
|
|
16
|
-
store.value = value;
|
|
17
|
-
store.notify();
|
|
18
|
-
}
|
|
19
|
-
});
|
|
20
|
-
return /* @__PURE__ */ jsxRuntime.jsx(Context, { value: store, children });
|
|
21
|
-
}
|
|
22
|
-
Provider.displayName = "SelectorContextProvider";
|
|
23
|
-
function useContext(selector) {
|
|
24
|
-
const store = react.use(Context);
|
|
25
|
-
return react.useSyncExternalStore(
|
|
26
|
-
store.subscribe,
|
|
27
|
-
// Get current value, applying selector if provided
|
|
28
|
-
() => shared.isFunction(selector) ? selector(store.value) : store.value,
|
|
29
|
-
// Server-side snapshot (same as client-side for consistency)
|
|
30
|
-
() => shared.isFunction(selector) ? selector(store.value) : store.value
|
|
31
|
-
);
|
|
32
|
-
}
|
|
33
|
-
return {
|
|
34
|
-
Provider,
|
|
35
|
-
useContext
|
|
36
|
-
};
|
|
37
|
-
}
|
|
38
|
-
function createStore(value) {
|
|
39
|
-
const listeners = /* @__PURE__ */ new Set();
|
|
40
|
-
return {
|
|
41
|
-
value,
|
|
42
|
-
/**
|
|
43
|
-
* Subscribe to store changes
|
|
44
|
-
*
|
|
45
|
-
* @param listener - Function to call when store value changes
|
|
46
|
-
* @returns Unsubscribe function
|
|
47
|
-
*/
|
|
48
|
-
subscribe: (listener) => {
|
|
49
|
-
listeners.add(listener);
|
|
50
|
-
return () => {
|
|
51
|
-
listeners.delete(listener);
|
|
52
|
-
};
|
|
53
|
-
},
|
|
54
|
-
/**
|
|
55
|
-
* Notify all subscribers that the value has changed
|
|
56
|
-
*/
|
|
57
|
-
notify: () => {
|
|
58
|
-
for (const listener of listeners) {
|
|
59
|
-
listener();
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
};
|
|
63
|
-
}
|
|
64
|
-
|
|
65
|
-
exports.createContextWithSelector = createContextWithSelector;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("@emotion/react/jsx-runtime"),s=require("@vef-framework/shared"),o=require("react");function l(i){const r=o.createContext(c(i));function t({value:e,children:n}){const[u]=o.useState(()=>c(e));return o.useEffect(()=>{Object.is(u.value,e)||(u.value=e,u.notify())}),f.jsx(r,{value:u,children:n})}t.displayName="SelectorContextProvider";function a(e){const n=o.use(r);return o.useSyncExternalStore(n.subscribe,()=>s.isFunction(e)?e(n.value):n.value,()=>s.isFunction(e)?e(n.value):n.value)}return{Provider:t,useContext:a}}function c(i){const r=new Set;return{value:i,subscribe:t=>(r.add(t),()=>{r.delete(t)}),notify:()=>{for(const t of r)t()}}}exports.createContextWithSelector=l;
|
|
@@ -1,15 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const react = require('react');
|
|
7
|
-
|
|
8
|
-
const DisabledContext = react.createContext(false);
|
|
9
|
-
function useDisabled() {
|
|
10
|
-
return react.use(DisabledContext);
|
|
11
|
-
}
|
|
12
|
-
const DisabledProvider = DisabledContext.Provider;
|
|
13
|
-
|
|
14
|
-
exports.DisabledProvider = DisabledProvider;
|
|
15
|
-
exports.useDisabled = useDisabled;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext(!1);function r(){return e.use(t)}const s=t.Provider;exports.DisabledProvider=s;exports.useDisabled=r;
|
|
@@ -1,19 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const apiClient = require('./api-client.cjs');
|
|
7
|
-
const app = require('./app.cjs');
|
|
8
|
-
const contextSelector = require('./context-selector.cjs');
|
|
9
|
-
const disabled = require('./disabled.cjs');
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
exports.ApiClientProvider = apiClient.ApiClientProvider;
|
|
14
|
-
exports.useApiClient = apiClient.useApiClient;
|
|
15
|
-
exports.AppContextProvider = app.AppContextProvider;
|
|
16
|
-
exports.useAppContext = app.useAppContext;
|
|
17
|
-
exports.createContextWithSelector = contextSelector.createContextWithSelector;
|
|
18
|
-
exports.DisabledProvider = disabled.DisabledProvider;
|
|
19
|
-
exports.useDisabled = disabled.useDisabled;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./api-client.cjs"),t=require("./app.cjs"),r=require("./context-selector.cjs"),i=require("./disabled.cjs");exports.ApiClientProvider=e.ApiClientProvider;exports.useApiClient=e.useApiClient;exports.AppContextProvider=t.AppContextProvider;exports.useAppContext=t.useAppContext;exports.createContextWithSelector=r.createContextWithSelector;exports.DisabledProvider=i.DisabledProvider;exports.useDisabled=i.useDisabled;
|
package/dist/cjs/dnd/index.cjs
CHANGED
|
@@ -1,102 +1 @@
|
|
|
1
|
-
|
|
2
|
-
'use strict';
|
|
3
|
-
|
|
4
|
-
Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
|
|
5
|
-
|
|
6
|
-
const modifiers = require('@dnd-kit/abstract/modifiers');
|
|
7
|
-
const modifiers$1 = require('@dnd-kit/dom/modifiers');
|
|
8
|
-
const helpers = require('@dnd-kit/helpers');
|
|
9
|
-
const react = require('@dnd-kit/react');
|
|
10
|
-
const sortable = require('@dnd-kit/react/sortable');
|
|
11
|
-
const dnd = require('@hello-pangea/dnd');
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
Object.defineProperty(exports, "AxisModifier", {
|
|
16
|
-
enumerable: true,
|
|
17
|
-
get: () => modifiers.AxisModifier
|
|
18
|
-
});
|
|
19
|
-
Object.defineProperty(exports, "RestrictToHorizontalAxis", {
|
|
20
|
-
enumerable: true,
|
|
21
|
-
get: () => modifiers.RestrictToHorizontalAxis
|
|
22
|
-
});
|
|
23
|
-
Object.defineProperty(exports, "RestrictToVerticalAxis", {
|
|
24
|
-
enumerable: true,
|
|
25
|
-
get: () => modifiers.RestrictToVerticalAxis
|
|
26
|
-
});
|
|
27
|
-
Object.defineProperty(exports, "SnapModifier", {
|
|
28
|
-
enumerable: true,
|
|
29
|
-
get: () => modifiers.SnapModifier
|
|
30
|
-
});
|
|
31
|
-
Object.defineProperty(exports, "restrictShapeToBoundingRectangle", {
|
|
32
|
-
enumerable: true,
|
|
33
|
-
get: () => modifiers.restrictShapeToBoundingRectangle
|
|
34
|
-
});
|
|
35
|
-
Object.defineProperty(exports, "RestrictToElement", {
|
|
36
|
-
enumerable: true,
|
|
37
|
-
get: () => modifiers$1.RestrictToElement
|
|
38
|
-
});
|
|
39
|
-
Object.defineProperty(exports, "RestrictToWindow", {
|
|
40
|
-
enumerable: true,
|
|
41
|
-
get: () => modifiers$1.RestrictToWindow
|
|
42
|
-
});
|
|
43
|
-
Object.defineProperty(exports, "moveArrayItem", {
|
|
44
|
-
enumerable: true,
|
|
45
|
-
get: () => helpers.arrayMove
|
|
46
|
-
});
|
|
47
|
-
Object.defineProperty(exports, "moveDragItem", {
|
|
48
|
-
enumerable: true,
|
|
49
|
-
get: () => helpers.move
|
|
50
|
-
});
|
|
51
|
-
Object.defineProperty(exports, "swapArrayItem", {
|
|
52
|
-
enumerable: true,
|
|
53
|
-
get: () => helpers.arraySwap
|
|
54
|
-
});
|
|
55
|
-
Object.defineProperty(exports, "swapDragItem", {
|
|
56
|
-
enumerable: true,
|
|
57
|
-
get: () => helpers.swap
|
|
58
|
-
});
|
|
59
|
-
Object.defineProperty(exports, "DragDropProvider", {
|
|
60
|
-
enumerable: true,
|
|
61
|
-
get: () => react.DragDropProvider
|
|
62
|
-
});
|
|
63
|
-
Object.defineProperty(exports, "DragOverlay", {
|
|
64
|
-
enumerable: true,
|
|
65
|
-
get: () => react.DragOverlay
|
|
66
|
-
});
|
|
67
|
-
Object.defineProperty(exports, "KeyboardSensor", {
|
|
68
|
-
enumerable: true,
|
|
69
|
-
get: () => react.KeyboardSensor
|
|
70
|
-
});
|
|
71
|
-
Object.defineProperty(exports, "PointerSensor", {
|
|
72
|
-
enumerable: true,
|
|
73
|
-
get: () => react.PointerSensor
|
|
74
|
-
});
|
|
75
|
-
Object.defineProperty(exports, "useDragDropMonitor", {
|
|
76
|
-
enumerable: true,
|
|
77
|
-
get: () => react.useDragDropMonitor
|
|
78
|
-
});
|
|
79
|
-
Object.defineProperty(exports, "useDraggable", {
|
|
80
|
-
enumerable: true,
|
|
81
|
-
get: () => react.useDraggable
|
|
82
|
-
});
|
|
83
|
-
Object.defineProperty(exports, "useDroppable", {
|
|
84
|
-
enumerable: true,
|
|
85
|
-
get: () => react.useDroppable
|
|
86
|
-
});
|
|
87
|
-
Object.defineProperty(exports, "useSortable", {
|
|
88
|
-
enumerable: true,
|
|
89
|
-
get: () => sortable.useSortable
|
|
90
|
-
});
|
|
91
|
-
Object.defineProperty(exports, "DragDropContext", {
|
|
92
|
-
enumerable: true,
|
|
93
|
-
get: () => dnd.DragDropContext
|
|
94
|
-
});
|
|
95
|
-
Object.defineProperty(exports, "Draggable", {
|
|
96
|
-
enumerable: true,
|
|
97
|
-
get: () => dnd.Draggable
|
|
98
|
-
});
|
|
99
|
-
Object.defineProperty(exports, "Droppable", {
|
|
100
|
-
enumerable: true,
|
|
101
|
-
get: () => dnd.Droppable
|
|
102
|
-
});
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("@dnd-kit/abstract/modifiers"),n=require("@dnd-kit/dom/modifiers"),t=require("@dnd-kit/helpers"),e=require("@dnd-kit/react"),a=require("@dnd-kit/react/sortable"),o=require("@hello-pangea/dnd");Object.defineProperty(exports,"AxisModifier",{enumerable:!0,get:()=>r.AxisModifier});Object.defineProperty(exports,"RestrictToHorizontalAxis",{enumerable:!0,get:()=>r.RestrictToHorizontalAxis});Object.defineProperty(exports,"RestrictToVerticalAxis",{enumerable:!0,get:()=>r.RestrictToVerticalAxis});Object.defineProperty(exports,"SnapModifier",{enumerable:!0,get:()=>r.SnapModifier});Object.defineProperty(exports,"restrictShapeToBoundingRectangle",{enumerable:!0,get:()=>r.restrictShapeToBoundingRectangle});Object.defineProperty(exports,"RestrictToElement",{enumerable:!0,get:()=>n.RestrictToElement});Object.defineProperty(exports,"RestrictToWindow",{enumerable:!0,get:()=>n.RestrictToWindow});Object.defineProperty(exports,"moveArrayItem",{enumerable:!0,get:()=>t.arrayMove});Object.defineProperty(exports,"moveDragItem",{enumerable:!0,get:()=>t.move});Object.defineProperty(exports,"swapArrayItem",{enumerable:!0,get:()=>t.arraySwap});Object.defineProperty(exports,"swapDragItem",{enumerable:!0,get:()=>t.swap});Object.defineProperty(exports,"DragDropProvider",{enumerable:!0,get:()=>e.DragDropProvider});Object.defineProperty(exports,"DragOverlay",{enumerable:!0,get:()=>e.DragOverlay});Object.defineProperty(exports,"KeyboardSensor",{enumerable:!0,get:()=>e.KeyboardSensor});Object.defineProperty(exports,"PointerSensor",{enumerable:!0,get:()=>e.PointerSensor});Object.defineProperty(exports,"useDragDropMonitor",{enumerable:!0,get:()=>e.useDragDropMonitor});Object.defineProperty(exports,"useDraggable",{enumerable:!0,get:()=>e.useDraggable});Object.defineProperty(exports,"useDroppable",{enumerable:!0,get:()=>e.useDroppable});Object.defineProperty(exports,"useSortable",{enumerable:!0,get:()=>a.useSortable});Object.defineProperty(exports,"DragDropContext",{enumerable:!0,get:()=>o.DragDropContext});Object.defineProperty(exports,"Draggable",{enumerable:!0,get:()=>o.Draggable});Object.defineProperty(exports,"Droppable",{enumerable:!0,get:()=>o.Droppable});
|