@ark-ui/solid 3.12.0 → 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 CHANGED
@@ -2288,30 +2288,20 @@ const DatePickerYearSelect = props => {
2288
2288
  const mergedProps = solid.mergeProps(() => api().getYearSelectProps(), props);
2289
2289
  return web.createComponent(ark.select, web.mergeProps(mergedProps, {
2290
2290
  get children() {
2291
- return web.createComponent(solidJs.For, {
2291
+ return web.createComponent(solidJs.Index, {
2292
2292
  get each() {
2293
- return getYearsRange({
2294
- from: 1_000,
2295
- to: 4_000
2296
- });
2293
+ return api().getYears();
2297
2294
  },
2298
2295
  children: year => (() => {
2299
2296
  var _el$ = _tmpl$$5();
2300
- _el$.value = year;
2301
- web.insert(_el$, year);
2297
+ web.insert(_el$, () => year().label);
2298
+ web.effect(() => _el$.value = year().value);
2302
2299
  return _el$;
2303
2300
  })()
2304
2301
  });
2305
2302
  }
2306
2303
  }));
2307
2304
  };
2308
- function getYearsRange(range) {
2309
- const years = [];
2310
- for (let year = range.from; year <= range.to; year += 1) {
2311
- years.push(year);
2312
- }
2313
- return years;
2314
- }
2315
2305
 
2316
2306
  var datePicker = /*#__PURE__*/Object.freeze({
2317
2307
  __proto__: null,
@@ -2639,6 +2629,12 @@ const [FileUploadProvider, useFileUploadContext] = createContext({
2639
2629
  providerName: '<FileUploadProvider />'
2640
2630
  });
2641
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
+
2642
2638
  const FileUploadContext = props => props.children(useFileUploadContext());
2643
2639
 
2644
2640
  const FileUploadDropzone = props => {
@@ -2793,6 +2789,7 @@ const FileUploadTrigger = props => {
2793
2789
 
2794
2790
  var fileUpload = /*#__PURE__*/Object.freeze({
2795
2791
  __proto__: null,
2792
+ ClearTrigger: FileUploadClearTrigger,
2796
2793
  Context: FileUploadContext,
2797
2794
  Dropzone: FileUploadDropzone,
2798
2795
  HiddenInput: FileUploadHiddenInput,
@@ -4701,7 +4698,7 @@ const useSelect = props => {
4701
4698
 
4702
4699
  const SelectRoot = props => {
4703
4700
  const [presenceProps, selectProps] = splitPresenceProps(props);
4704
- 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']);
4705
4702
  const select = useSelect(useSelectProps);
4706
4703
  const presenceApi = usePresence(solid.mergeProps(() => ({
4707
4704
  present: select().open
@@ -5462,7 +5459,7 @@ const useTabs = props => {
5462
5459
 
5463
5460
  const TabsRoot = props => {
5464
5461
  const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
5465
- 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']);
5466
5463
  const api = useTabs(useTabsProps);
5467
5464
  const mergedProps = solid.mergeProps(() => api().getRootProps(), restProps);
5468
5465
  return web.createComponent(TabsProvider, {
@@ -6732,6 +6729,7 @@ exports.FieldsetLegend = FieldsetLegend;
6732
6729
  exports.FieldsetRoot = FieldsetRoot;
6733
6730
  exports.FieldsetRootProvider = FieldsetRootProvider;
6734
6731
  exports.FileUpload = fileUpload;
6732
+ exports.FileUploadClearTrigger = FileUploadClearTrigger;
6735
6733
  exports.FileUploadContext = FileUploadContext;
6736
6734
  exports.FileUploadDropzone = FileUploadDropzone;
6737
6735
  exports.FileUploadHiddenInput = FileUploadHiddenInput;