@picked/svelte 0.0.51-next.11 → 0.0.51-next.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/hooks/action.d.ts
CHANGED
|
@@ -1,25 +1,2 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Returns the reactive evokable action store for the given action name.
|
|
5
|
-
*
|
|
6
|
-
* @param {string} actionName - The registered action name.
|
|
7
|
-
* @returns {Store<() => ReturnType<Action>>} A store containing the callable action function or undefined.
|
|
8
|
-
* @example
|
|
9
|
-
* ```ts
|
|
10
|
-
* const actionStore = getAction('logEvent')
|
|
11
|
-
* ```
|
|
12
|
-
*/
|
|
13
|
-
export declare function getAction(actionName: string): Store<() => ReturnType<Action>>;
|
|
14
|
-
/**
|
|
15
|
-
* Returns a reactive store holding the latest result of invoking the named action.
|
|
16
|
-
* Re-evaluates automatically when the underlying action store updates.
|
|
17
|
-
*
|
|
18
|
-
* @param {string} actionName - The registered action name.
|
|
19
|
-
* @returns {Store<string | string[] | boolean | void | undefined>} A store containing the latest action return value.
|
|
20
|
-
* @example
|
|
21
|
-
* ```ts
|
|
22
|
-
* const result = getActionResult('isLoggedIn')
|
|
23
|
-
* ```
|
|
24
|
-
*/
|
|
25
|
-
export declare function getActionResult(actionName: string): import('effector').StoreWritable<string | boolean | void | string[] | undefined>;
|
|
1
|
+
export declare function getAction(actionName: string): import('effector').Store<(<T = void>(params?: T) => void) | undefined>;
|
|
2
|
+
export declare function getActionResult(actionName: string): import('effector').StoreWritable<void | undefined>;
|
package/dist/hooks/action.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{getPicked as e}from"./client.js";import{attach as t,createEffect as n,createEvent as r,createStore as i,sample as a}from"effector";
|
|
1
|
+
import{getPicked as e}from"./client.js";import{attach as t,createEffect as n,createEvent as r,createStore as i,sample as a}from"effector";function o(t){return e().actions.getEvokableAction(t)}function s(e){let s=o(e),c=i(void 0,{skipVoid:!1}),l=r(),u=t({source:s,mapParams:(e,t)=>t,effect:n(async e=>{if(e)return e()})});return a({clock:l,target:u}),a({clock:u.doneData,target:c}),l(),c}export{o as getAction,s as getActionResult};
|
|
@@ -1,11 +1,10 @@
|
|
|
1
1
|
<script lang="ts">
|
|
2
|
-
/** @file Accessible tab container that renders dynamic Svelte components per tab. */
|
|
3
2
|
import type { Component } from 'svelte'
|
|
4
3
|
|
|
5
4
|
interface Tab {
|
|
6
5
|
id: string
|
|
7
6
|
label: string
|
|
8
|
-
component: Component<
|
|
7
|
+
component: Component<any>
|
|
9
8
|
props?: Record<string, unknown>
|
|
10
9
|
}
|
|
11
10
|
|
|
@@ -14,28 +13,10 @@
|
|
|
14
13
|
|
|
15
14
|
let activeTab = initialTab
|
|
16
15
|
|
|
17
|
-
/**
|
|
18
|
-
* Sets the active tab to the given index.
|
|
19
|
-
*
|
|
20
|
-
* @param {number} index - The zero-based tab index to activate.
|
|
21
|
-
* @example
|
|
22
|
-
* ```typescript
|
|
23
|
-
* activateTab(2) // switches to the third tab
|
|
24
|
-
* ```
|
|
25
|
-
*/
|
|
26
16
|
function activateTab(index: number) {
|
|
27
17
|
activeTab = index
|
|
28
18
|
}
|
|
29
19
|
|
|
30
|
-
/**
|
|
31
|
-
* Handles arrow-key, Home, and End navigation within the tab list.
|
|
32
|
-
*
|
|
33
|
-
* @param {KeyboardEvent} event - The keyboard event from the tab list.
|
|
34
|
-
* @example
|
|
35
|
-
* ```typescript
|
|
36
|
-
* handleKeydown(new KeyboardEvent('keydown', { key: 'ArrowRight' }))
|
|
37
|
-
* ```
|
|
38
|
-
*/
|
|
39
20
|
function handleKeydown(event: KeyboardEvent) {
|
|
40
21
|
const tabCount = tabs.length
|
|
41
22
|
let newIndex = activeTab
|
|
@@ -102,7 +83,6 @@
|
|
|
102
83
|
display: flex;
|
|
103
84
|
flex-direction: column;
|
|
104
85
|
flex: 1;
|
|
105
|
-
min-height: 0;
|
|
106
86
|
}
|
|
107
87
|
|
|
108
88
|
.tab-list {
|
|
@@ -144,7 +124,7 @@
|
|
|
144
124
|
.tab-panel {
|
|
145
125
|
flex: 1 1 auto;
|
|
146
126
|
display: grid;
|
|
147
|
-
|
|
127
|
+
align-content: start;
|
|
148
128
|
overflow: auto;
|
|
149
129
|
}
|
|
150
130
|
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@picked/svelte",
|
|
3
|
-
"version": "0.0.51-next.
|
|
3
|
+
"version": "0.0.51-next.2",
|
|
4
4
|
"dependencies": {
|
|
5
5
|
"d3": "^7.9.0"
|
|
6
6
|
},
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
},
|
|
89
89
|
"module": "./dist/index.js",
|
|
90
90
|
"peerDependencies": {
|
|
91
|
-
"@picked/client": "0.0.51-next.
|
|
91
|
+
"@picked/client": "0.0.51-next.2",
|
|
92
92
|
"effector": "^23.3.0",
|
|
93
93
|
"svelte": "^5.46.4"
|
|
94
94
|
},
|