@charcoal-ui/react 4.0.0-beta.5 → 4.0.0-beta.6

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 (51) hide show
  1. package/README.md +1 -1
  2. package/dist/components/Modal/index.d.ts +4 -0
  3. package/dist/components/Modal/index.d.ts.map +1 -1
  4. package/dist/core/SSRProvider.d.ts +3 -1
  5. package/dist/core/SSRProvider.d.ts.map +1 -1
  6. package/dist/index.cjs.js +122 -110
  7. package/dist/index.cjs.js.map +1 -1
  8. package/dist/index.d.ts +1 -1
  9. package/dist/index.d.ts.map +1 -1
  10. package/dist/index.esm.js +14 -3
  11. package/dist/index.esm.js.map +1 -1
  12. package/package.json +8 -8
  13. package/src/components/Button/__snapshots__/index.story.storyshot +9 -9
  14. package/src/components/Button/index.story.tsx +1 -1
  15. package/src/components/Checkbox/CheckboxInput/__snapshots__/index.story.storyshot +5 -5
  16. package/src/components/Checkbox/CheckboxInput/index.story.tsx +1 -1
  17. package/src/components/Checkbox/__snapshots__/index.story.storyshot +6 -6
  18. package/src/components/Checkbox/index.story.tsx +2 -2
  19. package/src/components/Clickable/__snapshots__/index.story.storyshot +2 -2
  20. package/src/components/Clickable/index.story.tsx +1 -1
  21. package/src/components/DropdownSelector/ListItem/__snapshots__/index.story.storyshot +1 -1
  22. package/src/components/DropdownSelector/ListItem/index.story.tsx +1 -1
  23. package/src/components/DropdownSelector/MenuList/__snapshots__/index.story.storyshot +3 -3
  24. package/src/components/DropdownSelector/MenuList/index.story.tsx +1 -1
  25. package/src/components/DropdownSelector/Popover/__snapshots__/index.story.storyshot +1 -1
  26. package/src/components/DropdownSelector/Popover/index.story.tsx +1 -1
  27. package/src/components/DropdownSelector/__snapshots__/index.story.storyshot +14 -559
  28. package/src/components/DropdownSelector/index.story.tsx +2 -2
  29. package/src/components/Icon/__snapshots__/index.story.storyshot +1 -1
  30. package/src/components/Icon/index.story.tsx +1 -1
  31. package/src/components/IconButton/__snapshots__/index.story.storyshot +3 -3
  32. package/src/components/IconButton/index.story.tsx +1 -1
  33. package/src/components/LoadingSpinner/__snapshots__/index.story.storyshot +4 -4
  34. package/src/components/LoadingSpinner/index.story.tsx +1 -1
  35. package/src/components/Modal/__snapshots__/index.story.storyshot +20 -12
  36. package/src/components/Modal/index.story.tsx +2 -2
  37. package/src/components/Modal/index.tsx +17 -5
  38. package/src/components/Radio/__snapshots__/index.story.storyshot +5 -5
  39. package/src/components/Radio/index.story.tsx +1 -1
  40. package/src/components/SegmentedControl/__snapshots__/index.story.storyshot +2 -2
  41. package/src/components/SegmentedControl/index.story.tsx +1 -1
  42. package/src/components/Switch/__snapshots__/index.story.storyshot +4 -4
  43. package/src/components/Switch/index.story.tsx +1 -1
  44. package/src/components/TagItem/__snapshots__/index.story.storyshot +8 -8
  45. package/src/components/TagItem/index.story.tsx +1 -1
  46. package/src/components/TextArea/TextArea.story.tsx +1 -1
  47. package/src/components/TextArea/__snapshots__/TextArea.story.storyshot +11 -11
  48. package/src/components/TextField/TextField.story.tsx +1 -1
  49. package/src/components/TextField/__snapshots__/TextField.story.storyshot +13 -13
  50. package/src/core/SSRProvider.tsx +12 -1
  51. package/src/index.ts +5 -1
package/dist/index.d.ts CHANGED
@@ -10,7 +10,7 @@ export { default as Switch, type SwitchProps } from './components/Switch';
10
10
  export { default as TextField, type TextFieldProps, } from './components/TextField';
11
11
  export { default as TextArea, type TextAreaProps } from './components/TextArea';
12
12
  export { default as Icon, type IconProps } from './components/Icon';
13
- export { default as Modal, type ModalProps } from './components/Modal';
13
+ export { default as Modal, type ModalProps, ModalCloseButton, } from './components/Modal';
14
14
  export { ModalHeader, ModalAlign, ModalBody, ModalButtons, } from './components/Modal/ModalPlumbing';
15
15
  export { default as LoadingSpinner, LoadingSpinnerIcon, } from './components/LoadingSpinner';
16
16
  export { default as DropdownSelector, type DropdownSelectorProps, } from './components/DropdownSelector';
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,oBAAoB,EAC/B,uBAAuB,EACvB,KAAK,SAAS,GACf,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,GACpB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EACL,OAAO,IAAI,KAAK,EAChB,KAAK,UAAU,EACf,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,GACpB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACnE,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,KAAK,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACtE,OAAO,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,YAAY,GACb,MAAM,kCAAkC,CAAA;AACzC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,kBAAkB,GACnB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,gDAAgD,CAAA;AACvD,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,KAAK,kBAAkB,GACxB,MAAM,6CAA6C,CAAA;AACpD,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,OAAO,IAAI,oBAAoB,EAC/B,uBAAuB,EACvB,KAAK,SAAS,GACf,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAA;AACxD,OAAO,EACL,gBAAgB,EAChB,KAAK,qBAAqB,GAC3B,MAAM,yBAAyB,CAAA;AAChC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,GACpB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EACL,OAAO,IAAI,UAAU,EACrB,KAAK,eAAe,GACrB,MAAM,yBAAyB,CAAA;AAChC,OAAO,EACL,OAAO,IAAI,KAAK,EAChB,KAAK,UAAU,EACf,UAAU,EACV,KAAK,eAAe,GACrB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,KAAK,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACzE,OAAO,EACL,OAAO,IAAI,SAAS,EACpB,KAAK,cAAc,GACpB,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAA;AACnE,OAAO,EACL,OAAO,IAAI,KAAK,EAChB,KAAK,UAAU,EACf,gBAAgB,GACjB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,EACL,WAAW,EACX,UAAU,EACV,SAAS,EACT,YAAY,GACb,MAAM,kCAAkC,CAAA;AACzC,OAAO,EACL,OAAO,IAAI,cAAc,EACzB,kBAAkB,GACnB,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,gDAAgD,CAAA;AACvD,OAAO,EACL,OAAO,IAAI,aAAa,EACxB,KAAK,kBAAkB,GACxB,MAAM,6CAA6C,CAAA;AACpD,OAAO,EACL,OAAO,IAAI,gBAAgB,EAC3B,KAAK,qBAAqB,GAC3B,MAAM,+BAA+B,CAAA;AACtC,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,KAAK,aAAa,EAAE,MAAM,uBAAuB,CAAA;AAC/E,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,sBAAsB,CAAA"}
package/dist/index.esm.js CHANGED
@@ -27,7 +27,13 @@ function useComponentAbstraction() {
27
27
  }
28
28
 
29
29
  // src/core/SSRProvider.tsx
30
- import { SSRProvider } from "@react-aria/ssr";
30
+ import { SSRProvider as OriginSSRProvider } from "@react-aria/ssr";
31
+ import { version, Fragment } from "react";
32
+ function isReactVersionOver(minVersion) {
33
+ const reactMajorVersion = parseInt(version.split(".")[0], 10);
34
+ return Number.isFinite(reactMajorVersion) ? reactMajorVersion >= minVersion : false;
35
+ }
36
+ var SSRProvider = isReactVersionOver(18) ? Fragment : OriginSSRProvider;
31
37
 
32
38
  // src/core/OverlayProvider.tsx
33
39
  import { OverlayProvider } from "@react-aria/overlays";
@@ -630,7 +636,8 @@ var Modal = forwardRef13(function ModalInner({
630
636
  isDismissable,
631
637
  onClose,
632
638
  className,
633
- isOpen = false
639
+ isOpen = false,
640
+ closeButtonAriaLabel = "Close"
634
641
  } = props;
635
642
  const ref = useObjectRef(external);
636
643
  const {
@@ -698,7 +705,7 @@ var Modal = forwardRef13(function ModalInner({
698
705
  bottomSheet
699
706
  }, children: [
700
707
  children,
701
- isDismissable === true && /* @__PURE__ */ jsx15(IconButton_default, { className: "charcoal-modal-close-button", size: "S", icon: "24/Close", onClick: onClose })
708
+ isDismissable === true && /* @__PURE__ */ jsx15(ModalCloseButton, { "aria-label": closeButtonAriaLabel, onClick: onClose })
702
709
  ] }) }) }) }) }));
703
710
  });
704
711
  var AnimatedDialog = animated(Dialog);
@@ -710,6 +717,9 @@ var ModalContext = React13.createContext({
710
717
  showDismiss: true,
711
718
  bottomSheet: false
712
719
  });
720
+ function ModalCloseButton(props) {
721
+ return /* @__PURE__ */ jsx15(IconButton_default, { className: "charcoal-modal-close-button", size: "S", icon: "24/Close", type: "button", ...props });
722
+ }
713
723
 
714
724
  // src/components/Modal/ModalPlumbing.tsx
715
725
  import { forwardRef as forwardRef14, useContext as useContext4 } from "react";
@@ -1303,6 +1313,7 @@ export {
1303
1313
  ModalAlign,
1304
1314
  ModalBody,
1305
1315
  ModalButtons,
1316
+ ModalCloseButton,
1306
1317
  ModalHeader,
1307
1318
  OverlayProvider,
1308
1319
  Radio_default as Radio,