@ark-ui/solid 0.7.2-beta.4 → 0.8.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.
Files changed (10) hide show
  1. package/CHANGELOG.md +14 -2
  2. package/date-picker/date-picker-month-select.cjs +1 -1
  3. package/date-picker/date-picker-month-select.mjs +2 -2
  4. package/date-picker/date-picker-year-select.cjs +1 -1
  5. package/date-picker/date-picker-year-select.mjs +2 -2
  6. package/environment/environment.cjs +2 -2
  7. package/environment/environment.mjs +3 -3
  8. package/package.json +37 -38
  9. package/pin-input/pin-input-control.cjs +1 -1
  10. package/pin-input/pin-input-control.mjs +1 -1
package/CHANGELOG.md CHANGED
@@ -6,6 +6,16 @@ description: All notable changes to this project will be documented in this file
6
6
 
7
7
  ## [Unreleased]
8
8
 
9
+ ## [0.8.0] - 2023-07-06
10
+
11
+ - Add support for `SSR`
12
+
13
+ ## [0.7.2-beta.5] - 2023-07-05
14
+
15
+ ### Added
16
+
17
+ - WIP
18
+
9
19
  ## [0.7.2-beta.4] - 2023-07-05
10
20
 
11
21
  ### Added
@@ -121,7 +131,7 @@ description: All notable changes to this project will be documented in this file
121
131
  - Add `Toast`
122
132
  - Add `Tooltip`
123
133
 
124
- [unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/solid@0.7.2-beta.4...HEAD
134
+ [unreleased]: https://github.com/chakra-ui/ark/compare/@ark-ui/solid@0.8.0...HEAD
125
135
  [0.1.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.1.0
126
136
  [0.2.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.2.0
127
137
  [0.3.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.3.0
@@ -134,5 +144,7 @@ description: All notable changes to this project will be documented in this file
134
144
  [0.7.2-beta.1]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.2-beta.1
135
145
  [0.7.2-beta.2]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.2-beta.2
136
146
  [0.7.2-beta.3]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.2-beta.3
137
-
138
147
  [0.7.2-beta.4]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.2-beta.4
148
+ [0.7.2-beta.5]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.7.2-beta.5
149
+
150
+ [0.8.0]: https://github.com/chakra-ui/ark/releases/tag/@ark-ui/solid@0.8.0
package/date-picker/date-picker-month-select.cjs CHANGED
@@ -18,7 +18,7 @@ const DatePickerMonthSelect = props => {
18
18
  get each() {
19
19
  return datePicker().getMonths();
20
20
  },
21
- children: month => web.ssr(_tmpl$, web.ssrAttribute("value", web.escape(month.value, true), false), web.escape(month.label))
21
+ children: month => web.ssr(_tmpl$, web.ssrHydrationKey() + web.ssrAttribute("value", web.escape(month.value, true), false), web.escape(month.label))
22
22
  });
23
23
  }
24
24
  }));
package/date-picker/date-picker-month-select.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { createComponent, mergeProps as mergeProps$1, ssr, ssrAttribute, escape } from 'solid-js/web';
1
+ import { createComponent, mergeProps as mergeProps$1, ssr, ssrHydrationKey, ssrAttribute, escape } from 'solid-js/web';
2
2
  import { mergeProps } from '@zag-js/solid';
3
3
  import { For } from 'solid-js';
4
4
  import { ark } from '../factory.mjs';
@@ -14,7 +14,7 @@ const DatePickerMonthSelect = props => {
14
14
  get each() {
15
15
  return datePicker().getMonths();
16
16
  },
17
- children: month => ssr(_tmpl$, ssrAttribute("value", escape(month.value, true), false), escape(month.label))
17
+ children: month => ssr(_tmpl$, ssrHydrationKey() + ssrAttribute("value", escape(month.value, true), false), escape(month.label))
18
18
  });
19
19
  }
20
20
  }));
package/date-picker/date-picker-year-select.cjs CHANGED
@@ -21,7 +21,7 @@ const DatePickerYearSelect = props => {
21
21
  to: 4_000
22
22
  });
23
23
  },
24
- children: year => web.ssr(_tmpl$, web.ssrAttribute("value", web.escape(year, true), false), web.escape(year))
24
+ children: year => web.ssr(_tmpl$, web.ssrHydrationKey() + web.ssrAttribute("value", web.escape(year, true), false), web.escape(year))
25
25
  });
26
26
  }
27
27
  }));
package/date-picker/date-picker-year-select.mjs CHANGED
@@ -1,4 +1,4 @@
1
- import { createComponent, mergeProps as mergeProps$1, ssr, ssrAttribute, escape } from 'solid-js/web';
1
+ import { createComponent, mergeProps as mergeProps$1, ssr, ssrHydrationKey, ssrAttribute, escape } from 'solid-js/web';
2
2
  import { mergeProps } from '@zag-js/solid';
3
3
  import { For } from 'solid-js';
4
4
  import { ark } from '../factory.mjs';
@@ -17,7 +17,7 @@ const DatePickerYearSelect = props => {
17
17
  to: 4_000
18
18
  });
19
19
  },
20
- children: year => ssr(_tmpl$, ssrAttribute("value", escape(year, true), false), escape(year))
20
+ children: year => ssr(_tmpl$, ssrHydrationKey() + ssrAttribute("value", escape(year, true), false), escape(year))
21
21
  });
22
22
  }
23
23
  }));
package/environment/environment.cjs CHANGED
@@ -6,7 +6,7 @@ const web = require('solid-js/web');
6
6
  const solidJs = require('solid-js');
7
7
  const environmentContext = require('./environment-context.cjs');
8
8
 
9
- const _tmpl$ = "<span hidden></span>";
9
+ const _tmpl$ = ["<span", " hidden></span>"];
10
10
  const Environment = props => {
11
11
  // eslint-disable-next-line prefer-const
12
12
  let spanRef = undefined;
@@ -16,7 +16,7 @@ const Environment = props => {
16
16
  return currentEnv();
17
17
  },
18
18
  get children() {
19
- return [props.children, !props.value && web.ssr(_tmpl$)];
19
+ return [props.children, !props.value && web.ssr(_tmpl$, web.ssrHydrationKey())];
20
20
  }
21
21
  });
22
22
  };
package/environment/environment.mjs CHANGED
@@ -1,8 +1,8 @@
1
- import { createComponent, ssr } from 'solid-js/web';
1
+ import { createComponent, ssr, ssrHydrationKey } from 'solid-js/web';
2
2
  import { createMemo } from 'solid-js';
3
3
  import { EnvironmentProvider } from './environment-context.mjs';
4
4
 
5
- const _tmpl$ = "<span hidden></span>";
5
+ const _tmpl$ = ["<span", " hidden></span>"];
6
6
  const Environment = props => {
7
7
  // eslint-disable-next-line prefer-const
8
8
  let spanRef = undefined;
@@ -12,7 +12,7 @@ const Environment = props => {
12
12
  return currentEnv();
13
13
  },
14
14
  get children() {
15
- return [props.children, !props.value && ssr(_tmpl$)];
15
+ return [props.children, !props.value && ssr(_tmpl$, ssrHydrationKey())];
16
16
  }
17
17
  });
18
18
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ark-ui/solid",
3
- "version": "0.7.2-beta.4",
3
+ "version": "0.8.0",
4
4
  "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
5
5
  "keywords": [
6
6
  "accordion",
@@ -33,7 +33,6 @@
33
33
  "toast",
34
34
  "tooltip"
35
35
  ],
36
- "type": "module",
37
36
  "homepage": "https://ark-ui.com",
38
37
  "license": "MIT",
39
38
  "sideEffects": false,
@@ -61,51 +60,51 @@
61
60
  "foo": "pnpm --filter=@ark-ui/scripts release:prepare @ark-ui/solid"
62
61
  },
63
62
  "dependencies": {
64
- "@zag-js/accordion": "0.0.0-dev-20230705143151",
65
- "@zag-js/anatomy": "0.0.0-dev-20230705143151",
66
- "@zag-js/avatar": "0.0.0-dev-20230705143151",
67
- "@zag-js/carousel": "0.0.0-dev-20230705143151",
68
- "@zag-js/checkbox": "0.0.0-dev-20230705143151",
69
- "@zag-js/color-picker": "0.0.0-dev-20230705143151",
70
- "@zag-js/combobox": "0.0.0-dev-20230705143151",
71
- "@zag-js/date-picker": "0.0.0-dev-20230705143151",
72
- "@zag-js/dialog": "0.0.0-dev-20230705143151",
73
- "@zag-js/editable": "0.0.0-dev-20230705143151",
74
- "@zag-js/hover-card": "0.0.0-dev-20230705143151",
75
- "@zag-js/menu": "0.0.0-dev-20230705143151",
76
- "@zag-js/number-input": "0.0.0-dev-20230705143151",
77
- "@zag-js/pagination": "0.0.0-dev-20230705143151",
78
- "@zag-js/pin-input": "0.0.0-dev-20230705143151",
79
- "@zag-js/popover": "0.0.0-dev-20230705143151",
80
- "@zag-js/pressable": "0.0.0-dev-20230705143151",
81
- "@zag-js/radio-group": "0.0.0-dev-20230705143151",
82
- "@zag-js/range-slider": "0.0.0-dev-20230705143151",
83
- "@zag-js/rating-group": "0.0.0-dev-20230705143151",
84
- "@zag-js/select": "0.0.0-dev-20230705143151",
85
- "@zag-js/slider": "0.0.0-dev-20230705143151",
86
- "@zag-js/solid": "0.0.0-dev-20230705143151",
87
- "@zag-js/splitter": "0.0.0-dev-20230705143151",
88
- "@zag-js/switch": "0.0.0-dev-20230705143151",
89
- "@zag-js/tabs": "0.0.0-dev-20230705143151",
90
- "@zag-js/tags-input": "0.0.0-dev-20230705143151",
91
- "@zag-js/toast": "0.0.0-dev-20230705143151",
92
- "@zag-js/tooltip": "0.0.0-dev-20230705143151",
93
- "@zag-js/types": "0.0.0-dev-20230705143151",
63
+ "@zag-js/accordion": "0.10.5",
64
+ "@zag-js/anatomy": "0.10.5",
65
+ "@zag-js/avatar": "0.10.5",
66
+ "@zag-js/carousel": "0.10.5",
67
+ "@zag-js/checkbox": "0.10.5",
68
+ "@zag-js/color-picker": "0.10.5",
69
+ "@zag-js/combobox": "0.10.5",
70
+ "@zag-js/date-picker": "0.10.5",
71
+ "@zag-js/dialog": "0.10.5",
72
+ "@zag-js/editable": "0.10.5",
73
+ "@zag-js/hover-card": "0.10.5",
74
+ "@zag-js/menu": "0.10.5",
75
+ "@zag-js/number-input": "0.10.5",
76
+ "@zag-js/pagination": "0.10.5",
77
+ "@zag-js/pin-input": "0.10.5",
78
+ "@zag-js/popover": "0.10.5",
79
+ "@zag-js/pressable": "0.10.5",
80
+ "@zag-js/radio-group": "0.10.5",
81
+ "@zag-js/range-slider": "0.10.5",
82
+ "@zag-js/rating-group": "0.10.5",
83
+ "@zag-js/select": "0.10.5",
84
+ "@zag-js/slider": "0.10.5",
85
+ "@zag-js/solid": "0.10.5",
86
+ "@zag-js/splitter": "0.10.5",
87
+ "@zag-js/switch": "0.10.5",
88
+ "@zag-js/tabs": "0.10.5",
89
+ "@zag-js/tags-input": "0.10.5",
90
+ "@zag-js/toast": "0.10.5",
91
+ "@zag-js/tooltip": "0.10.5",
92
+ "@zag-js/types": "0.10.5",
94
93
  "vite-plugin-ssr": "0.4.132"
95
94
  },
96
95
  "devDependencies": {
97
96
  "@release-it/keep-a-changelog": "3.1.0",
98
97
  "@solidjs/testing-library": "0.8.4",
99
- "@storybook/addon-essentials": "7.0.25",
100
- "@storybook/addon-interactions": "7.0.25",
101
- "@storybook/addon-links": "7.0.25",
102
- "@storybook/blocks": "7.0.25",
98
+ "@storybook/addon-essentials": "7.0.26",
99
+ "@storybook/addon-interactions": "7.0.26",
100
+ "@storybook/addon-links": "7.0.26",
101
+ "@storybook/blocks": "7.0.26",
103
102
  "@storybook/testing-library": "0.2.0",
104
103
  "@testing-library/dom": "9.3.1",
105
104
  "@testing-library/jest-dom": "5.16.5",
106
105
  "@testing-library/user-event": "14.4.3",
107
106
  "@types/jsdom": "21.1.1",
108
- "@types/testing-library__jest-dom": "5.14.6",
107
+ "@types/testing-library__jest-dom": "5.14.7",
109
108
  "@typescript-eslint/eslint-plugin": "5.61.0",
110
109
  "@typescript-eslint/parser": "5.61.0",
111
110
  "@vitest/coverage-v8": "0.32.4",
@@ -115,7 +114,7 @@
115
114
  "react-dom": "18.2.0",
116
115
  "release-it": "15.11.0",
117
116
  "solid-js": "1.7.7",
118
- "storybook": "7.0.25",
117
+ "storybook": "7.0.26",
119
118
  "storybook-solidjs": "1.0.0-beta.2",
120
119
  "storybook-solidjs-vite": "1.0.0-beta.2",
121
120
  "typescript": "5.1.6",
package/pin-input/pin-input-control.cjs CHANGED
@@ -14,7 +14,7 @@ const PinInputControl = props => {
14
14
  const controlProps = solid.mergeProps(() => api().controlProps, restProps);
15
15
  return web.createComponent(factory.ark.div, web.mergeProps(controlProps, {
16
16
  get children() {
17
- return [childrenProps.children, web.ssrElement("input", api().hiddenInputProps, undefined, false)];
17
+ return [childrenProps.children, web.ssrElement("input", api().hiddenInputProps, undefined, true)];
18
18
  }
19
19
  }));
20
20
  };
package/pin-input/pin-input-control.mjs CHANGED
@@ -10,7 +10,7 @@ const PinInputControl = props => {
10
10
  const controlProps = mergeProps(() => api().controlProps, restProps);
11
11
  return createComponent(ark.div, mergeProps$1(controlProps, {
12
12
  get children() {
13
- return [childrenProps.children, ssrElement("input", api().hiddenInputProps, undefined, false)];
13
+ return [childrenProps.children, ssrElement("input", api().hiddenInputProps, undefined, true)];
14
14
  }
15
15
  }));
16
16
  };