pne-ui 4.0.8 → 4.0.11

package/esm/src/component/PneLabeledCheckbox.js

@@ -0,0 +1,12 @@
+import React, { forwardRef } from 'react';
+import { FormControl, FormControlLabel, FormGroup, FormHelperText, } from '@mui/material';
+import { PneCheckbox } from './PneCheckbox';
+export const PneLabeledCheckbox = forwardRef((props, ref) => {
+    const { label, helperText, error = false, containerSx, formControlProps, formGroupProps, formControlLabelProps, helperTextProps, sx, ...rest } = props;
+    return (React.createElement(FormControl, { error: error, sx: containerSx, ...formControlProps },
+        React.createElement(FormGroup, { ...formGroupProps },
+            React.createElement(FormControlLabel, { control: React.createElement(PneCheckbox, { ...rest, sx: sx, ref: ref }), label: label, ...formControlLabelProps })),
+        helperText && (React.createElement(FormHelperText, { ...helperTextProps }, helperText))));
+});
+PneLabeledCheckbox.displayName = 'PneLabeledCheckbox';
+//# sourceMappingURL=PneLabeledCheckbox.js.map

package/esm/src/component/PneLabeledCheckbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneLabeledCheckbox.js","sourceRoot":"","sources":["../../../src/component/PneLabeledCheckbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,EACH,WAAW,EACX,gBAAgB,EAGhB,SAAS,EAET,cAAc,GAGjB,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAa3C,MAAM,CAAC,MAAM,kBAAkB,GAAG,UAAU,CAA6C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACpG,MAAM,EACF,KAAK,EACL,UAAU,EACV,KAAK,GAAG,KAAK,EACb,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,EAAE,EACF,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,OAAO,CACH,oBAAC,WAAW,IACR,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,WAAW,KACX,gBAAgB;QAEpB,oBAAC,SAAS,OAAK,cAAc;YACzB,oBAAC,gBAAgB,IACb,OAAO,EACH,oBAAC,WAAW,OACJ,IAAI,EACR,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,GAAG,GACV,EAEN,KAAK,EAAE,KAAK,KACR,qBAAqB,GAC3B,CACM;QACX,UAAU,IAAI,CACX,oBAAC,cAAc,OAAK,eAAe,IAAG,UAAU,CAAkB,CACrE,CACS,CACjB,CAAA;AACL,CAAC,CAAC,CAAA;AAEF,kBAAkB,CAAC,WAAW,GAAG,oBAAoB,CAAA"}

package/esm/src/component/PneModal.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { SxProps } from "@mui/material";
+export interface IProps {
+    open: boolean;
+    onClose: () => void;
+    containerSx?: SxProps;
+    title?: string;
+    subtitle?: string;
+    className?: string;
+}
+declare const PneModal: (props: React.PropsWithChildren<IProps>) => React.JSX.Element;
+export default PneModal;

package/esm/src/component/PneModal.js

@@ -0,0 +1,63 @@
+import React from 'react';
+import Box from "@mui/material/Box";
+import IconButton from "@mui/material/IconButton";
+import Modal from "@mui/material/Modal";
+import Typography from "@mui/material/Typography";
+import { styled } from "@mui/material/styles";
+import CloseIcon from '@mui/icons-material/Close';
+const PneModal = (props) => {
+    const { open, onClose, containerSx = {}, title, className, children, } = props;
+    return React.createElement(Modal, { open: open, onClose: onClose, "aria-labelledby": 'modal-title' },
+        React.createElement(Container, { className: className, sx: containerSx },
+            React.createElement(Header, null,
+                React.createElement("div", null,
+                    React.createElement(Typography, { sx: {
+                            padding: '0',
+                            fontWeight: '700',
+                            fontSize: '18px',
+                            lineHeight: '24px',
+                        }, component: 'h3', id: 'modal-title' }, title),
+                    props.subtitle && (React.createElement(Typography, { sx: {
+                            padding: '0',
+                            fontWeight: '400',
+                            fontSize: '12px',
+                            lineHeight: '12px',
+                            letterSpacing: '0.15px',
+                        }, id: 'modal-subtitle' }, props.subtitle))),
+                React.createElement(IconButton, { sx: {
+                        width: '40px',
+                        height: '40px',
+                        background: '#F1F5FA',
+                        borderRadius: '4px',
+                    }, onClick: onClose },
+                    React.createElement(CloseIcon, { fontSize: 'small' }))),
+            React.createElement(Body, null, children)));
+};
+export default PneModal;
+const Container = styled(Box) `
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+    min-width: min(400px, calc(100vw - 32px));
+    max-width: calc(100vw - 32px);
+    box-sizing: border-box;
+    background: #fff;
+    border: none;
+    border-radius: 4px;
+    max-height: 98%;
+    overflow-y: auto;
+    box-shadow: 0px -1px 12px rgba(0, 0, 0, 0.03), 0px 3px 3px rgba(0, 0, 0, 0.02), 0px 7px 6px rgba(0, 0, 0, 0.06), 0px 12px 10px rgba(0, 0, 3, 0.03), 0px 22px 18px rgba(0, 0, 0, 0.04), 0px 40px 33px rgba(0, 0, 0, 0.04), 0px 100px 80px rgba(0, 0, 0, 0.04);
+`;
+const Header = styled(Box) `
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px 24px;
+    border-bottom: 1px solid #F1F5FA;
+    gap: 16px;
+`;
+const Body = styled(Box) `
+    padding: 16px 24px;
+`;
+//# sourceMappingURL=PneModal.js.map

package/esm/src/component/PneModal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneModal.js","sourceRoot":"","sources":["../../../src/component/PneModal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,GAAG,MAAM,mBAAmB,CAAC;AACpC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,KAAK,MAAM,qBAAqB,CAAC;AACxC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAElD,OAAO,EAAC,MAAM,EAAC,MAAM,sBAAsB,CAAC;AAC5C,OAAO,SAAS,MAAM,2BAA2B,CAAC;AAWlD,MAAM,QAAQ,GAAG,CAAC,KAAsC,EAAE,EAAE;IACxD,MAAM,EACF,IAAI,EACJ,OAAO,EACP,WAAW,GAAG,EAAE,EAChB,KAAK,EACL,SAAS,EACT,QAAQ,GACX,GAAG,KAAK,CAAC;IAEV,OAAO,oBAAC,KAAK,IACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,qBACA,aAAa;QAE7B,oBAAC,SAAS,IAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,WAAW;YAC5C,oBAAC,MAAM;gBACH;oBACI,oBAAC,UAAU,IACP,EAAE,EAAE;4BACA,OAAO,EAAE,GAAG;4BACZ,UAAU,EAAE,KAAK;4BACjB,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,MAAM;yBACrB,EACD,SAAS,EAAC,IAAI,EACd,EAAE,EAAE,aAAa,IAEhB,KAAK,CACG;oBACZ,KAAK,CAAC,QAAQ,IAAI,CACf,oBAAC,UAAU,IACP,EAAE,EAAE;4BACA,OAAO,EAAE,GAAG;4BACZ,UAAU,EAAE,KAAK;4BACjB,QAAQ,EAAE,MAAM;4BAChB,UAAU,EAAE,MAAM;4BAClB,aAAa,EAAE,QAAQ;yBAC1B,EACD,EAAE,EAAE,gBAAgB,IAEnB,KAAK,CAAC,QAAQ,CACN,CAChB,CACC;gBACN,oBAAC,UAAU,IACP,EAAE,EAAE;wBACA,KAAK,EAAE,MAAM;wBACb,MAAM,EAAE,MAAM;wBACd,UAAU,EAAE,SAAS;wBACrB,YAAY,EAAE,KAAK;qBACtB,EACD,OAAO,EAAE,OAAO;oBAEhB,oBAAC,SAAS,IAAC,QAAQ,EAAE,OAAO,GAAG,CACtB,CACR;YACT,oBAAC,IAAI,QACA,QAAQ,CACN,CACC,CACR,CAAA;AACZ,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA;AAEvB,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;;;;;;;;CAc5B,CAAC;AAEF,MAAM,MAAM,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;;;;;;CAOzB,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;CAEvB,CAAC"}

package/esm/src/component/PneSwitch.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { SwitchProps } from '@mui/material';
+declare const PneSwitch: React.ForwardRefExoticComponent<Omit<SwitchProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+export default PneSwitch;

package/esm/src/component/PneSwitch.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { Switch } from '@mui/material';
+const PneSwitch = forwardRef((props, ref) => {
+    const { sx, size = 'small', ...rest } = props;
+    const _sx = [
+        ...(Array.isArray(sx) ? sx : [sx]),
+    ];
+    return React.createElement(Switch, { sx: _sx, size: size, ...rest, ref: ref });
+});
+export default PneSwitch;
+//# sourceMappingURL=PneSwitch.js.map

package/esm/src/component/PneSwitch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneSwitch.js","sourceRoot":"","sources":["../../../src/component/PneSwitch.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAM,MAAM,OAAO,CAAA;AAC5C,OAAO,EAAC,MAAM,EAAuB,MAAM,eAAe,CAAA;AAE1D,MAAM,SAAS,GAAG,UAAU,CAAC,CACzB,KAAkB,EAClB,GAA2B,EAC7B,EAAE;IACA,MAAM,EACF,EAAE,EACF,IAAI,GAAG,OAAO,EACd,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,GAAG,GAAY;QACjB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,oBAAC,MAAM,IAAC,EAAE,EAAE,GAAG,EAAE,IAAI,EAAE,IAAI,KAAM,IAAI,EAAE,GAAG,EAAE,GAAG,GAAG,CAAA;AAC7D,CAAC,CAAC,CAAA;AAEF,eAAe,SAAS,CAAA"}

package/esm/src/component/PneTextField.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PneTextField: React.ForwardRefExoticComponent<(Omit<import("@mui/material").OutlinedTextFieldProps, "ref"> | Omit<import("@mui/material").StandardTextFieldProps, "ref"> | Omit<import("@mui/material").FilledTextFieldProps, "ref">) & React.RefAttributes<HTMLDivElement>>;
+export default PneTextField;

package/esm/src/component/PneTextField.js

@@ -0,0 +1,11 @@
+import React, { forwardRef } from 'react';
+import { TextField } from '@mui/material';
+const PneTextField = forwardRef((props, ref) => {
+    const { sx, size = 'small', ...rest } = props;
+    const _sx = [
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    return React.createElement(TextField, { size: size, sx: _sx, ref: ref, ...rest });
+});
+export default PneTextField;
+//# sourceMappingURL=PneTextField.js.map

package/esm/src/component/PneTextField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneTextField.js","sourceRoot":"","sources":["../../../src/component/PneTextField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,UAAU,EAAC,MAAM,OAAO,CAAC;AACxC,OAAO,EAAU,SAAS,EAAiB,MAAM,eAAe,CAAC;AAEjE,MAAM,YAAY,GAAG,UAAU,CAAC,CAC5B,KAAqB,EACrB,GAA8B,EAChC,EAAE;IACA,MAAM,EACF,EAAE,EACF,IAAI,GAAG,OAAO,EACd,GAAG,IAAI,EACV,GAAG,KAAK,CAAC;IAEV,MAAM,GAAG,GAAY;QACjB,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,oBAAC,SAAS,IAAC,IAAI,EAAE,IAAI,EAAE,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,KAAM,IAAI,GAAG,CAAA;AAChE,CAAC,CAAC,CAAC;AAEH,eAAe,YAAY,CAAC"}

package/esm/src/component/cloudscape/CloudscapeBoardStyles.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+type CloudscapeBoardStylesProps = {
+    hideNavigationArrows?: boolean;
+};
+/**
+ * Global CSS overrides for Cloudscape Board containers to flatten chrome
+ * and trim padding on small screens. Keeps arrows hidden by default.
+ */
+export declare function CloudscapeBoardStyles({ hideNavigationArrows }: CloudscapeBoardStylesProps): React.JSX.Element;
+export {};

package/esm/src/component/cloudscape/CloudscapeBoardStyles.js

@@ -0,0 +1,88 @@
+import { GlobalStyles } from '@mui/material';
+import React from 'react';
+/**
+ * Global CSS overrides for Cloudscape Board containers to flatten chrome
+ * and trim padding on small screens. Keeps arrows hidden by default.
+ */
+export function CloudscapeBoardStyles({ hideNavigationArrows = true }) {
+    const boardGridSelector = '[data-pne-widget-board="true"] [class*="awsui_grid_"][class*="awsui_columns-"]';
+    const navigationStyles = hideNavigationArrows
+        ? {
+            '.awsui_direction-button-wrapper, [class*="direction-button-wrapper"]': {
+                display: 'none !important',
+                visibility: 'hidden !important',
+                opacity: '0 !important',
+                pointerEvents: 'none !important',
+            },
+        }
+        : {};
+    return (React.createElement(GlobalStyles, { styles: {
+            '[class^="awsui_container-override"], [class*=" awsui_container-override"]': {
+                boxShadow: 'none !important',
+                border: '1px solid #e6e6e6 !important',
+                borderRadius: '0 !important',
+            },
+            '[class^="awsui_root_"], [class*=" awsui_root_"]': {
+                boxShadow: 'none !important',
+                borderRadius: '0 !important',
+            },
+            '[data-item-id] [data-height-mode="auto"] [class*="content-fit-height"]': {
+                overflow: 'hidden !important',
+            },
+            '[data-item-id] [data-height-mode="auto"] [class*="content-wrapper-fit-height"]': {
+                overflow: 'hidden !important',
+            },
+            '[data-item-id] [data-collapsed="true"] [class*="awsui_resizer_"]': {
+                display: 'none !important',
+                visibility: 'hidden !important',
+                pointerEvents: 'none !important',
+            },
+            // Cloudscape BoardItem adds top offsets for handle/settings wrappers.
+            // With custom widget headers this shifts the drag grip ~2-3px down vs title baseline.
+            // Limit centering to headers that actually contain board-item drag handle.
+            '[class*="awsui_header_"]:has(> [class*="awsui_handle_"])': {
+                alignItems: 'center !important',
+                paddingBlockEnd: '0 !important',
+            },
+            '[class*="awsui_header_"] > [class*="awsui_handle_"]': {
+                marginBlockStart: '0 !important',
+            },
+            '[class*="awsui_header_"] > [class*="awsui_settings_"]': {
+                marginBlockStart: '0 !important',
+            },
+            // Cloudscape visual refresh applies:
+            // .awsui_refresh_* > .awsui_handle_* { margin-block-start: calc(...2px + 1px); }
+            // Pin it to zero explicitly to avoid 3px vertical drift.
+            '[class*="awsui_header_"][class*="awsui_refresh_"] > [class*="awsui_handle_"]': {
+                marginBlockStart: '0 !important',
+            },
+            '[class*="awsui_header_"][class*="awsui_refresh_"] > [class*="awsui_settings_"]': {
+                marginBlockStart: '0 !important',
+            },
+            '@media (hover: none), (pointer: coarse)': {
+                '[data-item-id]': {
+                    touchAction: 'manipulation !important',
+                },
+            },
+            [boardGridSelector]: {
+                gap: '16px !important',
+            },
+            ...navigationStyles,
+            '@media (max-width: 600px)': {
+                '[data-awsui-board]': {
+                    paddingLeft: '0 !important',
+                    paddingRight: '0 !important',
+                },
+                '[data-awsui-board-item]': {
+                    marginLeft: '0 !important',
+                    marginRight: '0 !important',
+                },
+            },
+            '@media (max-width: 639.95px)': {
+                [boardGridSelector]: {
+                    gap: '8px !important',
+                },
+            },
+        } }));
+}
+//# sourceMappingURL=CloudscapeBoardStyles.js.map

package/esm/src/component/cloudscape/CloudscapeBoardStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudscapeBoardStyles.js","sourceRoot":"","sources":["../../../../src/component/cloudscape/CloudscapeBoardStyles.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAMzB;;;GAGG;AACH,MAAM,UAAU,qBAAqB,CAAC,EAAE,oBAAoB,GAAG,IAAI,EAA8B;IAC7F,MAAM,iBAAiB,GAAG,gFAAgF,CAAA;IAC1G,MAAM,gBAAgB,GAAG,oBAAoB;QACzC,CAAC,CAAC;YACE,sEAAsE,EAAE;gBACpE,OAAO,EAAE,iBAAiB;gBAC1B,UAAU,EAAE,mBAAmB;gBAC/B,OAAO,EAAE,cAAc;gBACvB,aAAa,EAAE,iBAAiB;aACnC;SACJ;QACD,CAAC,CAAC,EAAE,CAAA;IAER,OAAO,CACH,oBAAC,YAAY,IACT,MAAM,EAAE;YACJ,2EAA2E,EAAE;gBACzE,SAAS,EAAE,iBAAiB;gBAC5B,MAAM,EAAE,8BAA8B;gBACtC,YAAY,EAAE,cAAc;aAC/B;YACD,iDAAiD,EAAE;gBAC/C,SAAS,EAAE,iBAAiB;gBAC5B,YAAY,EAAE,cAAc;aAC/B;YACD,wEAAwE,EAAE;gBACtE,QAAQ,EAAE,mBAAmB;aAChC;YACD,gFAAgF,EAAE;gBAC9E,QAAQ,EAAE,mBAAmB;aAChC;YACD,kEAAkE,EAAE;gBAChE,OAAO,EAAE,iBAAiB;gBAC1B,UAAU,EAAE,mBAAmB;gBAC/B,aAAa,EAAE,iBAAiB;aACnC;YACD,sEAAsE;YACtE,sFAAsF;YACtF,2EAA2E;YAC3E,0DAA0D,EAAE;gBACxD,UAAU,EAAE,mBAAmB;gBAC/B,eAAe,EAAE,cAAc;aAClC;YACD,qDAAqD,EAAE;gBACnD,gBAAgB,EAAE,cAAc;aACnC;YACD,uDAAuD,EAAE;gBACrD,gBAAgB,EAAE,cAAc;aACnC;YACD,qCAAqC;YACrC,iFAAiF;YACjF,yDAAyD;YACzD,8EAA8E,EAAE;gBAC5E,gBAAgB,EAAE,cAAc;aACnC;YACD,gFAAgF,EAAE;gBAC9E,gBAAgB,EAAE,cAAc;aACnC;YACD,yCAAyC,EAAE;gBACvC,gBAAgB,EAAE;oBACd,WAAW,EAAE,yBAAyB;iBACzC;aACJ;YACD,CAAC,iBAAiB,CAAC,EAAE;gBACjB,GAAG,EAAE,iBAAiB;aACzB;YACD,GAAG,gBAAgB;YACnB,2BAA2B,EAAE;gBACzB,oBAAoB,EAAE;oBAClB,WAAW,EAAE,cAAc;oBAC3B,YAAY,EAAE,cAAc;iBAC/B;gBACD,yBAAyB,EAAE;oBACvB,UAAU,EAAE,cAAc;oBAC1B,WAAW,EAAE,cAAc;iBAC9B;aACJ;YACD,8BAA8B,EAAE;gBAC5B,CAAC,iBAAiB,CAAC,EAAE;oBACjB,GAAG,EAAE,gBAAgB;iBACxB;aACJ;SACJ,GACH,CACL,CAAA;AACL,CAAC"}

package/esm/src/component/cloudscape/CloudscapeThemeProvider.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+/**
+ * Runtime Cloudscape theming hook. Applies our theme on mount and resets on unmount.
+ */
+export declare function CloudscapeThemeProvider({ children }: {
+    children: React.ReactNode;
+}): React.JSX.Element;
+export default CloudscapeThemeProvider;

package/esm/src/component/cloudscape/CloudscapeThemeProvider.js

@@ -0,0 +1,15 @@
+import { applyTheme } from '@cloudscape-design/components/theming';
+import React, { useEffect } from 'react';
+import { cloudscapeTheme } from './cloudscapeTheme';
+/**
+ * Runtime Cloudscape theming hook. Applies our theme on mount and resets on unmount.
+ */
+export function CloudscapeThemeProvider({ children }) {
+    useEffect(() => {
+        const { reset } = applyTheme({ theme: cloudscapeTheme });
+        return () => reset();
+    }, []);
+    return React.createElement(React.Fragment, null, children);
+}
+export default CloudscapeThemeProvider;
+//# sourceMappingURL=CloudscapeThemeProvider.js.map

package/esm/src/component/cloudscape/CloudscapeThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CloudscapeThemeProvider.js","sourceRoot":"","sources":["../../../../src/component/cloudscape/CloudscapeThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,uCAAuC,CAAA;AAClE,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AAEnD;;GAEG;AACH,MAAM,UAAU,uBAAuB,CAAC,EAAE,QAAQ,EAAiC;IAC/E,SAAS,CAAC,GAAG,EAAE;QACX,MAAM,EAAE,KAAK,EAAE,GAAG,UAAU,CAAC,EAAE,KAAK,EAAE,eAAe,EAAE,CAAC,CAAA;QACxD,OAAO,GAAG,EAAE,CAAC,KAAK,EAAE,CAAA;IACxB,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,OAAO,0CAAG,QAAQ,CAAI,CAAA;AAC1B,CAAC;AAED,eAAe,uBAAuB,CAAA"}

package/esm/src/component/cloudscape/boardI18n.d.ts

@@ -0,0 +1,10 @@
+import type { BoardProps } from '@cloudscape-design/board-components/board';
+import type { BoardItemProps } from '@cloudscape-design/board-components/board-item';
+/**
+ * Shared i18n strings for Cloudscape board items.
+ */
+export declare const boardItemI18nStrings: BoardItemProps.I18nStrings;
+/**
+ * Generates Cloudscape board i18n strings that reuse a title getter for announcements.
+ */
+export declare function createBoardI18nStrings<T>(getTitle: (item: BoardProps.Item<T>) => string): BoardProps.I18nStrings<T>;

package/esm/src/component/cloudscape/boardI18n.js

@@ -0,0 +1,47 @@
+/**
+ * Shared i18n strings for Cloudscape board items.
+ */
+export const boardItemI18nStrings = {
+    dragHandleAriaLabel: 'Drag handle',
+    dragHandleAriaDescription: 'Use Space or Enter to activate drag, arrow keys to move, Space or Enter to submit, or Escape to discard. Temporarily disable screen reader navigation if it interferes with arrow keys.',
+    resizeHandleAriaLabel: 'Resize handle',
+    resizeHandleAriaDescription: 'Use Space or Enter to activate resize, arrow keys to move, Space or Enter to submit, or Escape to discard. Temporarily disable screen reader navigation if it interferes with arrow keys.',
+};
+function createAnnouncement(operationAnnouncement, conflicts, disturbed, getTitle) {
+    const conflictsAnnouncement = conflicts.length > 0 ? `Conflicts with ${conflicts.map(c => getTitle(c)).join(', ')}.` : '';
+    const disturbedAnnouncement = disturbed.length > 0 ? `Disturbed ${disturbed.length} items.` : '';
+    return [operationAnnouncement, conflictsAnnouncement, disturbedAnnouncement].filter(Boolean).join(' ');
+}
+/**
+ * Generates Cloudscape board i18n strings that reuse a title getter for announcements.
+ */
+export function createBoardI18nStrings(getTitle) {
+    return {
+        liveAnnouncementDndStarted: operationType => (operationType === 'resize' ? 'Resizing' : 'Dragging'),
+        liveAnnouncementDndItemReordered: operation => {
+            const columns = `column ${operation.placement.x + 1}`;
+            const rows = `row ${operation.placement.y + 1}`;
+            return createAnnouncement(`Item moved to ${operation.direction === 'horizontal' ? columns : rows}.`, operation.conflicts, operation.disturbed, getTitle);
+        },
+        liveAnnouncementDndItemResized: operation => {
+            const columnsConstraint = operation.isMinimalColumnsReached ? ' (minimal)' : '';
+            const rowsConstraint = operation.isMinimalRowsReached ? ' (minimal)' : '';
+            const sizeAnnouncement = operation.direction === 'horizontal'
+                ? `columns ${operation.placement.width}${columnsConstraint}`
+                : `rows ${operation.placement.height}${rowsConstraint}`;
+            return createAnnouncement(`Item resized to ${sizeAnnouncement}.`, operation.conflicts, operation.disturbed, getTitle);
+        },
+        liveAnnouncementDndItemInserted: operation => {
+            const columns = `column ${operation.placement.x + 1}`;
+            const rows = `row ${operation.placement.y + 1}`;
+            return createAnnouncement(`Item inserted to ${columns}, ${rows}.`, operation.conflicts, operation.disturbed, getTitle);
+        },
+        liveAnnouncementDndCommitted: operationType => `${operationType} committed`,
+        liveAnnouncementDndDiscarded: operationType => `${operationType} discarded`,
+        liveAnnouncementItemRemoved: op => createAnnouncement(`Removed item ${getTitle(op.item)}.`, [], op.disturbed, getTitle),
+        navigationAriaLabel: 'Board navigation',
+        navigationAriaDescription: 'Click on non-empty item to move focus over',
+        navigationItemAriaLabel: item => (item ? getTitle(item) : 'Empty'),
+    };
+}
+//# sourceMappingURL=boardI18n.js.map

package/esm/src/component/cloudscape/boardI18n.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"boardI18n.js","sourceRoot":"","sources":["../../../../src/component/cloudscape/boardI18n.ts"],"names":[],"mappings":"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"}

package/esm/src/component/cloudscape/cloudscapeTheme.d.ts

@@ -0,0 +1,6 @@
+import type { Theme } from '@cloudscape-design/components/theming';
+/**
+ * Cloudscape theme tokens tuned to match our board widgets.
+ * Border radius is flattened and divider color aligned with UI palette.
+ */
+export declare const cloudscapeTheme: Theme;

package/esm/src/component/cloudscape/cloudscapeTheme.js

@@ -0,0 +1,11 @@
+/**
+ * Cloudscape theme tokens tuned to match our board widgets.
+ * Border radius is flattened and divider color aligned with UI palette.
+ */
+export const cloudscapeTheme = {
+    tokens: {
+        borderRadiusContainer: '0px',
+        colorBorderDividerDefault: 'rgba(230, 230, 230, 1)',
+    },
+};
+//# sourceMappingURL=cloudscapeTheme.js.map

package/esm/src/component/cloudscape/cloudscapeTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"cloudscapeTheme.js","sourceRoot":"","sources":["../../../../src/component/cloudscape/cloudscapeTheme.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,MAAM,EAAE;QACJ,qBAAqB,EAAE,KAAK;QAC5B,yBAAyB,EAAE,wBAAwB;KACtD;CACJ,CAAA"}

package/esm/src/component/confirm/PneConfirmProvider.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+export type PneConfirmOptions = {
+    title?: string;
+    message: React.ReactNode;
+    confirmLabel?: string;
+    cancelLabel?: string;
+};
+export type PneConfirmProviderProps = {
+    children: React.ReactNode;
+    defaultOptions?: Partial<Omit<PneConfirmOptions, 'message'>>;
+};
+type PneConfirmContextValue = {
+    confirm: (options: PneConfirmOptions) => Promise<boolean>;
+};
+export declare const PneConfirmProvider: ({ children, defaultOptions }: PneConfirmProviderProps) => React.JSX.Element;
+export declare const usePneConfirm: () => PneConfirmContextValue;
+export default PneConfirmProvider;

package/esm/src/component/confirm/PneConfirmProvider.js

@@ -0,0 +1,75 @@
+import React, { createContext, useCallback, useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { Box, Stack, Typography } from '@mui/material';
+import { useTranslation } from 'react-i18next';
+import PneButton from '../PneButton';
+import PneModal from '../PneModal';
+const PneConfirmContext = createContext(null);
+const MISSING_PROVIDER_ERROR = 'usePneConfirm must be used within <PneConfirmProvider>';
+const normalizeTitle = (title) => {
+    if (!title)
+        return undefined;
+    return title.trim().length > 0 ? title : undefined;
+};
+export const PneConfirmProvider = ({ children, defaultOptions }) => {
+    const { t } = useTranslation();
+    const queueRef = useRef([]);
+    const currentRef = useRef(null);
+    const [current, setCurrent] = useState(null);
+    const fallbackStrings = useMemo(() => ({
+        title: t('react.confirm-alert.title.confirm-action', { defaultValue: 'Confirm action' }),
+        confirmLabel: t('react.confirm-alert.yes', { defaultValue: 'Yes' }),
+        cancelLabel: t('react.confirm-alert.no.cancel', { defaultValue: 'Cancel' }),
+    }), [t]);
+    const showNext = useCallback(() => {
+        const next = queueRef.current.shift() ?? null;
+        currentRef.current = next;
+        setCurrent(next);
+    }, []);
+    const settle = useCallback((accepted) => {
+        const pending = currentRef.current;
+        if (!pending)
+            return;
+        pending.resolve(accepted);
+        showNext();
+    }, [showNext]);
+    const confirm = useCallback((options) => new Promise(resolve => {
+        const pending = {
+            title: normalizeTitle(options.title) ?? normalizeTitle(defaultOptions?.title) ?? fallbackStrings.title,
+            message: options.message,
+            confirmLabel: options.confirmLabel ?? defaultOptions?.confirmLabel ?? fallbackStrings.confirmLabel,
+            cancelLabel: options.cancelLabel ?? defaultOptions?.cancelLabel ?? fallbackStrings.cancelLabel,
+            resolve,
+        };
+        if (currentRef.current) {
+            queueRef.current.push(pending);
+            return;
+        }
+        currentRef.current = pending;
+        setCurrent(pending);
+    }), [defaultOptions?.cancelLabel, defaultOptions?.confirmLabel, defaultOptions?.title, fallbackStrings.cancelLabel, fallbackStrings.confirmLabel, fallbackStrings.title]);
+    useEffect(() => () => {
+        currentRef.current?.resolve(false);
+        queueRef.current.forEach(pending => pending.resolve(false));
+        queueRef.current = [];
+        currentRef.current = null;
+    }, []);
+    const contextValue = useMemo(() => ({ confirm }), [confirm]);
+    return (React.createElement(PneConfirmContext.Provider, { value: contextValue },
+        children,
+        React.createElement(PneModal, { open: Boolean(current), onClose: () => settle(false), title: current?.title, containerSx: { maxWidth: 560, width: 'calc(100% - 32px)', minWidth: 0 } },
+            React.createElement(Stack, { spacing: 3 },
+                React.createElement(Box, null,
+                    React.createElement(Typography, { sx: { fontSize: '14px', lineHeight: '20px', color: '#4E5D78' } }, current?.message)),
+                React.createElement(Stack, { direction: 'row', spacing: 1, sx: { justifyContent: 'flex-end' } },
+                    React.createElement(PneButton, { pneStyle: 'text', color: 'pneNeutral', onClick: () => settle(false) }, current?.cancelLabel),
+                    React.createElement(PneButton, { pneStyle: 'contained', onClick: () => settle(true) }, current?.confirmLabel))))));
+};
+export const usePneConfirm = () => {
+    const context = useContext(PneConfirmContext);
+    if (!context) {
+        throw new Error(MISSING_PROVIDER_ERROR);
+    }
+    return context;
+};
+export default PneConfirmProvider;
+//# sourceMappingURL=PneConfirmProvider.js.map

package/esm/src/component/confirm/PneConfirmProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneConfirmProvider.js","sourceRoot":"","sources":["../../../../src/component/confirm/PneConfirmProvider.tsx"],"names":[],"mappings":"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"}

package/esm/src/component/confirm/index.d.ts

@@ -0,0 +1 @@
+export * from './PneConfirmProvider';

package/esm/src/component/confirm/index.js

@@ -0,0 +1,2 @@
+export * from './PneConfirmProvider';
+//# sourceMappingURL=index.js.map

package/esm/src/component/confirm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/component/confirm/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAA"}

package/esm/src/component/dropdown/PneAsyncAutocomplete.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { AutocompleteProps } from '@mui/material';
+import { PneDropdownChoice } from '../../common/paynet/dropdown';
+export interface PneAsyncAutocompleteProps<T extends PneDropdownChoice, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput' | 'options'> {
+    searchChoices: (request: {
+        searchString?: string;
+    }) => Promise<T[]>;
+    label?: ReactNode;
+    error?: boolean;
+    helperText?: string;
+    placeholder?: string;
+    onSearchError?: (reason: any) => void;
+}
+declare const PneAsyncAutocomplete: <T extends PneDropdownChoice, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: PneAsyncAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>) => React.JSX.Element;
+export default PneAsyncAutocomplete;

package/esm/src/component/dropdown/PneAsyncAutocomplete.js

@@ -0,0 +1,65 @@
+import React, { useEffect, useId, useRef, useState } from 'react';
+import { Autocomplete, CircularProgress } from '@mui/material';
+import { dropDownSx, getOptionKey, getOptionLabel, isOptionEqualToValue, } from '../../common/paynet/dropdown';
+import { PneTextField } from "../../index";
+const PneAsyncAutocomplete = (props) => {
+    const { searchChoices, label, size = 'small', error = false, helperText, sx, placeholder, onSearchError, ...rest } = props;
+    const innerSx = [
+        dropDownSx,
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    const [open, setOpen] = useState(false);
+    const [options, setOptions] = useState([]);
+    const [loading, setLoading] = useState(false);
+    const [inputValue, setInputValue] = useState('');
+    const id = useId();
+    const requestIdRef = useRef(0);
+    useEffect(() => {
+        if (!open) {
+            requestIdRef.current += 1;
+            setLoading(false);
+            setOptions([]);
+            return;
+        }
+        const requestId = ++requestIdRef.current;
+        let active = true;
+        setOptions([]);
+        setLoading(true);
+        searchChoices({ searchString: inputValue })
+            .then((result) => {
+            if (!active || requestIdRef.current !== requestId) {
+                return;
+            }
+            setOptions(result);
+        })
+            .catch(reason => {
+            if (!active || requestIdRef.current !== requestId) {
+                return;
+            }
+            Promise.resolve(reason)
+                .then(value => {
+                onSearchError ? onSearchError(value) : console.error(value);
+            });
+        })
+            .finally(() => {
+            if (!active || requestIdRef.current !== requestId) {
+                return;
+            }
+            setLoading(false);
+        });
+        return () => {
+            active = false;
+        };
+    }, [open, inputValue, onSearchError, searchChoices]);
+    return React.createElement(Autocomplete, { id: id, open: open, onOpen: () => setOpen(true), onClose: () => setOpen(false), isOptionEqualToValue: isOptionEqualToValue, getOptionLabel: getOptionLabel, getOptionKey: getOptionKey, options: options, loading: loading, filterOptions: (x) => x, inputValue: inputValue, onInputChange: (e, value) => setInputValue(value), renderInput: (params) => (React.createElement(PneTextField, { ...params, label: label, placeholder: placeholder, slotProps: {
+                ...params.slotProps,
+                input: {
+                    ...params.slotProps.input,
+                    endAdornment: (React.createElement(React.Fragment, null,
+                        loading ? React.createElement(CircularProgress, { color: "inherit", size: 20 }) : null,
+                        params.slotProps.input.endAdornment)),
+                },
+            }, error: error, helperText: helperText })), sx: innerSx, size: size, ...rest });
+};
+export default PneAsyncAutocomplete;
+//# sourceMappingURL=PneAsyncAutocomplete.js.map

package/esm/src/component/dropdown/PneAsyncAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneAsyncAutocomplete.js","sourceRoot":"","sources":["../../../../src/component/dropdown/PneAsyncAutocomplete.tsx"],"names":[],"mappings":"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"}

package/esm/src/component/dropdown/PneAutocomplete.d.ts

@@ -0,0 +1,13 @@
+import React, { ReactNode } from 'react';
+import { AutocompleteProps } from '@mui/material';
+import type { TextFieldProps } from '@mui/material/TextField';
+import { PneDropdownChoice } from '../../common/paynet/dropdown';
+export interface IProps<T extends PneDropdownChoice, Multiple extends boolean | undefined = undefined, DisableClearable extends boolean | undefined = undefined, FreeSolo extends boolean | undefined = undefined> extends Omit<AutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, 'renderInput'> {
+    label?: ReactNode;
+    variant?: TextFieldProps['variant'];
+    error?: boolean;
+    helperText?: string;
+    placeholder?: string;
+}
+declare const PneAutocomplete: <T extends PneDropdownChoice, Multiple extends boolean | undefined = false, DisableClearable extends boolean | undefined = false, FreeSolo extends boolean | undefined = false>(props: IProps<T, Multiple, DisableClearable, FreeSolo>) => React.JSX.Element;
+export default PneAutocomplete;

package/esm/src/component/dropdown/PneAutocomplete.js

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Autocomplete } from '@mui/material';
+import { dropDownSx, getOptionKey, getOptionLabel, isOptionEqualToValue, } from '../../common/paynet/dropdown';
+import { PneTextField } from "../../index";
+const PneAutocomplete = (props) => {
+    const { label, variant, size = 'small', error = false, helperText, sx, placeholder, ...rest } = props;
+    const innerSx = [
+        dropDownSx,
+        ...(Array.isArray(sx) ? sx : [sx])
+    ];
+    return React.createElement(Autocomplete, { isOptionEqualToValue: isOptionEqualToValue, getOptionLabel: getOptionLabel, getOptionKey: getOptionKey, renderInput: (params) => {
+            return React.createElement(PneTextField, { ...params, placeholder: placeholder, label: label, variant: variant, error: error, helperText: helperText });
+        }, size: size, sx: innerSx, ...rest });
+};
+export default PneAutocomplete;
+//# sourceMappingURL=PneAutocomplete.js.map

package/esm/src/component/dropdown/PneAutocomplete.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PneAutocomplete.js","sourceRoot":"","sources":["../../../../src/component/dropdown/PneAutocomplete.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AACvC,OAAO,EAAC,YAAY,EAA6B,MAAM,eAAe,CAAC;AAEvE,OAAO,EACH,UAAU,EACV,YAAY,EACZ,cAAc,EACd,oBAAoB,GAEvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAC,YAAY,EAAC,MAAM,aAAa,CAAC;AAezC,MAAM,eAAe,GAAG,CAKtB,KAKD,EAAE,EAAE;IAED,MAAM,EACF,KAAK,EACL,OAAO,EACP,IAAI,GAAG,OAAO,EACd,KAAK,GAAG,KAAK,EACb,UAAU,EACV,EAAE,EACF,WAAW,EACX,GAAG,IAAI,EACV,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAY;QACrB,UAAU;QACV,GAAG,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC;KACrC,CAAA;IAED,OAAO,oBAAC,YAAY,IAChB,oBAAoB,EAAE,oBAAoB,EAC1C,cAAc,EAAE,cAAc,EAC9B,YAAY,EAAE,YAAY,EAC1B,WAAW,EAAE,CAAC,MAAM,EAAE,EAAE;YACpB,OAAO,oBAAC,YAAY,OACZ,MAAM,EACV,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,UAAU,EAAE,UAAU,GACxB,CAAA;QACN,CAAC,EACD,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,OAAO,KACP,IAAI,GACV,CAAA;AACN,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}