@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.
- package/README.md +1 -1
- package/dist/components/Modal/index.d.ts +4 -0
- package/dist/components/Modal/index.d.ts.map +1 -1
- package/dist/core/SSRProvider.d.ts +3 -1
- package/dist/core/SSRProvider.d.ts.map +1 -1
- package/dist/index.cjs.js +122 -110
- package/dist/index.cjs.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.esm.js +14 -3
- package/dist/index.esm.js.map +1 -1
- package/package.json +8 -8
- package/src/components/Button/__snapshots__/index.story.storyshot +9 -9
- package/src/components/Button/index.story.tsx +1 -1
- package/src/components/Checkbox/CheckboxInput/__snapshots__/index.story.storyshot +5 -5
- package/src/components/Checkbox/CheckboxInput/index.story.tsx +1 -1
- package/src/components/Checkbox/__snapshots__/index.story.storyshot +6 -6
- package/src/components/Checkbox/index.story.tsx +2 -2
- package/src/components/Clickable/__snapshots__/index.story.storyshot +2 -2
- package/src/components/Clickable/index.story.tsx +1 -1
- package/src/components/DropdownSelector/ListItem/__snapshots__/index.story.storyshot +1 -1
- package/src/components/DropdownSelector/ListItem/index.story.tsx +1 -1
- package/src/components/DropdownSelector/MenuList/__snapshots__/index.story.storyshot +3 -3
- package/src/components/DropdownSelector/MenuList/index.story.tsx +1 -1
- package/src/components/DropdownSelector/Popover/__snapshots__/index.story.storyshot +1 -1
- package/src/components/DropdownSelector/Popover/index.story.tsx +1 -1
- package/src/components/DropdownSelector/__snapshots__/index.story.storyshot +14 -559
- package/src/components/DropdownSelector/index.story.tsx +2 -2
- package/src/components/Icon/__snapshots__/index.story.storyshot +1 -1
- package/src/components/Icon/index.story.tsx +1 -1
- package/src/components/IconButton/__snapshots__/index.story.storyshot +3 -3
- package/src/components/IconButton/index.story.tsx +1 -1
- package/src/components/LoadingSpinner/__snapshots__/index.story.storyshot +4 -4
- package/src/components/LoadingSpinner/index.story.tsx +1 -1
- package/src/components/Modal/__snapshots__/index.story.storyshot +20 -12
- package/src/components/Modal/index.story.tsx +2 -2
- package/src/components/Modal/index.tsx +17 -5
- package/src/components/Radio/__snapshots__/index.story.storyshot +5 -5
- package/src/components/Radio/index.story.tsx +1 -1
- package/src/components/SegmentedControl/__snapshots__/index.story.storyshot +2 -2
- package/src/components/SegmentedControl/index.story.tsx +1 -1
- package/src/components/Switch/__snapshots__/index.story.storyshot +4 -4
- package/src/components/Switch/index.story.tsx +1 -1
- package/src/components/TagItem/__snapshots__/index.story.storyshot +8 -8
- package/src/components/TagItem/index.story.tsx +1 -1
- package/src/components/TextArea/TextArea.story.tsx +1 -1
- package/src/components/TextArea/__snapshots__/TextArea.story.storyshot +11 -11
- package/src/components/TextField/TextField.story.tsx +1 -1
- package/src/components/TextField/__snapshots__/TextField.story.storyshot +13 -13
- package/src/core/SSRProvider.tsx +12 -1
- 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';
|
package/dist/index.d.ts.map
CHANGED
|
@@ -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,
|
|
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(
|
|
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,
|