@ark-ui/solid 3.0.2 → 3.1.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
@@ -136,10 +136,7 @@ const withAsProp = Component => {
136
136
  // @ts-expect-error
137
137
  const propsFn = userProps => {
138
138
  const [, restProps] = solidJs.splitProps(parentProps, ['ref']);
139
- return {
140
- ref: parentProps.ref,
141
- ...solid.mergeProps(restProps, userProps)
142
- };
139
+ return solid.mergeProps(restProps, userProps);
143
140
  };
144
141
  return localProps.asChild(propsFn);
145
142
  }
@@ -1353,7 +1350,11 @@ const DatePickerMonthSelect = props => {
1353
1350
 
1354
1351
  const [DatePickerViewProvider, useDatePickerViewContext] = createContext({
1355
1352
  hookName: 'useDatePickerViewContext',
1356
- providerName: '<DatePickerViewProvider />'
1353
+ providerName: '<DatePickerViewProvider />',
1354
+ strict: false,
1355
+ defaultValue: {
1356
+ view: 'day'
1357
+ }
1357
1358
  });
1358
1359
 
1359
1360
  const DatePickerNextTrigger = props => {
@@ -1504,14 +1505,19 @@ const DatePickerTableCellTrigger = props => {
1504
1505
  const api = useDatePickerContext();
1505
1506
  const cellProps = useDatePickerTableCellContext();
1506
1507
  const viewProps = useDatePickerViewContext();
1507
- const triggerProps = {
1508
- day: api().getDayTableCellTriggerProps,
1509
- month: api().getMonthTableCellTriggerProps,
1510
- year: api().getYearTableCellTriggerProps
1511
- // @ts-expect-error value is number filter
1512
- }[viewProps.view](cellProps);
1513
- const mergedProps = solid.mergeProps(() => triggerProps, props);
1514
- return web.createComponent(ark.button, mergedProps);
1508
+ const triggerProps = solidJs.createMemo(() => {
1509
+ const viewMap = {
1510
+ day: api().getDayTableCellTriggerProps,
1511
+ month: api().getMonthTableCellTriggerProps,
1512
+ year: api().getYearTableCellTriggerProps
1513
+ };
1514
+ const viewFn = viewMap[viewProps.view];
1515
+
1516
+ // @ts-expect-error
1517
+ return viewFn(cellProps);
1518
+ });
1519
+ const mergedProps = solid.mergeProps(triggerProps, props);
1520
+ return web.createComponent(ark.div, mergedProps);
1515
1521
  };
1516
1522
 
1517
1523
  const DatePickerTableHead = props => {