@arbor-education/design-system.components 0.3.5 → 0.4.0

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # Changelog
 
+## 0.4.0
+
+### Minor Changes
+
+- [#124](https://github.com/arbor-education/design-system.components/pull/124) [`202615f`](https://github.com/arbor-education/design-system.components/commit/202615f09a42e564dd418b7bd1b9c6a3de38b33f) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-66715 add banner component
+
+### Patch Changes
+
+- [#125](https://github.com/arbor-education/design-system.components/pull/125) [`f01b121`](https://github.com/arbor-education/design-system.components/commit/f01b1216f60898647910fd64af9262e59d7e3060) Thanks [@angusmglfraser](https://github.com/angusmglfraser)! - MIS-67797 added global default styles for DS components
+
+## 0.3.6
+
+### Patch Changes
+
+- [#122](https://github.com/arbor-education/design-system.components/pull/122) [`8f25e54`](https://github.com/arbor-education/design-system.components/commit/8f25e54a2c20ec2ef52c486749d46e7d9731d49f) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-66424 Toast component
+
+- [#123](https://github.com/arbor-education/design-system.components/pull/123) [`dbac185`](https://github.com/arbor-education/design-system.components/commit/dbac18524c61d15e788f92ec8cee25cf20c1332c) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-66708 Progress component
+
+- [#121](https://github.com/arbor-education/design-system.components/pull/121) [`e93e5c8`](https://github.com/arbor-education/design-system.components/commit/e93e5c8625a63ffb6282fc246168cd69696d5a32) Thanks [@AmeeMorris](https://github.com/AmeeMorris)! - MIS-68210 Editable text component
+
 ## 0.3.5
 
 ### Patch Changes

package/dist/components/banner/Banner.d.ts

@@ -0,0 +1,19 @@
+import type { IconName } from '../icon/allowedIcons';
+export declare enum BANNER_LEVEL {
+    INFO = "info",
+    NEUTRAL = "neutral",
+    WARNING = "warning",
+    DESTRUCTIVE = "destructive"
+}
+export type BannerProps = {
+    className?: string;
+    level?: BANNER_LEVEL;
+    icon?: IconName;
+    title?: string;
+    buttonText?: string;
+    buttonOnClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    text?: string;
+    hideIcon?: boolean;
+};
+export declare const Banner: (props: BannerProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Banner.d.ts.map

package/dist/components/banner/Banner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.d.ts","sourceRoot":"","sources":["../../../src/components/banner/Banner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,8BAA8B,CAAC;AAG7D,oBAAY,YAAY;IACtB,IAAI,SAAS;IACb,OAAO,YAAY;IACnB,OAAO,YAAY;IACnB,WAAW,gBAAgB;CAC5B;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,YAAY,CAAC;IACrB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAC;IACjE,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAoBF,eAAO,MAAM,MAAM,GAAI,OAAO,WAAW,4CAsCxC,CAAC"}

package/dist/components/banner/Banner.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { Button } from '../button/Button';
+import { Icon } from '../icon/Icon';
+export var BANNER_LEVEL;
+(function (BANNER_LEVEL) {
+    BANNER_LEVEL["INFO"] = "info";
+    BANNER_LEVEL["NEUTRAL"] = "neutral";
+    BANNER_LEVEL["WARNING"] = "warning";
+    BANNER_LEVEL["DESTRUCTIVE"] = "destructive";
+})(BANNER_LEVEL || (BANNER_LEVEL = {}));
+const bannerClassName = cva(['ds-banner'], {
+    variants: {
+        level: {
+            [BANNER_LEVEL.INFO]: 'ds-banner--info',
+            [BANNER_LEVEL.NEUTRAL]: 'ds-banner--neutral',
+            [BANNER_LEVEL.WARNING]: 'ds-banner--warning',
+            [BANNER_LEVEL.DESTRUCTIVE]: 'ds-banner--destructive',
+        },
+    },
+});
+const DEFAULT_ICON_MAP = {
+    [BANNER_LEVEL.INFO]: 'info',
+    [BANNER_LEVEL.NEUTRAL]: 'info',
+    [BANNER_LEVEL.WARNING]: 'triangle-alert',
+    [BANNER_LEVEL.DESTRUCTIVE]: 'circle-alert',
+};
+export const Banner = (props) => {
+    const { className, level = BANNER_LEVEL.NEUTRAL, icon: rawIcon, hideIcon = false, title, buttonText, buttonOnClick, text, } = props;
+    const icon = hideIcon ? null : rawIcon ?? DEFAULT_ICON_MAP[level];
+    return (_jsxs("div", { className: bannerClassName({ level, className }), children: [icon && _jsx(Icon, { size: 24, name: icon }), _jsxs("div", { className: "ds-banner__central-container", children: [title && (_jsx("h3", { className: "ds-banner__title", children: title })), text && _jsx("span", { children: text })] }), buttonText && (_jsx(Button, { onClick: buttonOnClick, className: "ds-banner__button", variant: "text-link", children: buttonText }))] }));
+};
+//# sourceMappingURL=Banner.js.map

package/dist/components/banner/Banner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.js","sourceRoot":"","sources":["../../../src/components/banner/Banner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAGlD,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAE5C,MAAM,CAAN,IAAY,YAKX;AALD,WAAY,YAAY;IACtB,6BAAa,CAAA;IACb,mCAAmB,CAAA;IACnB,mCAAmB,CAAA;IACnB,2CAA2B,CAAA;AAC7B,CAAC,EALW,YAAY,KAAZ,YAAY,QAKvB;AAaD,MAAM,eAAe,GAAG,GAAG,CAAC,CAAC,WAAW,CAAC,EAAE;IACzC,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,iBAAiB;YACtC,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,oBAAoB;YAC5C,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,oBAAoB;YAC5C,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,wBAAwB;SACrD;KACF;CACF,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAmC;IACvD,CAAC,YAAY,CAAC,IAAI,CAAC,EAAE,MAAM;IAC3B,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,MAAM;IAC9B,CAAC,YAAY,CAAC,OAAO,CAAC,EAAE,gBAAgB;IACxC,CAAC,YAAY,CAAC,WAAW,CAAC,EAAE,cAAc;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,KAAkB,EAAE,EAAE;IAC3C,MAAM,EACJ,SAAS,EACT,KAAK,GAAG,YAAY,CAAC,OAAO,EAC5B,IAAI,EAAE,OAAO,EACb,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,UAAU,EACV,aAAa,EACb,IAAI,GACL,GAAG,KAAK,CAAC;IAEV,MAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,OAAO,IAAI,gBAAgB,CAAC,KAAK,CAAC,CAAC;IAElE,OAAO,CACL,eACE,SAAS,EAAE,eAAe,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,aAE/C,IAAI,IAAI,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,GAAI,EACvC,eAAK,SAAS,EAAC,8BAA8B,aAC1C,KAAK,IAAI,CACR,aAAI,SAAS,EAAC,kBAAkB,YAC7B,KAAK,GACH,CACN,EACA,IAAI,IAAI,yBAAO,IAAI,GAAQ,IACxB,EACL,UAAU,IAAI,CACb,KAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAC,WAAW,YAElB,UAAU,GACJ,CACV,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/banner/Banner.stories.d.ts

@@ -0,0 +1,72 @@
+import type { Meta } from '@storybook/react-vite';
+import { Banner, BANNER_LEVEL } from './Banner';
+declare const meta: Meta<typeof Banner>;
+export declare const Neutral: {
+    args: {
+        text: string;
+    };
+};
+export declare const Info: {
+    args: {
+        level: BANNER_LEVEL;
+        text: string;
+    };
+};
+export declare const Warning: {
+    args: {
+        level: BANNER_LEVEL;
+        text: string;
+    };
+};
+export declare const Destructive: {
+    args: {
+        level: BANNER_LEVEL;
+        text: string;
+    };
+};
+export declare const WithTitle: {
+    args: {
+        level: BANNER_LEVEL;
+        title: string;
+        text: string;
+    };
+};
+export declare const WithButton: {
+    args: {
+        level: BANNER_LEVEL;
+        text: string;
+        buttonText: string;
+        buttonOnClick: () => void;
+    };
+};
+export declare const WithTitleAndButton: {
+    args: {
+        level: BANNER_LEVEL;
+        title: string;
+        text: string;
+        buttonText: string;
+        buttonOnClick: () => void;
+    };
+};
+export declare const TitleOnly: {
+    args: {
+        level: BANNER_LEVEL;
+        title: string;
+    };
+};
+export declare const CustomIcon: {
+    args: {
+        level: BANNER_LEVEL;
+        icon: string;
+        text: string;
+    };
+};
+export declare const HideIcon: {
+    args: {
+        level: BANNER_LEVEL;
+        hideIcon: boolean;
+        text: string;
+    };
+};
+export default meta;
+//# sourceMappingURL=Banner.stories.d.ts.map

package/dist/components/banner/Banner.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.stories.d.ts","sourceRoot":"","sources":["../../../src/components/banner/Banner.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEhD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAa7B,CAAC;AAEF,eAAO,MAAM,OAAO;;;;CAInB,CAAC;AAEF,eAAO,MAAM,IAAI;;;;;CAKhB,CAAC;AAEF,eAAO,MAAM,OAAO;;;;;CAKnB,CAAC;AAEF,eAAO,MAAM,WAAW;;;;;CAKvB,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;;CAMrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;;CAOtB,CAAC;AAEF,eAAO,MAAM,kBAAkB;;;;;;;;CAQ9B,CAAC;AAEF,eAAO,MAAM,SAAS;;;;;CAKrB,CAAC;AAEF,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAC;AAEF,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/banner/Banner.stories.js

@@ -0,0 +1,84 @@
+import { Banner, BANNER_LEVEL } from './Banner';
+const meta = {
+    tags: ['autodocs'],
+    title: 'Components/Banner',
+    component: Banner,
+    argTypes: {
+        level: {
+            control: { type: 'select' },
+            options: Object.values(BANNER_LEVEL),
+        },
+    },
+    args: {
+        buttonOnClick: () => { console.log('click!'); },
+    },
+};
+export const Neutral = {
+    args: {
+        text: 'This is a neutral banner message with some useful information for the user.',
+    },
+};
+export const Info = {
+    args: {
+        level: BANNER_LEVEL.INFO,
+        text: 'Your session will expire in 10 minutes. Save your work to avoid losing changes.',
+    },
+};
+export const Warning = {
+    args: {
+        level: BANNER_LEVEL.WARNING,
+        text: 'This action may affect student records. Please review before proceeding.',
+    },
+};
+export const Destructive = {
+    args: {
+        level: BANNER_LEVEL.DESTRUCTIVE,
+        text: 'Something went wrong. Please contact your system administrator.',
+    },
+};
+export const WithTitle = {
+    args: {
+        level: BANNER_LEVEL.INFO,
+        title: 'Important Update',
+        text: 'A new version of the system is available. Refresh the page to apply updates.',
+    },
+};
+export const WithButton = {
+    args: {
+        level: BANNER_LEVEL.WARNING,
+        text: 'You have unsaved changes that will be lost.',
+        buttonText: 'Undo changes',
+        buttonOnClick: () => { console.log('Banner button clicked'); },
+    },
+};
+export const WithTitleAndButton = {
+    args: {
+        level: BANNER_LEVEL.INFO,
+        title: 'Scheduled Maintenance',
+        text: 'The system will be unavailable on Saturday 1st March between 2am–4am.',
+        buttonText: 'Learn more',
+        buttonOnClick: () => { console.log('Banner button clicked'); },
+    },
+};
+export const TitleOnly = {
+    args: {
+        level: BANNER_LEVEL.NEUTRAL,
+        title: 'No results found for the selected filters.',
+    },
+};
+export const CustomIcon = {
+    args: {
+        level: BANNER_LEVEL.INFO,
+        icon: 'circle-check',
+        text: 'Your changes have been saved successfully.',
+    },
+};
+export const HideIcon = {
+    args: {
+        level: BANNER_LEVEL.WARNING,
+        hideIcon: true,
+        text: 'This banner has its icon hidden.',
+    },
+};
+export default meta;
+//# sourceMappingURL=Banner.stories.js.map

package/dist/components/banner/Banner.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.stories.js","sourceRoot":"","sources":["../../../src/components/banner/Banner.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAEhD,MAAM,IAAI,GAAwB;IAChC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,MAAM,CAAC,MAAM,CAAC,YAAY,CAAC;SACrC;KACF;IACD,IAAI,EAAE;QACJ,aAAa,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;KAChD;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,IAAI,EAAE,6EAA6E;KACpF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAG;IAClB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,IAAI;QACxB,IAAI,EAAE,iFAAiF;KACxF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG;IACrB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,OAAO;QAC3B,IAAI,EAAE,0EAA0E;KACjF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,WAAW;QAC/B,IAAI,EAAE,iEAAiE;KACxE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,IAAI;QACxB,KAAK,EAAE,kBAAkB;QACzB,IAAI,EAAE,8EAA8E;KACrF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,OAAO;QAC3B,IAAI,EAAE,6CAA6C;QACnD,UAAU,EAAE,cAAc;QAC1B,aAAa,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;KAC/D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,IAAI;QACxB,KAAK,EAAE,uBAAuB;QAC9B,IAAI,EAAE,uEAAuE;QAC7E,UAAU,EAAE,YAAY;QACxB,aAAa,EAAE,GAAG,EAAE,GAAG,OAAO,CAAC,GAAG,CAAC,uBAAuB,CAAC,CAAC,CAAC,CAAC;KAC/D;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,OAAO;QAC3B,KAAK,EAAE,4CAA4C;KACpD;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,IAAI;QACxB,IAAI,EAAE,cAAc;QACpB,IAAI,EAAE,4CAA4C;KACnD;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,IAAI,EAAE;QACJ,KAAK,EAAE,YAAY,CAAC,OAAO;QAC3B,QAAQ,EAAE,IAAI;QACd,IAAI,EAAE,kCAAkC;KACzC;CACF,CAAC;AAEF,eAAe,IAAI,CAAC"}

package/dist/components/banner/Banner.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=Banner.test.d.ts.map

package/dist/components/banner/Banner.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Banner.test.d.ts","sourceRoot":"","sources":["../../../src/components/banner/Banner.test.tsx"],"names":[],"mappings":"AAEA,OAAO,kCAAkC,CAAC"}

package/dist/components/banner/Banner.test.js

@@ -0,0 +1,72 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { describe, expect, test, vi } from 'vitest';
+import { render, screen, fireEvent } from '@testing-library/react';
+import '@testing-library/jest-dom/vitest';
+import { Banner, BANNER_LEVEL } from './Banner';
+describe('Banner', () => {
+    describe('text', () => {
+        test('renders text content', () => {
+            render(_jsx(Banner, { text: "Something important happened." }));
+            expect(screen.getByText('Something important happened.')).toBeInTheDocument();
+        });
+        test('renders title', () => {
+            render(_jsx(Banner, { title: "Scheduled Maintenance" }));
+            expect(screen.getByRole('heading', { name: 'Scheduled Maintenance' })).toBeInTheDocument();
+        });
+        test('does not render a heading when title is not provided', () => {
+            render(_jsx(Banner, { text: "No title here." }));
+            expect(screen.queryByRole('heading')).not.toBeInTheDocument();
+        });
+    });
+    describe('level', () => {
+        test('applies neutral class by default', () => {
+            const { container } = render(_jsx(Banner, {}));
+            expect(container.firstChild).toHaveClass('ds-banner--neutral');
+        });
+        test.each(Object.values(BANNER_LEVEL))('applies correct class for level %s', (level) => {
+            const { container } = render(_jsx(Banner, { level: level }));
+            expect(container.firstChild).toHaveClass(`ds-banner--${level.toLowerCase()}`);
+        });
+    });
+    describe('icon', () => {
+        test('renders the default icon based on level', () => {
+            const { container } = render(_jsx(Banner, {}));
+            expect(container.querySelector('svg')).toBeInTheDocument();
+        });
+        test('renders a custom icon when icon prop is provided', () => {
+            const { container } = render(_jsx(Banner, { icon: "circle-check" }));
+            expect(container.querySelector('svg')).toBeInTheDocument();
+        });
+        test('does not render an icon when hideIcon is true', () => {
+            const { container } = render(_jsx(Banner, { hideIcon: true }));
+            expect(container.querySelector('svg')).not.toBeInTheDocument();
+        });
+        test('does not render an icon when hideIcon is true even if icon prop is provided', () => {
+            const { container } = render(_jsx(Banner, { icon: "info", hideIcon: true }));
+            expect(container.querySelector('svg')).not.toBeInTheDocument();
+        });
+    });
+    describe('button', () => {
+        test('renders a button when buttonText is provided', () => {
+            render(_jsx(Banner, { buttonText: "Learn more" }));
+            expect(screen.getByRole('button')).toBeInTheDocument();
+        });
+        test('does not render a button when buttonText is not provided', () => {
+            render(_jsx(Banner, { text: "No button here." }));
+            expect(screen.queryByRole('button')).not.toBeInTheDocument();
+        });
+        test('calls buttonOnClick when button is clicked', () => {
+            const handleClick = vi.fn();
+            render(_jsx(Banner, { buttonText: "Learn more", buttonOnClick: handleClick }));
+            fireEvent.click(screen.getByRole('button'));
+            expect(handleClick).toHaveBeenCalledTimes(1);
+        });
+    });
+    describe('className', () => {
+        test('applies custom className', () => {
+            const { container } = render(_jsx(Banner, { className: "my-custom-class" }));
+            expect(container.firstChild).toHaveClass('my-custom-class');
+        });
+    });
+});
+//# sourceMappingURL=Banner.test.js.map

package/dist/components/banner/Banner.test.js.map

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

package/dist/components/editableText/EditableText.d.ts

@@ -0,0 +1,10 @@
+type EditableTextProps = {
+    text: string;
+    className?: string;
+    onEditSave: (newText: string) => void;
+    isEditing?: boolean;
+    multiline?: boolean;
+};
+export declare const EditableText: ({ text: textProp, className, onEditSave, isEditing: isEditingProp, multiline }: EditableTextProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=EditableText.d.ts.map

package/dist/components/editableText/EditableText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableText.d.ts","sourceRoot":"","sources":["../../../src/components/editableText/EditableText.tsx"],"names":[],"mappings":"AAMA,KAAK,iBAAiB,GAAG;IACvB,IAAI,EAAE,MAAM,CAAC;IACb,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,gFAAqG,iBAAiB,4CA0DlJ,CAAC"}

package/dist/components/editableText/EditableText.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import classNames from 'classnames';
+import { TextInput } from '../formField/inputs/text/TextInput';
+import { TextArea } from '../formField/inputs/textArea/TextArea';
+import { Icon } from '../icon/Icon';
+import { useEffect, useRef, useState } from 'react';
+export const EditableText = ({ text: textProp, className = '', onEditSave, isEditing: isEditingProp = false, multiline = false }) => {
+    const [isEditing, setIsEditing] = useState(false);
+    const [text, setText] = useState(textProp);
+    const preEditText = useRef(textProp);
+    useEffect(() => {
+        setText(textProp);
+    }, [textProp]);
+    useEffect(() => {
+        setIsEditing(isEditingProp);
+    }, [isEditingProp]);
+    const handleEditSave = () => {
+        onEditSave(text);
+        preEditText.current = text;
+        setIsEditing(false);
+    };
+    const handleKeyDown = (e) => {
+        if (e.key === 'Enter' && !multiline) {
+            handleEditSave();
+        }
+        if (e.key === 'Escape') {
+            setText(preEditText.current);
+            setIsEditing(false);
+        }
+    };
+    const InputComponent = multiline ? TextArea : TextInput;
+    return (_jsx("span", { className: classNames('ds-editable-text', className), children: isEditing
+            ? (_jsx(InputComponent, { name: "editable-text", "aria-label": "Text", className: "ds-editable-text__input", value: text, onChange: e => setText(e.target.value), onBlur: handleEditSave, onKeyDown: handleKeyDown, autoFocus: true }))
+            : (_jsxs("button", { className: "ds-editable-text__button", "aria-label": "Edit text", onClick: () => setIsEditing(true), children: [text, _jsx(Icon, { name: "pencil", size: 16, className: "ds-editable-text__button-icon" })] })) }));
+};
+//# sourceMappingURL=EditableText.js.map

package/dist/components/editableText/EditableText.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableText.js","sourceRoot":"","sources":["../../../src/components/editableText/EditableText.tsx"],"names":[],"mappings":";AAAA,OAAO,UAAU,MAAM,YAAY,CAAC;AACpC,OAAO,EAAE,SAAS,EAAE,MAAM,4CAA4C,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,MAAM,+CAA+C,CAAC;AACzE,OAAO,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAsB,MAAM,OAAO,CAAC;AAUxE,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,UAAU,EAAE,SAAS,EAAE,aAAa,GAAG,KAAK,EAAE,SAAS,GAAG,KAAK,EAAqB,EAAE,EAAE;IACrJ,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAClD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,QAAQ,CAAC,CAAC;IAC3C,MAAM,WAAW,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;IAErC,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,QAAQ,CAAC,CAAC;IACpB,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,aAAa,CAAC,CAAC;IAC9B,CAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,MAAM,cAAc,GAAG,GAAG,EAAE;QAC1B,UAAU,CAAC,IAAI,CAAC,CAAC;QACjB,WAAW,CAAC,OAAO,GAAG,IAAI,CAAC;QAC3B,YAAY,CAAC,KAAK,CAAC,CAAC;IACtB,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,CAAC,CAAwD,EAAE,EAAE;QACjF,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO,IAAI,CAAC,SAAS,EAAE,CAAC;YACpC,cAAc,EAAE,CAAC;QACnB,CAAC;QACD,IAAI,CAAC,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;YACvB,OAAO,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;YAC7B,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,cAAc,GAAG,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAExD,OAAO,CACL,eAAM,SAAS,EAAE,UAAU,CAAC,kBAAkB,EAAE,SAAS,CAAC,YACvD,SAAS;YACR,CAAC,CAAC,CACE,KAAC,cAAc,IACb,IAAI,EAAC,eAAe,gBACT,MAAM,EACjB,SAAS,EAAC,yBAAyB,EACnC,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,CAAC,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EACtC,MAAM,EAAE,cAAc,EACtB,SAAS,EAAE,aAAa,EACxB,SAAS,SACT,CACH;YACH,CAAC,CAAC,CACE,kBACE,SAAS,EAAC,0BAA0B,gBACzB,WAAW,EACtB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,IAAI,CAAC,aAEhC,IAAI,EACL,KAAC,IAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,EAAE,SAAS,EAAC,+BAA+B,GAAG,IACnE,CACV,GACA,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/editableText/EditableText.stories.d.ts

@@ -0,0 +1,44 @@
+import type { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ text: textProp, className, onEditSave, isEditing: isEditingProp, multiline }: {
+        text: string;
+        className?: string;
+        onEditSave: (newText: string) => void;
+        isEditing?: boolean;
+        multiline?: boolean;
+    }) => import("react/jsx-runtime").JSX.Element;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        text: {
+            control: "text";
+            description: string;
+        };
+        className: {
+            control: "text";
+            description: string;
+        };
+        onEditSave: {
+            action: string;
+            description: string;
+        };
+        isEditing: {
+            control: "boolean";
+            description: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const InH1: Story;
+export declare const InH2: Story;
+export declare const InH3: Story;
+export declare const InH4: Story;
+export declare const InParagraph: Story;
+export declare const InCustomStyledDiv: Story;
+export declare const LongText: Story;
+//# sourceMappingURL=EditableText.stories.d.ts.map

package/dist/components/editableText/EditableText.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableText.stories.d.ts","sourceRoot":"","sources":["../../../src/components/editableText/EditableText.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAG5D,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAyB2B,CAAC;AAEtC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAGnC,eAAO,MAAM,OAAO,EAAE,KAUrB,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,KAUlB,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,KAUlB,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,KAUlB,CAAC;AAGF,eAAO,MAAM,IAAI,EAAE,KAUlB,CAAC;AAGF,eAAO,MAAM,WAAW,EAAE,KAUzB,CAAC;AAGF,eAAO,MAAM,iBAAiB,EAAE,KAU/B,CAAC;AAGF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC"}

package/dist/components/editableText/EditableText.stories.js

@@ -0,0 +1,94 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { EditableText } from './EditableText';
+const meta = {
+    title: 'Components/EditableText',
+    component: EditableText,
+    parameters: {
+        layout: 'padded',
+    },
+    tags: ['autodocs'],
+    argTypes: {
+        text: {
+            control: 'text',
+            description: 'The text to display',
+        },
+        className: {
+            control: 'text',
+            description: 'Optional CSS class name',
+        },
+        onEditSave: {
+            action: 'edit saved',
+            description: 'Callback fired when the text is edited',
+        },
+        isEditing: {
+            control: 'boolean',
+            description: 'Control whether the text is in edit mode',
+        },
+    },
+};
+export default meta;
+// Default (inherits parent styles)
+export const Default = {
+    render: args => (_jsx("div", { style: { width: '100%' }, children: _jsx(EditableText, { ...args }) })),
+    args: {
+        text: 'Editable Text',
+        onEditSave: () => { },
+    },
+};
+// Inside H1 heading
+export const InH1 = {
+    render: args => (_jsx("h1", { children: _jsx(EditableText, { ...args }) })),
+    args: {
+        text: 'Editable Heading Level 1',
+        onEditSave: () => { },
+    },
+};
+// Inside H2 heading
+export const InH2 = {
+    render: args => (_jsx("h2", { children: _jsx(EditableText, { ...args }) })),
+    args: {
+        text: 'Editable Heading Level 2',
+        onEditSave: () => { },
+    },
+};
+// Inside H3 heading
+export const InH3 = {
+    render: args => (_jsx("h3", { children: _jsx(EditableText, { ...args }) })),
+    args: {
+        text: 'Editable Heading Level 3',
+        onEditSave: () => { },
+    },
+};
+// Inside H4 heading
+export const InH4 = {
+    render: args => (_jsx("h4", { children: _jsx(EditableText, { ...args }) })),
+    args: {
+        text: 'Editable Heading Level 4',
+        onEditSave: () => { },
+    },
+};
+// Inside paragraph
+export const InParagraph = {
+    render: args => (_jsx("p", { children: _jsx(EditableText, { ...args }) })),
+    args: {
+        text: 'Editable paragraph text',
+        onEditSave: () => { },
+    },
+};
+// Inside custom styled div
+export const InCustomStyledDiv = {
+    render: args => (_jsx("div", { style: { fontSize: '24px', fontWeight: 'bold', color: '#0066cc' }, children: _jsx(EditableText, { ...args }) })),
+    args: {
+        text: 'Custom styled editable text',
+        onEditSave: () => { },
+    },
+};
+// Long text example
+export const LongText = {
+    render: args => (_jsx("h2", { children: _jsx(EditableText, { ...args }) })),
+    args: {
+        text: 'This is a much longer text that demonstrates how the component handles extended content',
+        onEditSave: () => { },
+    },
+};
+//# sourceMappingURL=EditableText.stories.js.map

package/dist/components/editableText/EditableText.stories.js.map

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

package/dist/components/editableText/EditableText.test.d.ts

@@ -0,0 +1,2 @@
+import '@testing-library/jest-dom/vitest';
+//# sourceMappingURL=EditableText.test.d.ts.map

package/dist/components/editableText/EditableText.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditableText.test.d.ts","sourceRoot":"","sources":["../../../src/components/editableText/EditableText.test.tsx"],"names":[],"mappings":"AAGA,OAAO,kCAAkC,CAAC"}