@charcoal-ui/react 2.0.0-alpha.20 → 2.0.0-alpha.21

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 (19) hide show
  1. package/README.md +16 -0
  2. package/dist/components/TextField/index.d.ts +3 -0
  3. package/dist/components/TextField/index.d.ts.map +1 -1
  4. package/dist/components/TextField/index.story.d.ts.map +1 -1
  5. package/dist/core/SSRProvider.d.ts +2 -0
  6. package/dist/core/SSRProvider.d.ts.map +1 -0
  7. package/dist/index.cjs +1060 -1
  8. package/dist/index.cjs.map +1 -1
  9. package/dist/index.d.ts +2 -1
  10. package/dist/index.d.ts.map +1 -1
  11. package/dist/index.modern.js +931 -36
  12. package/dist/index.modern.js.map +1 -1
  13. package/dist/index.module.js +1039 -1
  14. package/dist/index.module.js.map +1 -1
  15. package/package.json +8 -7
  16. package/src/components/TextField/index.story.tsx +2 -8
  17. package/src/components/TextField/index.tsx +3 -0
  18. package/src/core/SSRProvider.tsx +1 -0
  19. package/src/index.ts +3 -0
package/README.md CHANGED
@@ -15,3 +15,19 @@ yarn
15
15
  ```
16
16
  yarn add @charcoal-ui/react
17
17
  ```
18
+
19
+ ## Server Side Rendering を行う場合の注意点
20
+
21
+ SSR を行う場合はアプリケーション全体を`<SSRProvider>`で囲む必要があります。
22
+
23
+ ```jsx
24
+ import { SSRProvider } from '@charcoal-ui/react'
25
+
26
+ const App = () => (
27
+ <SSRProvider>
28
+ <Page />
29
+ </SSRProvider>
30
+ )
31
+ ```
32
+
33
+ 既知の不具合として、React の[strict mode](https://reactjs.org/docs/strict-mode.html)が有効化されていると hydration error が発生します。`@charcoal-ui/react`が依存している`react-aria`の不具合 (adobe/react-spectrum#2231, adobe/react-spectrum#779) によるものです。
package/dist/components/TextField/index.d.ts CHANGED
@@ -5,6 +5,9 @@ interface TextFieldBaseProps extends Pick<FieldLabelProps, 'label' | 'requiredTe
5
5
  readonly defaultValue?: string;
6
6
  readonly value?: string;
7
7
  readonly onChange?: (value: string) => void;
8
+ readonly onKeyDown?: (event: React.KeyboardEvent<Element>) => void;
9
+ readonly onFocus?: (event: React.FocusEvent<Element>) => void;
10
+ readonly onBlur?: (event: React.FocusEvent<Element>) => void;
8
11
  readonly showCount?: boolean;
9
12
  readonly showLabel?: boolean;
10
13
  readonly placeholder?: string;
package/dist/components/TextField/index.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAA;AAEd,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAK3D,UAAU,kBACR,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IACpE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;CACvC;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;CAC5B;AAED,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAA;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAA;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CACxB;AAED,oBAAY,cAAc,GAAG,wBAAwB,GAAG,uBAAuB,CAAA;AAC/E,aAAK,gBAAgB,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;AAoB9D,QAAA,MAAM,SAAS,yFAQd,CAAA;AAED,eAAe,SAAS,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,EACZ,SAAS,EAKV,MAAM,OAAO,CAAA;AAEd,OAAmB,EAAE,eAAe,EAAE,MAAM,eAAe,CAAA;AAK3D,UAAU,kBACR,SAAQ,IAAI,CAAC,eAAe,EAAE,OAAO,GAAG,cAAc,GAAG,UAAU,CAAC;IACpE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,SAAS,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAClE,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAC7D,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,OAAO,CAAC,KAAK,IAAI,CAAA;IAC5D,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAA;IAC/B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,OAAO,CAAC,EAAE,OAAO,CAAA;IAC1B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B;;OAEG;IACH,QAAQ,CAAC,mBAAmB,CAAC,EAAE,OAAO,CAAA;CACvC;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,QAAQ,CAAC,UAAU,CAAC,EAAE,KAAK,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;IAC3B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,CAAA;CAC5B;AAED,MAAM,WAAW,uBAAwB,SAAQ,kBAAkB;IACjE,QAAQ,CAAC,UAAU,CAAC,EAAE,OAAO,CAAA;IAC7B,QAAQ,CAAC,SAAS,EAAE,IAAI,CAAA;IACxB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;IACrB,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAA;IACvB,QAAQ,CAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CACxB;AAED,oBAAY,cAAc,GAAG,wBAAwB,GAAG,uBAAuB,CAAA;AAC/E,aAAK,gBAAgB,GAAG,gBAAgB,GAAG,mBAAmB,CAAA;AAoB9D,QAAA,MAAM,SAAS,yFAQd,CAAA;AAED,eAAe,SAAS,CAAA"}
package/dist/components/TextField/index.story.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAkB,EAChB,uBAAuB,EACvB,wBAAwB,EACxB,cAAc,EACf,MAAM,GAAG,CAAA;;;;;;;;;;;;;;AAIV,wBAYC;AAsCD,eAAO,MAAM,OAAO;;CAAoB,CAAA;AAExC,eAAO,MAAM,QAAQ;;CAAoB,CAAA;AAOzC,eAAO,MAAM,QAAQ;;CAAoB,CAAA;AAMzC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAE7D,CAAA;AAQD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAE9D,CAAA;AAKD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAY/D,CAAA"}
1
+ {"version":3,"file":"index.story.d.ts","sourceRoot":"","sources":["../../../src/components/TextField/index.story.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA;AAEzC,OAAkB,EAChB,uBAAuB,EACvB,wBAAwB,EACxB,cAAc,EACf,MAAM,GAAG,CAAA;;;;;;;;;;;;;;AAIV,wBAYC;AAgCD,eAAO,MAAM,OAAO;;CAAoB,CAAA;AAExC,eAAO,MAAM,QAAQ;;CAAoB,CAAA;AAOzC,eAAO,MAAM,QAAQ;;CAAoB,CAAA;AAMzC,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAE7D,CAAA;AAQD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,uBAAuB,CAAC,CAE9D,CAAA;AAKD,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,OAAO,CAAC,wBAAwB,CAAC,CAY/D,CAAA"}
package/dist/core/SSRProvider.d.ts ADDED
@@ -0,0 +1,2 @@
1
+ export { SSRProvider } from '@react-aria/ssr';
2
+ //# sourceMappingURL=SSRProvider.d.ts.map
package/dist/core/SSRProvider.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SSRProvider.d.ts","sourceRoot":"","sources":["../../src/core/SSRProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA"}