@ark-ui/solid 3.12.1 → 3.13.0
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/index.js +10 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/esm/index.js +10 -3
- package/dist/esm/index.js.map +1 -1
- package/dist/source/components/file-upload/file-upload-clear-trigger.jsx +8 -0
- package/dist/source/components/file-upload/file-upload.js +2 -1
- package/dist/source/components/file-upload/index.js +3 -2
- package/dist/source/components/select/select-root.jsx +1 -0
- package/dist/source/components/tabs/tabs-root.jsx +1 -0
- package/dist/types/components/file-upload/file-upload-clear-trigger.d.ts +6 -0
- package/dist/types/components/file-upload/file-upload.d.ts +14 -13
- package/dist/types/components/file-upload/index.d.ts +16 -15
- package/package.json +55 -55
package/dist/cjs/index.js
CHANGED
|
@@ -2629,6 +2629,12 @@ const [FileUploadProvider, useFileUploadContext] = createContext({
|
|
|
2629
2629
|
providerName: '<FileUploadProvider />'
|
|
2630
2630
|
});
|
|
2631
2631
|
|
|
2632
|
+
const FileUploadClearTrigger = props => {
|
|
2633
|
+
const fileUpload = useFileUploadContext();
|
|
2634
|
+
const mergedProps = solid.mergeProps(() => fileUpload().getClearTriggerProps(), props);
|
|
2635
|
+
return web.createComponent(ark.button, mergedProps);
|
|
2636
|
+
};
|
|
2637
|
+
|
|
2632
2638
|
const FileUploadContext = props => props.children(useFileUploadContext());
|
|
2633
2639
|
|
|
2634
2640
|
const FileUploadDropzone = props => {
|
|
@@ -2783,6 +2789,7 @@ const FileUploadTrigger = props => {
|
|
|
2783
2789
|
|
|
2784
2790
|
var fileUpload = /*#__PURE__*/Object.freeze({
|
|
2785
2791
|
__proto__: null,
|
|
2792
|
+
ClearTrigger: FileUploadClearTrigger,
|
|
2786
2793
|
Context: FileUploadContext,
|
|
2787
2794
|
Dropzone: FileUploadDropzone,
|
|
2788
2795
|
HiddenInput: FileUploadHiddenInput,
|
|
@@ -4691,7 +4698,7 @@ const useSelect = props => {
|
|
|
4691
4698
|
|
|
4692
4699
|
const SelectRoot = props => {
|
|
4693
4700
|
const [presenceProps, selectProps] = splitPresenceProps(props);
|
|
4694
|
-
const [useSelectProps, localProps] = createSplitProps()(selectProps, ['closeOnSelect', 'composite', 'defaultOpen', 'defaultValue', 'disabled', 'form', 'highlightedValue', 'id', 'ids', 'invalid', 'isItemDisabled', 'items', 'itemToString', 'itemToValue', 'loopFocus', 'multiple', 'name', 'onFocusOutside', 'onHighlightChange', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'open', 'positioning', 'readOnly', 'required', 'scrollToIndexFn', 'value']);
|
|
4701
|
+
const [useSelectProps, localProps] = createSplitProps()(selectProps, ['closeOnSelect', 'composite', 'defaultOpen', 'defaultValue', 'deselectable', 'disabled', 'form', 'highlightedValue', 'id', 'ids', 'invalid', 'isItemDisabled', 'items', 'itemToString', 'itemToValue', 'loopFocus', 'multiple', 'name', 'onFocusOutside', 'onHighlightChange', 'onInteractOutside', 'onOpenChange', 'onPointerDownOutside', 'onValueChange', 'open', 'positioning', 'readOnly', 'required', 'scrollToIndexFn', 'value']);
|
|
4695
4702
|
const select = useSelect(useSelectProps);
|
|
4696
4703
|
const presenceApi = usePresence(solid.mergeProps(() => ({
|
|
4697
4704
|
present: select().open
|
|
@@ -5452,7 +5459,7 @@ const useTabs = props => {
|
|
|
5452
5459
|
|
|
5453
5460
|
const TabsRoot = props => {
|
|
5454
5461
|
const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
|
|
5455
|
-
const [useTabsProps, restProps] = createSplitProps()(tabsProps, ['activationMode', 'composite', 'defaultValue', 'id', 'ids', 'loopFocus', 'onFocusChange', 'onValueChange', 'orientation', 'translations', 'value']);
|
|
5462
|
+
const [useTabsProps, restProps] = createSplitProps()(tabsProps, ['activationMode', 'composite', 'defaultValue', 'deselectable', 'id', 'ids', 'loopFocus', 'onFocusChange', 'onValueChange', 'orientation', 'translations', 'value']);
|
|
5456
5463
|
const api = useTabs(useTabsProps);
|
|
5457
5464
|
const mergedProps = solid.mergeProps(() => api().getRootProps(), restProps);
|
|
5458
5465
|
return web.createComponent(TabsProvider, {
|
|
@@ -6722,6 +6729,7 @@ exports.FieldsetLegend = FieldsetLegend;
|
|
|
6722
6729
|
exports.FieldsetRoot = FieldsetRoot;
|
|
6723
6730
|
exports.FieldsetRootProvider = FieldsetRootProvider;
|
|
6724
6731
|
exports.FileUpload = fileUpload;
|
|
6732
|
+
exports.FileUploadClearTrigger = FileUploadClearTrigger;
|
|
6725
6733
|
exports.FileUploadContext = FileUploadContext;
|
|
6726
6734
|
exports.FileUploadDropzone = FileUploadDropzone;
|
|
6727
6735
|
exports.FileUploadHiddenInput = FileUploadHiddenInput;
|