@proyecto-viviana/solidaria-components 0.2.5 → 0.2.9
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/LICENSE +21 -0
- package/dist/ActionBar.d.ts +71 -0
- package/dist/ActionBar.d.ts.map +1 -0
- package/dist/ActionGroup.d.ts +74 -0
- package/dist/ActionGroup.d.ts.map +1 -0
- package/dist/Alert.d.ts +70 -0
- package/dist/Alert.d.ts.map +1 -0
- package/dist/Breadcrumbs.d.ts +10 -2
- package/dist/Breadcrumbs.d.ts.map +1 -1
- package/dist/Button.d.ts +4 -0
- package/dist/Button.d.ts.map +1 -1
- package/dist/Calendar.d.ts +13 -0
- package/dist/Calendar.d.ts.map +1 -1
- package/dist/Checkbox.d.ts +2 -2
- package/dist/Checkbox.d.ts.map +1 -1
- package/dist/Collection.d.ts +125 -0
- package/dist/Collection.d.ts.map +1 -0
- package/dist/Color.d.ts +114 -2
- package/dist/Color.d.ts.map +1 -1
- package/dist/ColorEditor.d.ts +42 -0
- package/dist/ColorEditor.d.ts.map +1 -0
- package/dist/ComboBox.d.ts +64 -0
- package/dist/ComboBox.d.ts.map +1 -1
- package/dist/ContextualHelpTrigger.d.ts +40 -0
- package/dist/ContextualHelpTrigger.d.ts.map +1 -0
- package/dist/DateField.d.ts +27 -2
- package/dist/DateField.d.ts.map +1 -1
- package/dist/DatePicker.d.ts +67 -2
- package/dist/DatePicker.d.ts.map +1 -1
- package/dist/Dialog.d.ts.map +1 -1
- package/dist/Disclosure.d.ts +2 -0
- package/dist/Disclosure.d.ts.map +1 -1
- package/dist/DragAndDrop.d.ts +80 -0
- package/dist/DragAndDrop.d.ts.map +1 -0
- package/dist/DragPreview.d.ts +14 -0
- package/dist/DragPreview.d.ts.map +1 -0
- package/dist/DropZone.d.ts +27 -0
- package/dist/DropZone.d.ts.map +1 -0
- package/dist/FieldError.d.ts +23 -0
- package/dist/FieldError.d.ts.map +1 -0
- package/dist/FileTrigger.d.ts +26 -0
- package/dist/FileTrigger.d.ts.map +1 -0
- package/dist/Focusable.d.ts +27 -0
- package/dist/Focusable.d.ts.map +1 -0
- package/dist/Form.d.ts +27 -0
- package/dist/Form.d.ts.map +1 -0
- package/dist/GridList.d.ts +40 -1
- package/dist/GridList.d.ts.map +1 -1
- package/dist/Icon.d.ts +57 -0
- package/dist/Icon.d.ts.map +1 -0
- package/dist/Keyboard.d.ts +13 -0
- package/dist/Keyboard.d.ts.map +1 -0
- package/dist/Link.d.ts.map +1 -1
- package/dist/ListBox.d.ts +43 -1
- package/dist/ListBox.d.ts.map +1 -1
- package/dist/ListDropTargetDelegate.d.ts +38 -0
- package/dist/ListDropTargetDelegate.d.ts.map +1 -0
- package/dist/Menu.d.ts +20 -2
- package/dist/Menu.d.ts.map +1 -1
- package/dist/Meter.d.ts +2 -2
- package/dist/Meter.d.ts.map +1 -1
- package/dist/Modal.d.ts +2 -0
- package/dist/Modal.d.ts.map +1 -1
- package/dist/NumberField.d.ts +2 -0
- package/dist/NumberField.d.ts.map +1 -1
- package/dist/Popover.d.ts +4 -2
- package/dist/Popover.d.ts.map +1 -1
- package/dist/Pressable.d.ts +27 -0
- package/dist/Pressable.d.ts.map +1 -0
- package/dist/ProgressBar.d.ts +2 -2
- package/dist/ProgressBar.d.ts.map +1 -1
- package/dist/RadioGroup.d.ts.map +1 -1
- package/dist/RangeCalendar.d.ts +5 -0
- package/dist/RangeCalendar.d.ts.map +1 -1
- package/dist/RouterProvider.d.ts +75 -0
- package/dist/RouterProvider.d.ts.map +1 -0
- package/dist/SearchField.d.ts +2 -3
- package/dist/SearchField.d.ts.map +1 -1
- package/dist/Select.d.ts +11 -0
- package/dist/Select.d.ts.map +1 -1
- package/dist/SelectionIndicator.d.ts +30 -0
- package/dist/SelectionIndicator.d.ts.map +1 -0
- package/dist/SharedElementTransition.d.ts +39 -0
- package/dist/SharedElementTransition.d.ts.map +1 -0
- package/dist/Slider.d.ts +6 -3
- package/dist/Slider.d.ts.map +1 -1
- package/dist/Table.d.ts +39 -0
- package/dist/Table.d.ts.map +1 -1
- package/dist/Tabs.d.ts +4 -3
- package/dist/Tabs.d.ts.map +1 -1
- package/dist/TagGroup.d.ts +12 -2
- package/dist/TagGroup.d.ts.map +1 -1
- package/dist/Text.d.ts +10 -0
- package/dist/Text.d.ts.map +1 -0
- package/dist/TextField.d.ts +4 -0
- package/dist/TextField.d.ts.map +1 -1
- package/dist/TimeField.d.ts +26 -1
- package/dist/TimeField.d.ts.map +1 -1
- package/dist/Toast.d.ts.map +1 -1
- package/dist/ToggleButton.d.ts +30 -0
- package/dist/ToggleButton.d.ts.map +1 -0
- package/dist/ToggleButtonGroup.d.ts +33 -0
- package/dist/ToggleButtonGroup.d.ts.map +1 -0
- package/dist/Toolbar.d.ts.map +1 -1
- package/dist/Tooltip.d.ts +9 -0
- package/dist/Tooltip.d.ts.map +1 -1
- package/dist/Tree.d.ts +44 -2
- package/dist/Tree.d.ts.map +1 -1
- package/dist/Virtualizer.d.ts +61 -0
- package/dist/Virtualizer.d.ts.map +1 -0
- package/dist/VirtualizerLayouts.d.ts +82 -0
- package/dist/VirtualizerLayouts.d.ts.map +1 -0
- package/dist/VisuallyHidden.d.ts +3 -1
- package/dist/VisuallyHidden.d.ts.map +1 -1
- package/dist/contexts.d.ts +1 -0
- package/dist/contexts.d.ts.map +1 -1
- package/dist/index.d.ts +57 -25
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +13961 -5946
- package/dist/index.js.map +1 -7
- package/dist/index.ssr.js +9612 -2401
- package/dist/index.ssr.js.map +1 -7
- package/dist/useDragAndDrop.d.ts +93 -0
- package/dist/useDragAndDrop.d.ts.map +1 -0
- package/dist/utils.d.ts +7 -1
- package/dist/utils.d.ts.map +1 -1
- package/dist/virtualizer/Layout.d.ts +79 -0
- package/dist/virtualizer/Layout.d.ts.map +1 -0
- package/package.json +8 -6
- package/src/ActionBar.tsx +248 -0
- package/src/ActionGroup.tsx +285 -0
- package/src/Alert.tsx +177 -0
- package/src/Autocomplete.tsx +1 -1
- package/src/Breadcrumbs.tsx +103 -17
- package/src/Button.tsx +65 -21
- package/src/Calendar.tsx +179 -53
- package/src/Checkbox.tsx +1 -2
- package/src/Collection.tsx +341 -0
- package/src/Color.tsx +652 -34
- package/src/ColorEditor.tsx +231 -0
- package/src/ComboBox.tsx +315 -81
- package/src/ContextualHelpTrigger.tsx +183 -0
- package/src/DateField.tsx +93 -19
- package/src/DatePicker.tsx +495 -25
- package/src/Dialog.tsx +40 -9
- package/src/Disclosure.tsx +33 -27
- package/src/DragAndDrop.tsx +334 -0
- package/src/DragPreview.tsx +45 -0
- package/src/DropZone.tsx +213 -0
- package/src/FieldError.tsx +67 -0
- package/src/FileTrigger.tsx +83 -0
- package/src/Focusable.tsx +106 -0
- package/src/Form.tsx +85 -0
- package/src/GridList.tsx +379 -41
- package/src/Icon.tsx +154 -0
- package/src/Keyboard.tsx +26 -0
- package/src/Link.tsx +14 -1
- package/src/ListBox.tsx +484 -33
- package/src/ListDropTargetDelegate.ts +282 -0
- package/src/Menu.tsx +388 -35
- package/src/Meter.tsx +7 -3
- package/src/Modal.tsx +32 -4
- package/src/NumberField.tsx +163 -43
- package/src/Popover.tsx +136 -180
- package/src/Pressable.tsx +108 -0
- package/src/ProgressBar.tsx +7 -3
- package/src/RadioGroup.tsx +35 -25
- package/src/RangeCalendar.tsx +100 -68
- package/src/RouterProvider.tsx +240 -0
- package/src/SearchField.tsx +142 -34
- package/src/Select.tsx +221 -73
- package/src/SelectionIndicator.tsx +105 -0
- package/src/SharedElementTransition.tsx +258 -0
- package/src/Slider.tsx +16 -6
- package/src/Table.tsx +417 -57
- package/src/Tabs.tsx +68 -35
- package/src/TagGroup.tsx +121 -36
- package/src/Text.tsx +18 -0
- package/src/TextField.tsx +25 -8
- package/src/TimeField.tsx +101 -151
- package/src/Toast.tsx +108 -14
- package/src/ToggleButton.tsx +159 -0
- package/src/ToggleButtonGroup.tsx +136 -0
- package/src/Toolbar.tsx +14 -8
- package/src/Tooltip.tsx +108 -19
- package/src/Tree.tsx +1143 -87
- package/src/Virtualizer.tsx +702 -0
- package/src/VirtualizerLayouts.ts +265 -0
- package/src/VisuallyHidden.tsx +15 -21
- package/src/contexts.ts +1 -0
- package/src/index.ts +1057 -620
- package/src/useDragAndDrop.ts +351 -0
- package/src/utils.tsx +37 -3
- package/src/virtualizer/Layout.ts +200 -0
package/dist/Disclosure.d.ts
CHANGED
|
@@ -65,11 +65,13 @@ interface DisclosureContextValue {
|
|
|
65
65
|
};
|
|
66
66
|
}
|
|
67
67
|
export declare const DisclosureContext: import("solid-js").Context<DisclosureContextValue | null>;
|
|
68
|
+
export declare const DisclosureStateContext: import("solid-js").Context<DisclosureState | null>;
|
|
68
69
|
export declare function useDisclosureContext(): DisclosureContextValue | null;
|
|
69
70
|
interface DisclosureGroupContextValue {
|
|
70
71
|
state: DisclosureGroupState;
|
|
71
72
|
}
|
|
72
73
|
export declare const DisclosureGroupContext: import("solid-js").Context<DisclosureGroupContextValue | null>;
|
|
74
|
+
export declare const DisclosureGroupStateContext: import("solid-js").Context<DisclosureGroupState | null>;
|
|
73
75
|
export declare function useDisclosureGroupContext(): DisclosureGroupContextValue | null;
|
|
74
76
|
/**
|
|
75
77
|
* DisclosureGroup manages a group of Disclosure components.
|
package/dist/Disclosure.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Disclosure.d.ts","sourceRoot":"","sources":["../src/Disclosure.tsx"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,EACL,KAAK,GAAG,EAMT,MAAM,UAAU,CAAC;AAClB,OAAO,EAGL,KAAK,eAAe,EACpB,KAAK,oBAAoB,EACzB,KAAK,oBAAoB,EACzB,KAAK,yBAAyB,EAC/B,MAAM,iCAAiC,CAAC;AAKzC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EAIrB,MAAM,SAAS,CAAC;AAMjB,MAAM,WAAW,qBAAqB;IACpC,0CAA0C;IAC1C,UAAU,EAAE,OAAO,CAAC;IACpB,0CAA0C;IAC1C,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,0BAA0B;IACzC,sCAAsC;IACtC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,eAAgB,SAAQ,oBAAoB;IAC3D,qCAAqC;IACrC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACnD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;IAC/C,0CAA0C;IAC1C,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,+DAA+D;IAC/D,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAED,MAAM,WAAW,oBAAqB,SAAQ,yBAAyB;IACrE,qCAAqC;IACrC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,0BAA0B,CAAC,CAAC;IACxD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,0BAA0B,CAAC,CAAC;CACrD;AAED,MAAM,WAAW,sBAAsB;IACrC,mCAAmC;IACnC,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;IACvB,yCAAyC;IACzC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wCAAwC;IACxC,KAAK,CAAC,EAAE,GAAG,CAAC,aAAa,CAAC;CAC3B;AAED,MAAM,WAAW,oBAAoB;IACnC,iCAAiC;IACjC,QAAQ,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACjD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACnD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;CAChD;AAMD,UAAU,sBAAsB;IAC9B,KAAK,EAAE,eAAe,CAAC;IACvB,UAAU,EAAE,MAAM,OAAO,CAAC;IAC1B,yFAAyF;IACzF,cAAc,EAAE;QACd,QAAQ,CAAC,WAAW,EAAE,GAAG,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,CAAC;QAClE,QAAQ,CAAC,UAAU,EAAE,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,CAAC;KACtD,CAAC;CACH;AAED,eAAO,MAAM,iBAAiB,2DAAqD,CAAC;
|
|
1
|
+
{"version":3,"file":"Disclosure.d.ts","sourceRoot":"","sources":["../src/Disclosure.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Drag and drop composition helpers for solidaria-components.
|
|
3
|
+
*
|
|
4
|
+
* Compatibility target: react-aria-components DragAndDrop exports.
|
|
5
|
+
*/
|
|
6
|
+
import { type JSX, type Accessor } from 'solid-js';
|
|
7
|
+
import type { DragTypes, DropOperation, DropTarget, ItemDropTarget, Key } from '@proyecto-viviana/solid-stately';
|
|
8
|
+
import type { DragAndDropHooks } from './useDragAndDrop';
|
|
9
|
+
import { type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from './utils';
|
|
10
|
+
export interface DragAndDropContextValue {
|
|
11
|
+
dragAndDropHooks?: DragAndDropHooks<unknown>;
|
|
12
|
+
dragState?: unknown;
|
|
13
|
+
dropState?: {
|
|
14
|
+
target?: DropTarget | null;
|
|
15
|
+
isDropTarget?: (target: DropTarget) => boolean;
|
|
16
|
+
};
|
|
17
|
+
}
|
|
18
|
+
export declare const DragAndDropContext: import("solid-js").Context<DragAndDropContextValue>;
|
|
19
|
+
export interface DropIndicatorRenderProps {
|
|
20
|
+
isDropTarget: boolean;
|
|
21
|
+
}
|
|
22
|
+
export interface DropIndicatorProps extends SlotProps {
|
|
23
|
+
target: ItemDropTarget;
|
|
24
|
+
children?: JSX.Element | ((props: DropIndicatorRenderProps) => JSX.Element);
|
|
25
|
+
class?: ClassNameOrFunction<DropIndicatorRenderProps>;
|
|
26
|
+
style?: StyleOrFunction<DropIndicatorRenderProps>;
|
|
27
|
+
}
|
|
28
|
+
interface DropIndicatorContextValue {
|
|
29
|
+
render: (props: DropIndicatorProps) => JSX.Element;
|
|
30
|
+
}
|
|
31
|
+
export declare const DropIndicatorContext: import("solid-js").Context<DropIndicatorContextValue | null>;
|
|
32
|
+
export declare function DropIndicator(props: DropIndicatorProps): JSX.Element;
|
|
33
|
+
export declare function useRenderDropIndicator(hooksOrDropState?: Pick<DragAndDropHooks<unknown>, 'renderDropIndicator' | 'isVirtualDragging' | 'useDropIndicator'> | {
|
|
34
|
+
target?: DropTarget | null;
|
|
35
|
+
isDropTarget?: ((target: DropTarget) => boolean) | boolean;
|
|
36
|
+
}, maybeDropState?: {
|
|
37
|
+
target?: DropTarget | null;
|
|
38
|
+
isDropTarget?: ((target: DropTarget) => boolean) | boolean;
|
|
39
|
+
}): ((target: ItemDropTarget) => JSX.Element | undefined) | undefined;
|
|
40
|
+
type KeyAccessor = Key | null | undefined | Accessor<Key | null | undefined>;
|
|
41
|
+
interface SelectionManagerLike {
|
|
42
|
+
focusedKey?: KeyAccessor;
|
|
43
|
+
}
|
|
44
|
+
interface CollectionLike {
|
|
45
|
+
getKeyAfter: (key: Key) => Key | null;
|
|
46
|
+
getItem: (key: Key) => {
|
|
47
|
+
level?: number;
|
|
48
|
+
type?: string;
|
|
49
|
+
} | null | undefined;
|
|
50
|
+
}
|
|
51
|
+
interface DroppableCollectionStateLike {
|
|
52
|
+
target?: DropTarget | null;
|
|
53
|
+
}
|
|
54
|
+
export interface VirtualRangeLike {
|
|
55
|
+
start: number;
|
|
56
|
+
end: number;
|
|
57
|
+
offsetTop: number;
|
|
58
|
+
offsetBottom: number;
|
|
59
|
+
}
|
|
60
|
+
export interface LayoutInfoProviderLike {
|
|
61
|
+
getLayoutInfo: (index: number) => {
|
|
62
|
+
rect: {
|
|
63
|
+
y: number;
|
|
64
|
+
height: number;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
}
|
|
68
|
+
export declare function getNormalizedDropTargetKey(target: DropTarget | null | undefined, collection?: CollectionLike): Key | null;
|
|
69
|
+
export declare function useDndPersistedKeys(selectionManager: SelectionManagerLike | null | undefined, dragAndDropHooks?: Pick<DragAndDropHooks<unknown>, 'isVirtualDragging'>, dropState?: DroppableCollectionStateLike, collection?: CollectionLike): Accessor<Set<Key>>;
|
|
70
|
+
export declare function mergePersistedKeysIntoVirtualRange(baseRange: VirtualRangeLike, persistedIndexes: number[], itemCount: number, layoutInfoProvider: LayoutInfoProviderLike, maxExtraItems?: number, options?: {
|
|
71
|
+
forceIncludeIndexes?: number[];
|
|
72
|
+
forceIncludeMaxSpan?: number;
|
|
73
|
+
fallbackToForcedWindow?: boolean;
|
|
74
|
+
}): VirtualRangeLike;
|
|
75
|
+
export type DropTargetDelegate = {
|
|
76
|
+
getDropTargetFromPoint: (x: number, y: number, isValidDropTarget: (target: DropTarget) => boolean) => DropTarget | null;
|
|
77
|
+
getDropOperation: (target: DropTarget, types: DragTypes, allowedOperations: DropOperation[]) => DropOperation;
|
|
78
|
+
};
|
|
79
|
+
export {};
|
|
80
|
+
//# sourceMappingURL=DragAndDrop.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DragAndDrop.d.ts","sourceRoot":"","sources":["../src/DragAndDrop.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { type JSX } from 'solid-js';
|
|
2
|
+
import type { DragItem, DragPreviewRenderer } from '@proyecto-viviana/solid-stately';
|
|
3
|
+
export interface DragPreviewProps {
|
|
4
|
+
ref?: {
|
|
5
|
+
current: DragPreviewRenderer | null;
|
|
6
|
+
};
|
|
7
|
+
children: (items: DragItem[]) => JSX.Element | {
|
|
8
|
+
element: JSX.Element;
|
|
9
|
+
x?: number;
|
|
10
|
+
y?: number;
|
|
11
|
+
} | null | undefined;
|
|
12
|
+
}
|
|
13
|
+
export declare function DragPreview(props: DragPreviewProps): JSX.Element;
|
|
14
|
+
//# sourceMappingURL=DragPreview.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DragPreview.d.ts","sourceRoot":"","sources":["../src/DragPreview.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAa,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/C,OAAO,KAAK,EAAE,QAAQ,EAAE,mBAAmB,EAAE,MAAM,iCAAiC,CAAC;AAErF,MAAM,WAAW,gBAAgB;IAC/B,GAAG,CAAC,EAAE;QAAE,OAAO,EAAE,mBAAmB,GAAG,IAAI,CAAA;KAAE,CAAC;IAC9C,QAAQ,EAAE,CAAC,KAAK,EAAE,QAAQ,EAAE,KAAK,GAAG,CAAC,OAAO,GAAG;QAAE,OAAO,EAAE,GAAG,CAAC,OAAO,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAC;QAAC,CAAC,CAAC,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,GAAG,SAAS,CAAC;CACpH;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAoChE"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* DropZone primitive for solidaria-components.
|
|
3
|
+
*
|
|
4
|
+
* A drop target area for drag and drop operations.
|
|
5
|
+
* Parity target: react-aria-components/src/DropZone.tsx
|
|
6
|
+
*/
|
|
7
|
+
import { type JSX } from 'solid-js';
|
|
8
|
+
import { type HoverEvents, type AriaDropOptions } from '@proyecto-viviana/solidaria';
|
|
9
|
+
import { type ClassNameOrFunction, type StyleOrFunction, type RenderChildren, type SlotProps } from './utils';
|
|
10
|
+
export interface DropZoneRenderProps {
|
|
11
|
+
isHovered: boolean;
|
|
12
|
+
isFocused: boolean;
|
|
13
|
+
isFocusVisible: boolean;
|
|
14
|
+
isDropTarget: boolean;
|
|
15
|
+
isDisabled: boolean;
|
|
16
|
+
}
|
|
17
|
+
export interface DropZoneProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'children' | 'class' | 'style' | 'onDrop'>, Omit<AriaDropOptions, 'hasDropButton'>, HoverEvents, SlotProps {
|
|
18
|
+
children?: RenderChildren<DropZoneRenderProps>;
|
|
19
|
+
class?: ClassNameOrFunction<DropZoneRenderProps>;
|
|
20
|
+
style?: StyleOrFunction<DropZoneRenderProps>;
|
|
21
|
+
}
|
|
22
|
+
export declare const DropZoneContext: import("solid-js").Context<DropZoneProps | null>;
|
|
23
|
+
/**
|
|
24
|
+
* A drop zone is an area into which one or multiple objects can be dropped.
|
|
25
|
+
*/
|
|
26
|
+
export declare function DropZone(props: DropZoneProps): JSX.Element;
|
|
27
|
+
//# sourceMappingURL=DropZone.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"DropZone.d.ts","sourceRoot":"","sources":["../src/DropZone.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAuD,MAAM,UAAU,CAAC;AACzF,OAAO,EAKL,KAAK,WAAW,EAChB,KAAK,eAAe,EACrB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAGjB,MAAM,WAAW,mBAAmB;IAClC,SAAS,EAAE,OAAO,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,cAAc,EAAE,OAAO,CAAC;IACxB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,aACf,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,GAAG,QAAQ,CAAC,EACzF,IAAI,CAAC,eAAe,EAAE,eAAe,CAAC,EACtC,WAAW,EACX,SAAS;IACX,QAAQ,CAAC,EAAE,cAAc,CAAC,mBAAmB,CAAC,CAAC;IAC/C,KAAK,CAAC,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAC;IACjD,KAAK,CAAC,EAAE,eAAe,CAAC,mBAAmB,CAAC,CAAC;CAC9C;AAED,eAAO,MAAM,eAAe,kDAA4C,CAAC;AAgBzE;;GAEG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAqJ1D"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* FieldError primitive for solidaria-components.
|
|
3
|
+
*
|
|
4
|
+
* Displays validation errors for a field from context or explicit validation prop.
|
|
5
|
+
* Port direction: react-aria-components/src/FieldError.tsx
|
|
6
|
+
*/
|
|
7
|
+
import { type JSX } from 'solid-js';
|
|
8
|
+
import type { ValidationResult } from '@proyecto-viviana/solid-stately';
|
|
9
|
+
import { type ClassNameOrFunction, type StyleOrFunction, type RenderChildren, type SlotProps } from './utils';
|
|
10
|
+
export type FieldErrorRenderProps = ValidationResult;
|
|
11
|
+
export interface FieldErrorProps extends Omit<JSX.HTMLAttributes<HTMLElement>, 'children' | 'class' | 'style'>, SlotProps {
|
|
12
|
+
/** Validation result. Falls back to context when omitted. */
|
|
13
|
+
validation?: ValidationResult | null;
|
|
14
|
+
/** The children of the component. */
|
|
15
|
+
children?: RenderChildren<FieldErrorRenderProps>;
|
|
16
|
+
/** The CSS className for the element. */
|
|
17
|
+
class?: ClassNameOrFunction<FieldErrorRenderProps>;
|
|
18
|
+
/** The inline style for the element. */
|
|
19
|
+
style?: StyleOrFunction<FieldErrorRenderProps>;
|
|
20
|
+
}
|
|
21
|
+
export declare const FieldErrorContext: import("solid-js").Context<ValidationResult | null>;
|
|
22
|
+
export declare function FieldError(props: FieldErrorProps): JSX.Element | null;
|
|
23
|
+
//# sourceMappingURL=FieldError.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FieldError.d.ts","sourceRoot":"","sources":["../src/FieldError.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAqD,MAAM,UAAU,CAAC;AACvF,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACxE,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,CAAC;AAErD,MAAM,WAAW,eACf,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC,EAC3E,SAAS;IACX,6DAA6D;IAC7D,UAAU,CAAC,EAAE,gBAAgB,GAAG,IAAI,CAAC;IACrC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,cAAc,CAAC,qBAAqB,CAAC,CAAC;IACjD,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,qBAAqB,CAAC,CAAC;IACnD,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,qBAAqB,CAAC,CAAC;CAChD;AAED,eAAO,MAAM,iBAAiB,qDAA+C,CAAC;AAE9E,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,GAAG,CAAC,OAAO,GAAG,IAAI,CA+BrE"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* FileTrigger primitive for solidaria-components.
|
|
3
|
+
*
|
|
4
|
+
* Opens the native file picker from any pressable child.
|
|
5
|
+
* Parity target: react-aria-components/src/FileTrigger.tsx
|
|
6
|
+
*/
|
|
7
|
+
import { type JSX } from 'solid-js';
|
|
8
|
+
export interface FileTriggerProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'type' | 'onChange' | 'children' | 'onSelect'> {
|
|
9
|
+
/** Mime types accepted by the file picker. */
|
|
10
|
+
acceptedFileTypes?: ReadonlyArray<string>;
|
|
11
|
+
/** Whether multiple files can be selected. */
|
|
12
|
+
allowsMultiple?: boolean;
|
|
13
|
+
/** Default camera capture mode for mobile devices. */
|
|
14
|
+
defaultCamera?: 'user' | 'environment';
|
|
15
|
+
/** Enables directory selection in supported browsers. */
|
|
16
|
+
acceptDirectory?: boolean;
|
|
17
|
+
/** Called when user selection changes. */
|
|
18
|
+
onSelect?: (files: FileList | null) => void;
|
|
19
|
+
/** Trigger content (typically a button). */
|
|
20
|
+
children?: JSX.Element;
|
|
21
|
+
}
|
|
22
|
+
/**
|
|
23
|
+
* A FileTrigger allows a user to access the file system using a custom trigger.
|
|
24
|
+
*/
|
|
25
|
+
export declare function FileTrigger(props: FileTriggerProps): JSX.Element;
|
|
26
|
+
//# sourceMappingURL=FileTrigger.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"FileTrigger.d.ts","sourceRoot":"","sources":["../src/FileTrigger.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA4B,MAAM,UAAU,CAAC;AAG9D,MAAM,WAAW,gBACf,SAAQ,IAAI,CAAC,GAAG,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAAE,MAAM,GAAG,UAAU,GAAG,UAAU,GAAG,UAAU,CAAC;IACtG,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,aAAa,CAAC,MAAM,CAAC,CAAC;IAC1C,8CAA8C;IAC9C,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,sDAAsD;IACtD,aAAa,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC;IACvC,yDAAyD;IACzD,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,0CAA0C;IAC1C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,CAAC;IAC5C,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED;;GAEG;AACH,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAqDhE"}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Focusable component for solidaria-components
|
|
3
|
+
*
|
|
4
|
+
* A render-prop component that wraps createFocusable to make an element
|
|
5
|
+
* focusable and capable of auto focus. Port of React Aria's Focusable.
|
|
6
|
+
*/
|
|
7
|
+
import { type JSX } from 'solid-js';
|
|
8
|
+
import { type CreateFocusableProps } from '@proyecto-viviana/solidaria';
|
|
9
|
+
export interface FocusableProps extends CreateFocusableProps {
|
|
10
|
+
/** A single child element to make focusable. */
|
|
11
|
+
children: JSX.Element;
|
|
12
|
+
/** Ref callback. */
|
|
13
|
+
ref?: HTMLElement | ((el: HTMLElement) => void);
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Makes its child element focusable and capable of auto focus.
|
|
17
|
+
* Applies focus and keyboard event handlers from createFocusable.
|
|
18
|
+
*
|
|
19
|
+
* @example
|
|
20
|
+
* ```tsx
|
|
21
|
+
* <Focusable onFocus={() => console.log('focused')}>
|
|
22
|
+
* <div tabIndex={0}>Focusable content</div>
|
|
23
|
+
* </Focusable>
|
|
24
|
+
* ```
|
|
25
|
+
*/
|
|
26
|
+
export declare function Focusable(props: FocusableProps): JSX.Element;
|
|
27
|
+
//# sourceMappingURL=Focusable.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Focusable.d.ts","sourceRoot":"","sources":["../src/Focusable.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAoE,MAAM,UAAU,CAAC;AACtG,OAAO,EAAmB,KAAK,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AAMzF,MAAM,WAAW,cAAe,SAAQ,oBAAoB;IAC1D,gDAAgD;IAChD,QAAQ,EAAE,GAAG,CAAC,OAAO,CAAC;IACtB,oBAAoB;IACpB,GAAG,CAAC,EAAE,WAAW,GAAG,CAAC,CAAC,EAAE,EAAE,WAAW,KAAK,IAAI,CAAC,CAAC;CACjD;AAMD;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,GAAG,CAAC,OAAO,CAqE5D"}
|
package/dist/Form.d.ts
ADDED
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Form primitive for solidaria-components.
|
|
3
|
+
*
|
|
4
|
+
* Provides form-level validation behavior and server validation context.
|
|
5
|
+
* Port direction: react-aria-components/src/Form.tsx
|
|
6
|
+
*/
|
|
7
|
+
import { type JSX } from 'solid-js';
|
|
8
|
+
import { type ValidationErrors, type ValidationBehavior } from '@proyecto-viviana/solid-stately';
|
|
9
|
+
import { type ClassNameOrFunction, type StyleOrFunction, type RenderChildren, type SlotProps } from './utils';
|
|
10
|
+
export interface FormRenderProps {
|
|
11
|
+
validationBehavior: ValidationBehavior;
|
|
12
|
+
}
|
|
13
|
+
export interface FormProps extends Omit<JSX.FormHTMLAttributes<HTMLFormElement>, 'children' | 'class' | 'style'>, SlotProps {
|
|
14
|
+
/** Server-side validation errors keyed by field name. */
|
|
15
|
+
validationErrors?: ValidationErrors;
|
|
16
|
+
/** Validation behavior mode. */
|
|
17
|
+
validationBehavior?: ValidationBehavior;
|
|
18
|
+
/** The children of the component. */
|
|
19
|
+
children?: RenderChildren<FormRenderProps>;
|
|
20
|
+
/** The CSS className for the element. */
|
|
21
|
+
class?: ClassNameOrFunction<FormRenderProps>;
|
|
22
|
+
/** The inline style for the element. */
|
|
23
|
+
style?: StyleOrFunction<FormRenderProps>;
|
|
24
|
+
}
|
|
25
|
+
export declare const FormContext: import("solid-js").Context<FormProps | null>;
|
|
26
|
+
export declare function Form(props: FormProps): JSX.Element;
|
|
27
|
+
//# sourceMappingURL=Form.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../src/Form.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAA6B,MAAM,UAAU,CAAC;AAC/D,OAAO,EAEL,KAAK,gBAAgB,EACrB,KAAK,kBAAkB,EACxB,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACL,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,cAAc,EACnB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAEjB,MAAM,WAAW,eAAe;IAC9B,kBAAkB,EAAE,kBAAkB,CAAC;CACxC;AAED,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,GAAG,CAAC,kBAAkB,CAAC,eAAe,CAAC,EAAE,UAAU,GAAG,OAAO,GAAG,OAAO,CAAC,EACnF,SAAS;IACX,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;IACpC,gCAAgC;IAChC,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC,qCAAqC;IACrC,QAAQ,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAC3C,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAC7C,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;CAC1C;AAED,eAAO,MAAM,WAAW,8CAAwC,CAAC;AAEjE,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAyClD"}
|
package/dist/GridList.d.ts
CHANGED
|
@@ -11,6 +11,8 @@ import { type JSX } from 'solid-js';
|
|
|
11
11
|
import { type AriaGridListProps } from '@proyecto-viviana/solidaria';
|
|
12
12
|
import { type GridState, type GridCollection, type Key } from '@proyecto-viviana/solid-stately';
|
|
13
13
|
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from './utils';
|
|
14
|
+
import { type DragAndDropHooks } from './useDragAndDrop';
|
|
15
|
+
import { type SectionProps } from './Collection';
|
|
14
16
|
export interface GridListRenderProps {
|
|
15
17
|
/** Whether the grid list has focus. */
|
|
16
18
|
isFocused: boolean;
|
|
@@ -48,6 +50,14 @@ export interface GridListProps<T extends object> extends Omit<AriaGridListProps,
|
|
|
48
50
|
style?: StyleOrFunction<GridListRenderProps>;
|
|
49
51
|
/** A function to render when the grid list is empty. */
|
|
50
52
|
renderEmptyState?: () => JSX.Element;
|
|
53
|
+
/** Whether there are more items to load. */
|
|
54
|
+
hasMore?: boolean;
|
|
55
|
+
/** Whether additional items are currently loading. */
|
|
56
|
+
isLoading?: boolean;
|
|
57
|
+
/** Called when the load more sentinel becomes visible. */
|
|
58
|
+
onLoadMore?: () => void | Promise<void>;
|
|
59
|
+
/** Drag and drop hooks from `useDragAndDrop`. */
|
|
60
|
+
dragAndDropHooks?: DragAndDropHooks<T>;
|
|
51
61
|
}
|
|
52
62
|
export interface GridListItemRenderProps {
|
|
53
63
|
/** Whether the item is selected. */
|
|
@@ -63,7 +73,7 @@ export interface GridListItemRenderProps {
|
|
|
63
73
|
/** Whether the item is disabled. */
|
|
64
74
|
isDisabled: boolean;
|
|
65
75
|
}
|
|
66
|
-
export interface GridListItemProps<T extends object> extends SlotProps {
|
|
76
|
+
export interface GridListItemProps<T extends object> extends SlotProps, Omit<JSX.HTMLAttributes<HTMLDivElement>, 'class' | 'style' | 'children' | 'id'> {
|
|
67
77
|
/** The unique key for the item. */
|
|
68
78
|
id: Key;
|
|
69
79
|
/** The item value. */
|
|
@@ -79,13 +89,35 @@ export interface GridListItemProps<T extends object> extends SlotProps {
|
|
|
79
89
|
/** Handler called when the item is activated. */
|
|
80
90
|
onAction?: () => void;
|
|
81
91
|
}
|
|
92
|
+
export interface GridListLoadMoreItemProps extends SlotProps {
|
|
93
|
+
onLoadMore: () => void | Promise<void>;
|
|
94
|
+
isLoading?: boolean;
|
|
95
|
+
children?: JSX.Element;
|
|
96
|
+
class?: ClassNameOrFunction<{
|
|
97
|
+
isLoading: boolean;
|
|
98
|
+
}>;
|
|
99
|
+
style?: StyleOrFunction<{
|
|
100
|
+
isLoading: boolean;
|
|
101
|
+
}>;
|
|
102
|
+
}
|
|
103
|
+
export interface GridListSectionProps extends SectionProps {
|
|
104
|
+
}
|
|
105
|
+
export interface GridListHeaderProps extends SlotProps {
|
|
106
|
+
children?: JSX.Element;
|
|
107
|
+
class?: string;
|
|
108
|
+
style?: JSX.CSSProperties;
|
|
109
|
+
}
|
|
82
110
|
interface GridListContextValue<T extends object> {
|
|
83
111
|
state: GridState<T, GridCollection<T>>;
|
|
84
112
|
collection: GridCollection<T>;
|
|
85
113
|
isDisabled: boolean;
|
|
114
|
+
dragAndDropHooks?: DragAndDropHooks<T>;
|
|
115
|
+
dragState?: unknown;
|
|
116
|
+
dropState?: unknown;
|
|
86
117
|
}
|
|
87
118
|
export declare const GridListContext: import("solid-js").Context<GridListContextValue<object> | null>;
|
|
88
119
|
export declare const GridListStateContext: import("solid-js").Context<GridState<object, GridCollection<object>> | null>;
|
|
120
|
+
export declare const GridListHeaderContext: import("solid-js").Context<null>;
|
|
89
121
|
/**
|
|
90
122
|
* A grid list displays a list of interactive items, with support for
|
|
91
123
|
* keyboard navigation, single or multiple selection, and row actions.
|
|
@@ -94,6 +126,7 @@ export declare function GridList<T extends object>(props: GridListProps<T>): JSX
|
|
|
94
126
|
export declare namespace GridList {
|
|
95
127
|
var Item: typeof GridListItem;
|
|
96
128
|
var SelectionCheckbox: typeof GridListSelectionCheckbox;
|
|
129
|
+
var LoadMoreItem: typeof GridListLoadMoreItem;
|
|
97
130
|
}
|
|
98
131
|
/**
|
|
99
132
|
* An item in a grid list.
|
|
@@ -105,5 +138,11 @@ export declare function GridListItem<T extends object>(props: GridListItemProps<
|
|
|
105
138
|
export declare function GridListSelectionCheckbox(props: {
|
|
106
139
|
itemKey: Key;
|
|
107
140
|
}): JSX.Element;
|
|
141
|
+
export declare function GridListLoadMoreItem(props: GridListLoadMoreItemProps): JSX.Element;
|
|
142
|
+
export declare function GridListHeader(props: GridListHeaderProps): JSX.Element;
|
|
143
|
+
/**
|
|
144
|
+
* Section primitive alias for GridList composition parity.
|
|
145
|
+
*/
|
|
146
|
+
export declare function GridListSection(props: GridListSectionProps): JSX.Element;
|
|
108
147
|
export {};
|
|
109
148
|
//# sourceMappingURL=GridList.d.ts.map
|
package/dist/GridList.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridList.d.ts","sourceRoot":"","sources":["../src/GridList.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,
|
|
1
|
+
{"version":3,"file":"GridList.d.ts","sourceRoot":"","sources":["../src/GridList.tsx"],"names":[],"mappings":"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"}
|
package/dist/Icon.d.ts
ADDED
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Icon component for solidaria-components
|
|
3
|
+
*
|
|
4
|
+
* Minimal headless Icon that owns ARIA semantics:
|
|
5
|
+
* - Decorative (no label): aria-hidden="true"
|
|
6
|
+
* - Informative (aria-label): role="img" + aria-label
|
|
7
|
+
* - Interactive (onPress): wraps content in headless Button
|
|
8
|
+
*
|
|
9
|
+
* The UI layer consumes this for styling/composition only.
|
|
10
|
+
*/
|
|
11
|
+
import { type JSX } from 'solid-js';
|
|
12
|
+
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from './utils';
|
|
13
|
+
import type { PressEvent } from '@proyecto-viviana/solidaria';
|
|
14
|
+
export interface IconRenderProps {
|
|
15
|
+
/** Whether the icon is purely decorative (no label). */
|
|
16
|
+
isDecorative: boolean;
|
|
17
|
+
/** Whether the icon is interactive (has onPress). */
|
|
18
|
+
isInteractive: boolean;
|
|
19
|
+
}
|
|
20
|
+
export interface IconProps extends SlotProps {
|
|
21
|
+
/** Handler called when the icon is pressed (makes it interactive). */
|
|
22
|
+
onPress?: (e: PressEvent) => void;
|
|
23
|
+
/** Accessible label for the icon. When provided, the icon is informative (role="img"). */
|
|
24
|
+
'aria-label'?: string;
|
|
25
|
+
/** ID of an element that labels this icon. */
|
|
26
|
+
'aria-labelledby'?: string;
|
|
27
|
+
/** The children of the component. A function may be provided to receive render props. */
|
|
28
|
+
children?: RenderChildren<IconRenderProps>;
|
|
29
|
+
/** The CSS className for the element. */
|
|
30
|
+
class?: ClassNameOrFunction<IconRenderProps>;
|
|
31
|
+
/** The inline style for the element. */
|
|
32
|
+
style?: StyleOrFunction<IconRenderProps>;
|
|
33
|
+
/** The id of the element. */
|
|
34
|
+
id?: string;
|
|
35
|
+
}
|
|
36
|
+
export declare const IconContext: import("solid-js").Context<IconProps | null>;
|
|
37
|
+
/**
|
|
38
|
+
* An icon wrapper that provides correct ARIA semantics.
|
|
39
|
+
*
|
|
40
|
+
* - **Decorative** (no `aria-label`): renders `<span aria-hidden="true">`
|
|
41
|
+
* - **Informative** (`aria-label` provided): renders `<span role="img" aria-label="...">`
|
|
42
|
+
* - **Interactive** (`onPress` provided): wraps in headless `Button`
|
|
43
|
+
*
|
|
44
|
+
* @example
|
|
45
|
+
* ```tsx
|
|
46
|
+
* // Decorative
|
|
47
|
+
* <Icon><SearchSvg /></Icon>
|
|
48
|
+
*
|
|
49
|
+
* // Informative
|
|
50
|
+
* <Icon aria-label="Search"><SearchSvg /></Icon>
|
|
51
|
+
*
|
|
52
|
+
* // Interactive
|
|
53
|
+
* <Icon onPress={handleSearch} aria-label="Search"><SearchSvg /></Icon>
|
|
54
|
+
* ```
|
|
55
|
+
*/
|
|
56
|
+
export declare function Icon(props: IconProps): JSX.Element;
|
|
57
|
+
//# sourceMappingURL=Icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Icon.d.ts","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,EACL,KAAK,GAAG,EAKT,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAEjB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAM9D,MAAM,WAAW,eAAe;IAC9B,wDAAwD;IACxD,YAAY,EAAE,OAAO,CAAC;IACtB,qDAAqD;IACrD,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,SAAU,SAAQ,SAAS;IAC1C,sEAAsE;IACtE,OAAO,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAClC,0FAA0F;IAC1F,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8CAA8C;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAC3C,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAC7C,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;IACzC,6BAA6B;IAC7B,EAAE,CAAC,EAAE,MAAM,CAAC;CACb;AAMD,eAAO,MAAM,WAAW,8CAAwC,CAAC;AAMjE;;;;;;;;;;;;;;;;;;GAkBG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,SAAS,GAAG,GAAG,CAAC,OAAO,CAmElD"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Keyboard primitive for solidaria-components.
|
|
3
|
+
*
|
|
4
|
+
* Displays keyboard key hints with semantic <kbd> markup.
|
|
5
|
+
* Port direction: react-aria-components/src/Keyboard.tsx
|
|
6
|
+
*/
|
|
7
|
+
import { type JSX } from 'solid-js';
|
|
8
|
+
export interface KeyboardProps extends JSX.HTMLAttributes<HTMLElement> {
|
|
9
|
+
children?: JSX.Element;
|
|
10
|
+
}
|
|
11
|
+
export declare const KeyboardContext: import("solid-js").Context<KeyboardProps | null>;
|
|
12
|
+
export declare function Keyboard(props: KeyboardProps): JSX.Element;
|
|
13
|
+
//# sourceMappingURL=Keyboard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Keyboard.d.ts","sourceRoot":"","sources":["../src/Keyboard.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAyC,MAAM,UAAU,CAAC;AAE3E,MAAM,WAAW,aAAc,SAAQ,GAAG,CAAC,cAAc,CAAC,WAAW,CAAC;IACpE,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB;AAED,eAAO,MAAM,eAAe,kDAA4C,CAAC;AAEzE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAU1D"}
|
package/dist/Link.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,WAAW,EAIjB,MAAM,UAAU,CAAC;AAElB,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,WAAW,EACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;
|
|
1
|
+
{"version":3,"file":"Link.d.ts","sourceRoot":"","sources":["../src/Link.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,EACR,KAAK,WAAW,EAIjB,MAAM,UAAU,CAAC;AAElB,OAAO,EAIL,KAAK,aAAa,EAClB,KAAK,WAAW,EACjB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EACL,KAAK,cAAc,EACnB,KAAK,mBAAmB,EACxB,KAAK,eAAe,EACpB,KAAK,SAAS,EAGf,MAAM,SAAS,CAAC;AAOjB,MAAM,WAAW,eAAe;IAC9B,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,0DAA0D;IAC1D,SAAS,EAAE,OAAO,CAAC;IACnB,wDAAwD;IACxD,SAAS,EAAE,OAAO,CAAC;IACnB,mEAAmE;IACnE,SAAS,EAAE,OAAO,CAAC;IACnB,4CAA4C;IAC5C,cAAc,EAAE,OAAO,CAAC;IACxB,oCAAoC;IACpC,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,WAAW,SACf,SAAQ,IAAI,CAAC,aAAa,EAAE,aAAa,CAAC,EACxC,WAAW,EACX,SAAS;IACX,yFAAyF;IACzF,QAAQ,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAC;IAC3C,yCAAyC;IACzC,KAAK,CAAC,EAAE,mBAAmB,CAAC,eAAe,CAAC,CAAC;IAC7C,wCAAwC;IACxC,KAAK,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAC;CAC1C;AAMD,eAAO,MAAM,WAAW,8CAAwC,CAAC;AAMjE;;;;;;;;;;;;;;;;;GAiBG;AACH,wBAAgB,IAAI,CAAC,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,OAAO,CA0H/D"}
|
package/dist/ListBox.d.ts
CHANGED
|
@@ -8,6 +8,8 @@ import { type JSX } from 'solid-js';
|
|
|
8
8
|
import { type AriaListBoxProps, type AriaOptionProps } from '@proyecto-viviana/solidaria';
|
|
9
9
|
import { type ListState, type Key } from '@proyecto-viviana/solid-stately';
|
|
10
10
|
import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from './utils';
|
|
11
|
+
import { type DragAndDropHooks } from './useDragAndDrop';
|
|
12
|
+
import { type CollectionEntry, type SectionProps } from './Collection';
|
|
11
13
|
export interface ListBoxRenderProps {
|
|
12
14
|
/** Whether the listbox has focus. */
|
|
13
15
|
isFocused: boolean;
|
|
@@ -20,7 +22,7 @@ export interface ListBoxRenderProps {
|
|
|
20
22
|
}
|
|
21
23
|
export interface ListBoxProps<T> extends Omit<AriaListBoxProps, 'children'>, SlotProps {
|
|
22
24
|
/** The items to render in the listbox. */
|
|
23
|
-
items: T[];
|
|
25
|
+
items: CollectionEntry<T>[];
|
|
24
26
|
/** Function to get the key from an item. */
|
|
25
27
|
getKey?: (item: T) => Key;
|
|
26
28
|
/** Function to get the text value from an item. */
|
|
@@ -45,6 +47,14 @@ export interface ListBoxProps<T> extends Omit<AriaListBoxProps, 'children'>, Slo
|
|
|
45
47
|
style?: StyleOrFunction<ListBoxRenderProps>;
|
|
46
48
|
/** A function to render when the listbox is empty. */
|
|
47
49
|
renderEmptyState?: () => JSX.Element;
|
|
50
|
+
/** Whether there are more items to load. */
|
|
51
|
+
hasMore?: boolean;
|
|
52
|
+
/** Whether additional items are currently loading. */
|
|
53
|
+
isLoading?: boolean;
|
|
54
|
+
/** Called when the load more sentinel becomes visible. */
|
|
55
|
+
onLoadMore?: () => void | Promise<void>;
|
|
56
|
+
/** Drag and drop hooks from `useDragAndDrop`. */
|
|
57
|
+
dragAndDropHooks?: DragAndDropHooks<T>;
|
|
48
58
|
}
|
|
49
59
|
export interface ListBoxOptionRenderProps {
|
|
50
60
|
/** Whether the option is selected. */
|
|
@@ -74,21 +84,53 @@ export interface ListBoxOptionProps<T> extends Omit<AriaOptionProps, 'children'
|
|
|
74
84
|
/** The text value of the option (for typeahead). */
|
|
75
85
|
textValue?: string;
|
|
76
86
|
}
|
|
87
|
+
export interface ListBoxLoadMoreItemProps extends SlotProps {
|
|
88
|
+
/** Called when the sentinel becomes visible. */
|
|
89
|
+
onLoadMore: () => void | Promise<void>;
|
|
90
|
+
/** Whether additional items are currently loading. */
|
|
91
|
+
isLoading?: boolean;
|
|
92
|
+
/** Content for the load more row. */
|
|
93
|
+
children?: JSX.Element;
|
|
94
|
+
/** The CSS className for the element. */
|
|
95
|
+
class?: ClassNameOrFunction<{
|
|
96
|
+
isLoading: boolean;
|
|
97
|
+
}>;
|
|
98
|
+
/** The inline style for the element. */
|
|
99
|
+
style?: StyleOrFunction<{
|
|
100
|
+
isLoading: boolean;
|
|
101
|
+
}>;
|
|
102
|
+
}
|
|
103
|
+
export interface ListBoxSectionProps extends SectionProps {
|
|
104
|
+
}
|
|
77
105
|
interface ListBoxContextValue<T> {
|
|
78
106
|
state: ListState<T>;
|
|
107
|
+
isDisabled: () => boolean;
|
|
108
|
+
dragAndDropHooks?: DragAndDropHooks<unknown>;
|
|
109
|
+
dragState?: unknown;
|
|
110
|
+
dropState?: unknown;
|
|
79
111
|
}
|
|
80
112
|
export declare const ListBoxContext: import("solid-js").Context<ListBoxContextValue<unknown> | null>;
|
|
81
113
|
export declare const ListBoxStateContext: import("solid-js").Context<ListState<unknown> | null>;
|
|
114
|
+
export declare const ListStateContext: import("solid-js").Context<ListState<unknown> | null>;
|
|
82
115
|
/**
|
|
83
116
|
* A listbox displays a list of options and allows a user to select one or more of them.
|
|
84
117
|
*/
|
|
85
118
|
export declare function ListBox<T>(props: ListBoxProps<T>): JSX.Element;
|
|
86
119
|
export declare namespace ListBox {
|
|
87
120
|
var Option: typeof ListBoxOption;
|
|
121
|
+
var LoadMoreItem: typeof ListBoxLoadMoreItem;
|
|
88
122
|
}
|
|
89
123
|
/**
|
|
90
124
|
* An option in a listbox.
|
|
91
125
|
*/
|
|
92
126
|
export declare function ListBoxOption<T>(props: ListBoxOptionProps<T>): JSX.Element;
|
|
127
|
+
/**
|
|
128
|
+
* Load more sentinel item for listbox collections.
|
|
129
|
+
*/
|
|
130
|
+
export declare function ListBoxLoadMoreItem(props: ListBoxLoadMoreItemProps): JSX.Element;
|
|
131
|
+
/**
|
|
132
|
+
* Section primitive alias for ListBox composition parity.
|
|
133
|
+
*/
|
|
134
|
+
export declare function ListBoxSection(props: ListBoxSectionProps): JSX.Element;
|
|
93
135
|
export {};
|
|
94
136
|
//# sourceMappingURL=ListBox.d.ts.map
|
package/dist/ListBox.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ListBox.d.ts","sourceRoot":"","sources":["../src/ListBox.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EACL,KAAK,GAAG,
|
|
1
|
+
{"version":3,"file":"ListBox.d.ts","sourceRoot":"","sources":["../src/ListBox.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import type { Accessor } from 'solid-js';
|
|
2
|
+
import type { DropTarget } from '@proyecto-viviana/solid-stately';
|
|
3
|
+
type Direction = 'ltr' | 'rtl';
|
|
4
|
+
type Orientation = 'horizontal' | 'vertical';
|
|
5
|
+
type Layout = 'stack' | 'grid';
|
|
6
|
+
interface CollectionNodeLike {
|
|
7
|
+
key: string | number;
|
|
8
|
+
type?: string;
|
|
9
|
+
}
|
|
10
|
+
export interface ListDropTargetDelegateOptions {
|
|
11
|
+
layout?: Layout;
|
|
12
|
+
orientation?: Orientation;
|
|
13
|
+
direction?: Direction;
|
|
14
|
+
}
|
|
15
|
+
export declare class ListDropTargetDelegate {
|
|
16
|
+
private collection;
|
|
17
|
+
private ref;
|
|
18
|
+
private layout;
|
|
19
|
+
private orientation;
|
|
20
|
+
private direction;
|
|
21
|
+
constructor(collection: Iterable<CollectionNodeLike> | (() => Iterable<CollectionNodeLike>), ref: Accessor<HTMLElement | null>, options?: ListDropTargetDelegateOptions);
|
|
22
|
+
private getCollection;
|
|
23
|
+
private getPrimaryStart;
|
|
24
|
+
private getPrimaryEnd;
|
|
25
|
+
private getSecondaryStart;
|
|
26
|
+
private getSecondaryEnd;
|
|
27
|
+
private getFlowStart;
|
|
28
|
+
private getFlowEnd;
|
|
29
|
+
private getFlowSize;
|
|
30
|
+
private getItemKeys;
|
|
31
|
+
private resolveBoundaryTarget;
|
|
32
|
+
private resolveTransitionTarget;
|
|
33
|
+
private resolveNeighborTarget;
|
|
34
|
+
getKeyboardNavigationTarget(target: DropTarget | null, direction: 'next' | 'previous', isValidDropTarget: (target: DropTarget) => boolean): DropTarget | null;
|
|
35
|
+
getDropTargetFromPoint(x: number, y: number, isValidDropTarget: (target: DropTarget) => boolean): DropTarget;
|
|
36
|
+
}
|
|
37
|
+
export {};
|
|
38
|
+
//# sourceMappingURL=ListDropTargetDelegate.d.ts.map
|