@capra/core 1.8.1 → 1.8.2
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/index.cjs +66 -69
- package/dist/index.d.cts +546 -624
- package/dist/index.d.mts +546 -624
- package/dist/index.mjs +52 -54
- package/dist/style.css +142 -142
- package/docs/history-changelogs-capra-core--docs.md +12 -0
- package/package.json +9 -10
package/dist/index.cjs
CHANGED
|
@@ -22,8 +22,7 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
22
22
|
}) : target, mod));
|
|
23
23
|
//#endregion
|
|
24
24
|
let react = require("react");
|
|
25
|
-
|
|
26
|
-
react = __toESM(react);
|
|
25
|
+
react = __toESM(react, 1);
|
|
27
26
|
let _capra_icons = require("@capra/icons");
|
|
28
27
|
let react_aria_components = require("react-aria-components");
|
|
29
28
|
let react_aria = require("react-aria");
|
|
@@ -61,7 +60,7 @@ var Button_module_default = {
|
|
|
61
60
|
/**
|
|
62
61
|
* `forwardRef` function with proper typing to handle polymorphic components
|
|
63
62
|
*/
|
|
64
|
-
const fixedForwardRef = react
|
|
63
|
+
const fixedForwardRef = react.forwardRef;
|
|
65
64
|
//#endregion
|
|
66
65
|
//#region src/components/Text/Text.module.css
|
|
67
66
|
var Text_module_default = { "base": "capra-Text-module-JSrT1a-base" };
|
|
@@ -781,7 +780,7 @@ function RadioWithoutRef({ name, checked, required, disabled, value, onChange, F
|
|
|
781
780
|
const Radio = fixedForwardRef(RadioWithoutRef);
|
|
782
781
|
//#endregion
|
|
783
782
|
//#region src/components/RadioTile/RadioTile.module.css
|
|
784
|
-
var RadioTile_module_default = { "base": "capra-RadioTile-module-
|
|
783
|
+
var RadioTile_module_default = { "base": "capra-RadioTile-module-iEQ2jG-base" };
|
|
785
784
|
//#endregion
|
|
786
785
|
//#region src/components/RadioTile/RadioTile.tsx
|
|
787
786
|
function RadioTileWithoutRef({ children, checked, disabled, description, icon, FORCE__className, ...props }, ref) {
|
|
@@ -2605,15 +2604,15 @@ function syncTextareaAutoSize(textarea, autoSize, rowsFromProps) {
|
|
|
2605
2604
|
textarea.style.overflowY = maxRows && contentHeight > maxHeight ? "auto" : "hidden";
|
|
2606
2605
|
}
|
|
2607
2606
|
function useTextAreaAutoSize({ config, ref, rows, value, onChange, onInput }) {
|
|
2608
|
-
const textareaRef = react
|
|
2607
|
+
const textareaRef = react.useRef(null);
|
|
2609
2608
|
const autoSizeActive = isAutoSizeEnabled(config);
|
|
2610
|
-
react
|
|
2611
|
-
const resize = react
|
|
2609
|
+
react.useImperativeHandle(ref, () => textareaRef.current);
|
|
2610
|
+
const resize = react.useCallback(() => {
|
|
2612
2611
|
const el = textareaRef.current;
|
|
2613
2612
|
if (!el || !isAutoSizeEnabled(config)) return;
|
|
2614
2613
|
syncTextareaAutoSize(el, config, rows);
|
|
2615
2614
|
}, [config, rows]);
|
|
2616
|
-
react
|
|
2615
|
+
react.useLayoutEffect(() => {
|
|
2617
2616
|
const el = textareaRef.current;
|
|
2618
2617
|
if (!el) return;
|
|
2619
2618
|
if (!autoSizeActive) {
|
|
@@ -2627,7 +2626,7 @@ function useTextAreaAutoSize({ config, ref, rows, value, onChange, onInput }) {
|
|
|
2627
2626
|
resize,
|
|
2628
2627
|
value
|
|
2629
2628
|
]);
|
|
2630
|
-
react
|
|
2629
|
+
react.useLayoutEffect(() => {
|
|
2631
2630
|
if (!autoSizeActive) return;
|
|
2632
2631
|
const el = textareaRef.current;
|
|
2633
2632
|
if (!el || typeof ResizeObserver === "undefined") return;
|
|
@@ -2638,7 +2637,7 @@ function useTextAreaAutoSize({ config, ref, rows, value, onChange, onInput }) {
|
|
|
2638
2637
|
return {
|
|
2639
2638
|
isActive: autoSizeActive,
|
|
2640
2639
|
ref: textareaRef,
|
|
2641
|
-
onChange: react
|
|
2640
|
+
onChange: react.useCallback((event) => {
|
|
2642
2641
|
onChange?.(event.target.value);
|
|
2643
2642
|
if (autoSizeActive) queueMicrotask(resize);
|
|
2644
2643
|
}, [
|
|
@@ -2646,7 +2645,7 @@ function useTextAreaAutoSize({ config, ref, rows, value, onChange, onInput }) {
|
|
|
2646
2645
|
onChange,
|
|
2647
2646
|
resize
|
|
2648
2647
|
]),
|
|
2649
|
-
onInput: react
|
|
2648
|
+
onInput: react.useCallback((event) => {
|
|
2650
2649
|
onInput?.(event);
|
|
2651
2650
|
if (autoSizeActive) queueMicrotask(resize);
|
|
2652
2651
|
}, [
|
|
@@ -2733,23 +2732,24 @@ TextArea.displayName = "TextArea";
|
|
|
2733
2732
|
//#endregion
|
|
2734
2733
|
//#region src/components/Modal/Modal.module.css
|
|
2735
2734
|
var Modal_module_default = {
|
|
2736
|
-
"confirmationActions": "capra-Modal-module-
|
|
2737
|
-
"confirmationBody": "capra-Modal-module-
|
|
2738
|
-
"confirmationIcon": "capra-Modal-module-
|
|
2739
|
-
"confirmationLayout": "capra-Modal-module-
|
|
2740
|
-
"confirmationMessage": "capra-Modal-module-
|
|
2741
|
-
"confirmationSurface": "capra-Modal-module-
|
|
2742
|
-
"content": "capra-Modal-module-
|
|
2743
|
-
"contentShow": "capra-Modal-module-
|
|
2744
|
-
"
|
|
2745
|
-
"
|
|
2746
|
-
"
|
|
2747
|
-
"
|
|
2748
|
-
"
|
|
2749
|
-
"
|
|
2750
|
-
"
|
|
2751
|
-
"
|
|
2752
|
-
"
|
|
2735
|
+
"confirmationActions": "capra-Modal-module-gAoc6W-confirmationActions",
|
|
2736
|
+
"confirmationBody": "capra-Modal-module-gAoc6W-confirmationBody",
|
|
2737
|
+
"confirmationIcon": "capra-Modal-module-gAoc6W-confirmationIcon",
|
|
2738
|
+
"confirmationLayout": "capra-Modal-module-gAoc6W-confirmationLayout",
|
|
2739
|
+
"confirmationMessage": "capra-Modal-module-gAoc6W-confirmationMessage",
|
|
2740
|
+
"confirmationSurface": "capra-Modal-module-gAoc6W-confirmationSurface",
|
|
2741
|
+
"content": "capra-Modal-module-gAoc6W-content",
|
|
2742
|
+
"contentShow": "capra-Modal-module-gAoc6W-contentShow",
|
|
2743
|
+
"dialog": "capra-Modal-module-gAoc6W-dialog",
|
|
2744
|
+
"expandedFooterLayout": "capra-Modal-module-gAoc6W-expandedFooterLayout",
|
|
2745
|
+
"expandedTitleLayout": "capra-Modal-module-gAoc6W-expandedTitleLayout",
|
|
2746
|
+
"footer": "capra-Modal-module-gAoc6W-footer",
|
|
2747
|
+
"footerActions": "capra-Modal-module-gAoc6W-footerActions",
|
|
2748
|
+
"header": "capra-Modal-module-gAoc6W-header",
|
|
2749
|
+
"headerLeading": "capra-Modal-module-gAoc6W-headerLeading",
|
|
2750
|
+
"overlay": "capra-Modal-module-gAoc6W-overlay",
|
|
2751
|
+
"overlayShow": "capra-Modal-module-gAoc6W-overlayShow",
|
|
2752
|
+
"surface": "capra-Modal-module-gAoc6W-surface"
|
|
2753
2753
|
};
|
|
2754
2754
|
//#endregion
|
|
2755
2755
|
//#region src/components/Text/Heading.tsx
|
|
@@ -2771,10 +2771,7 @@ const Heading = react.forwardRef(function Heading(props, ref) {
|
|
|
2771
2771
|
//#endregion
|
|
2772
2772
|
//#region src/components/Modal/Modal.tsx
|
|
2773
2773
|
function ModalInner({ children, isOpen: open, onIsOpenChange: onOpenChange, title, footer, size = "md", isDismissible = true, FORCE__className, confirmButtonText = "OK", cancelButtonText = "Cancel", onClose, onConfirm, getContainer }) {
|
|
2774
|
-
const footerToDisplay = footer !== void 0 ? footer : /* @__PURE__ */ react.createElement(ModalFooterActions, null, cancelButtonText && /* @__PURE__ */ react.createElement(Button, {
|
|
2775
|
-
slot: "close",
|
|
2776
|
-
onPress: () => onClose?.()
|
|
2777
|
-
}, cancelButtonText), /* @__PURE__ */ react.createElement(Button, {
|
|
2774
|
+
const footerToDisplay = footer !== void 0 ? footer : /* @__PURE__ */ react.createElement(ModalFooterActions, null, cancelButtonText && /* @__PURE__ */ react.createElement(Button, { slot: "close" }, cancelButtonText), /* @__PURE__ */ react.createElement(Button, {
|
|
2778
2775
|
onPress: () => onConfirm?.(),
|
|
2779
2776
|
variant: "primary"
|
|
2780
2777
|
}, confirmButtonText));
|
|
@@ -2791,7 +2788,7 @@ function ModalInner({ children, isOpen: open, onIsOpenChange: onOpenChange, titl
|
|
|
2791
2788
|
}, /* @__PURE__ */ react.createElement(react_aria_components.Modal, {
|
|
2792
2789
|
className: clsx(Modal_module_default.surface, FORCE__className),
|
|
2793
2790
|
"data-size": size ?? "md"
|
|
2794
|
-
}, /* @__PURE__ */ react.createElement(react_aria_components.Dialog, { className:
|
|
2791
|
+
}, /* @__PURE__ */ react.createElement(react_aria_components.Dialog, { className: Modal_module_default.dialog }, (!!title || isDismissible) && /* @__PURE__ */ react.createElement("div", { className: Modal_module_default.header }, /* @__PURE__ */ react.createElement("div", { className: Modal_module_default.headerLeading }, !!title && typeof title === "string" ? /* @__PURE__ */ react.createElement(ModalHeading, null, title) : title), isDismissible && /* @__PURE__ */ react.createElement(IconButton, {
|
|
2795
2792
|
slot: "close",
|
|
2796
2793
|
variant: "tertiary",
|
|
2797
2794
|
appearance: "neutral",
|
|
@@ -2961,9 +2958,9 @@ const drawerAnimationMs = 300;
|
|
|
2961
2958
|
* (via `animationend` or a duration fallback timeout).
|
|
2962
2959
|
*/
|
|
2963
2960
|
function useDrawerExitAnimation(isOpen) {
|
|
2964
|
-
const [isRendered, setIsRendered] = react
|
|
2965
|
-
const closeTimeoutRef = react
|
|
2966
|
-
const finishCloseAnimation = react
|
|
2961
|
+
const [isRendered, setIsRendered] = react.useState(isOpen);
|
|
2962
|
+
const closeTimeoutRef = react.useRef(void 0);
|
|
2963
|
+
const finishCloseAnimation = react.useCallback(() => {
|
|
2967
2964
|
if (isOpen) return;
|
|
2968
2965
|
if (closeTimeoutRef.current !== void 0) {
|
|
2969
2966
|
window.clearTimeout(closeTimeoutRef.current);
|
|
@@ -2971,7 +2968,7 @@ function useDrawerExitAnimation(isOpen) {
|
|
|
2971
2968
|
}
|
|
2972
2969
|
setIsRendered(false);
|
|
2973
2970
|
}, [isOpen]);
|
|
2974
|
-
react
|
|
2971
|
+
react.useEffect(() => {
|
|
2975
2972
|
if (isOpen) {
|
|
2976
2973
|
if (closeTimeoutRef.current !== void 0) {
|
|
2977
2974
|
window.clearTimeout(closeTimeoutRef.current);
|
|
@@ -2998,7 +2995,7 @@ function useDrawerExitAnimation(isOpen) {
|
|
|
2998
2995
|
}, [isOpen, isRendered]);
|
|
2999
2996
|
return {
|
|
3000
2997
|
isRendered,
|
|
3001
|
-
onSheetAnimationEnd: react
|
|
2998
|
+
onSheetAnimationEnd: react.useCallback((event) => {
|
|
3002
2999
|
if (event.target !== event.currentTarget || isOpen) return;
|
|
3003
3000
|
finishCloseAnimation();
|
|
3004
3001
|
}, [finishCloseAnimation, isOpen])
|
|
@@ -4099,20 +4096,20 @@ const Toast = {
|
|
|
4099
4096
|
//#endregion
|
|
4100
4097
|
//#region src/components/Menu/Menu.module.css
|
|
4101
4098
|
var Menu_module_default = {
|
|
4102
|
-
"divider": "capra-Menu-module-
|
|
4103
|
-
"header": "capra-Menu-module-
|
|
4104
|
-
"list": "capra-Menu-module-
|
|
4105
|
-
"menu": "capra-Menu-module-
|
|
4106
|
-
"menuItem": "capra-Menu-module-
|
|
4107
|
-
"menuItemDescription": "capra-Menu-module-
|
|
4108
|
-
"menuItemLabel": "capra-Menu-module-
|
|
4109
|
-
"menuItemLeadingGutter": "capra-Menu-module-
|
|
4110
|
-
"menuItemListItemShell": "capra-Menu-module-
|
|
4111
|
-
"menuItemShortcut": "capra-Menu-module-
|
|
4112
|
-
"menuItemTrailingGroup": "capra-Menu-module-
|
|
4113
|
-
"menuItemTrailingGutter": "capra-Menu-module-
|
|
4114
|
-
"menuTriggerSlot": "capra-Menu-module-
|
|
4115
|
-
"section": "capra-Menu-module-
|
|
4099
|
+
"divider": "capra-Menu-module-3G4VeG-divider",
|
|
4100
|
+
"header": "capra-Menu-module-3G4VeG-header",
|
|
4101
|
+
"list": "capra-Menu-module-3G4VeG-list",
|
|
4102
|
+
"menu": "capra-Menu-module-3G4VeG-menu",
|
|
4103
|
+
"menuItem": "capra-Menu-module-3G4VeG-menuItem",
|
|
4104
|
+
"menuItemDescription": "capra-Menu-module-3G4VeG-menuItemDescription",
|
|
4105
|
+
"menuItemLabel": "capra-Menu-module-3G4VeG-menuItemLabel",
|
|
4106
|
+
"menuItemLeadingGutter": "capra-Menu-module-3G4VeG-menuItemLeadingGutter",
|
|
4107
|
+
"menuItemListItemShell": "capra-Menu-module-3G4VeG-menuItemListItemShell",
|
|
4108
|
+
"menuItemShortcut": "capra-Menu-module-3G4VeG-menuItemShortcut",
|
|
4109
|
+
"menuItemTrailingGroup": "capra-Menu-module-3G4VeG-menuItemTrailingGroup",
|
|
4110
|
+
"menuItemTrailingGutter": "capra-Menu-module-3G4VeG-menuItemTrailingGutter",
|
|
4111
|
+
"menuTriggerSlot": "capra-Menu-module-3G4VeG-menuTriggerSlot",
|
|
4112
|
+
"section": "capra-Menu-module-3G4VeG-section"
|
|
4116
4113
|
};
|
|
4117
4114
|
//#endregion
|
|
4118
4115
|
//#region src/components/Menu/Menu.tsx
|
|
@@ -4383,23 +4380,23 @@ const submenuPanelClassName = Menu_module_default.menu;
|
|
|
4383
4380
|
//#endregion
|
|
4384
4381
|
//#region src/components/TabNav/TabNav.module.css
|
|
4385
4382
|
var TabNav_module_default = {
|
|
4386
|
-
"dropdownIcon": "capra-TabNav-module-
|
|
4387
|
-
"extraContent": "capra-TabNav-module-
|
|
4388
|
-
"indentSpacer": "capra-TabNav-module-
|
|
4389
|
-
"panel": "capra-TabNav-module-
|
|
4390
|
-
"root": "capra-TabNav-module-
|
|
4391
|
-
"subMenu": "capra-TabNav-module-
|
|
4392
|
-
"subMenuItem": "capra-TabNav-module-
|
|
4393
|
-
"subMenuItemActive": "capra-TabNav-module-
|
|
4394
|
-
"subTab": "capra-TabNav-module-
|
|
4395
|
-
"subTabList": "capra-TabNav-module-
|
|
4396
|
-
"subTabListItem": "capra-TabNav-module-
|
|
4397
|
-
"tab": "capra-TabNav-module-
|
|
4398
|
-
"tabBar": "capra-TabNav-module-
|
|
4399
|
-
"tabGroup": "capra-TabNav-module-
|
|
4400
|
-
"tabIcon": "capra-TabNav-module-
|
|
4401
|
-
"tabLabel": "capra-TabNav-module-
|
|
4402
|
-
"tabList": "capra-TabNav-module-
|
|
4383
|
+
"dropdownIcon": "capra-TabNav-module-qqfvea-dropdownIcon",
|
|
4384
|
+
"extraContent": "capra-TabNav-module-qqfvea-extraContent",
|
|
4385
|
+
"indentSpacer": "capra-TabNav-module-qqfvea-indentSpacer",
|
|
4386
|
+
"panel": "capra-TabNav-module-qqfvea-panel",
|
|
4387
|
+
"root": "capra-TabNav-module-qqfvea-root",
|
|
4388
|
+
"subMenu": "capra-TabNav-module-qqfvea-subMenu",
|
|
4389
|
+
"subMenuItem": "capra-TabNav-module-qqfvea-subMenuItem",
|
|
4390
|
+
"subMenuItemActive": "capra-TabNav-module-qqfvea-subMenuItemActive",
|
|
4391
|
+
"subTab": "capra-TabNav-module-qqfvea-subTab",
|
|
4392
|
+
"subTabList": "capra-TabNav-module-qqfvea-subTabList",
|
|
4393
|
+
"subTabListItem": "capra-TabNav-module-qqfvea-subTabListItem",
|
|
4394
|
+
"tab": "capra-TabNav-module-qqfvea-tab",
|
|
4395
|
+
"tabBar": "capra-TabNav-module-qqfvea-tabBar",
|
|
4396
|
+
"tabGroup": "capra-TabNav-module-qqfvea-tabGroup",
|
|
4397
|
+
"tabIcon": "capra-TabNav-module-qqfvea-tabIcon",
|
|
4398
|
+
"tabLabel": "capra-TabNav-module-qqfvea-tabLabel",
|
|
4399
|
+
"tabList": "capra-TabNav-module-qqfvea-tabList"
|
|
4403
4400
|
};
|
|
4404
4401
|
//#endregion
|
|
4405
4402
|
//#region src/components/TabNav/TabNav.tsx
|