react-magma-dom 5.3.0 → 6.0.0-next.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-magma-dom",
-  "version": "5.3.0",
+  "version": "6.0.0-next.0",
   "description": "",
   "keywords": [],
   "homepage": "https://react-magma.cengage.com",
@@ -25,41 +25,38 @@
     "postbuild": "npm run generate-properties",
     "build-watch": "tsdx watch",
     "copy-changelog": "node scripts/copy-changelog.js",
-    "generate-properties": "node scripts/generateJSON.mjs",
+    "generate-properties": "node scripts/generateJSON.js",
     "lint": "eslint ./src",
-    "lint:fix": "eslint ./src --fix",
-    "lint:check": "eslint ./src --max-warnings=0",
     "prepublishOnly": "npm run copy-changelog",
-    "test": "jest",
-    "test-watch": "jest --watch",
-    "compiler-checks": "tsc --noEmit --project ./tsconfig.json"
+    "test": "tsdx test",
+    "test-watch": "tsdx test --watch"
   },
   "dependencies": {
     "@emotion/is-prop-valid": "1.4.0",
-    "@emotion/react": "11.14.0",
-    "@emotion/styled": "11.14.0",
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "^11.13.0",
     "@emotion/utils": "1.4.2",
-    "@floating-ui/react": "0.26.28",
-    "@floating-ui/react-dom": "2.1.2",
-    "@tanstack/react-virtual": "3.13.18",
-    "csstype": "3.1.3",
-    "date-fns": "2.30.0",
-    "downshift": "5.4.7",
-    "framer-motion": "11.18.2",
-    "polished": "3.7.2",
+    "@floating-ui/react": "^0.26.28",
+    "@floating-ui/react-dom": "^2.1.2",
+    "react-virtual": "^2.10.4",
+    "csstype": "^3.0.8",
+    "date-fns": "^2.16.1",
+    "downshift": "^5.4.5",
+    "framer-motion": "^4.1.11",
+    "polished": "^3.7.2",
     "uuid": "^11.1.1"
   },
   "devDependencies": {
-    "mkdirp": "3.0.1",
-    "react": "18.3.1",
-    "react-dom": "18.3.1",
+    "mkdirp": "^1.0.4",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-magma-icons": "^3.2.5"
   },
   "peerDependencies": {
-    "@emotion/react": "^11.14.0",
-    "@emotion/styled": "^11.14.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "@emotion/react": "^11.13.0",
+    "@emotion/styled": "^11.13.0",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-magma-icons": "^3.2.5"
   }
 }

package/dist/components/AIButton/AIButton.stories.d.ts

@@ -1,35 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: {
-    render: any;
-    args: {
-        isInverse: boolean;
-        isFullWidth: boolean;
-        disabled: boolean;
-    };
-};
-export declare const LoadingButton: {
-    render: (args: any) => React.JSX.Element;
-    args: {
-        isInverse: boolean;
-        isFullWidth: boolean;
-        disabled: boolean;
-    };
-};
-export declare const AnimatedButtons: {
-    render: (args: any) => React.JSX.Element;
-    args: {
-        isInverse: boolean;
-        isFullWidth: boolean;
-        disabled: boolean;
-    };
-};
-export declare const AllCases: {
-    render: (args: any) => React.JSX.Element;
-    args: {
-        isInverse: boolean;
-        isFullWidth: boolean;
-        disabled: boolean;
-    };
-};

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -1,54 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: {
-    render: any;
-    args: {
-        defaultIndex: number[];
-    };
-};
-export declare const NoMulti: {
-    render: any;
-    args: {
-        defaultIndex: number;
-        isMulti: boolean;
-    };
-};
-export declare const Controlled: {
-    render: (args: any) => React.JSX.Element;
-    args: {
-        isMulti: boolean;
-        index: number[];
-    };
-};
-export declare const ControlledNoMulti: {
-    render: (args: any) => React.JSX.Element;
-    args: {
-        isMulti: boolean;
-        index: number;
-    };
-};
-export declare const ExpandCollapseAll: {
-    render: (args: any) => React.JSX.Element;
-};
-export declare const Inverse: {
-    render: any;
-    args: {
-        defaultIndex: number[];
-        isInverse: boolean;
-    };
-    decorators: ((Story: any) => React.JSX.Element)[];
-};
-export declare const WithDropdown: {
-    render: (args: any) => React.JSX.Element;
-    args: {
-        isInverse: boolean;
-        isMulti: boolean;
-    };
-};
-export declare const WithHeadings: {
-    render: (args: any) => React.JSX.Element;
-    args: {
-        defaultIndex: number[];
-    };
-};

package/dist/components/Alert/Alert.stories.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const Inverse: () => React.JSX.Element;

package/dist/components/Announce/Announce.stories.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: () => React.JSX.Element;

package/dist/components/AppBar/AppBar.stories.d.ts

@@ -1,20 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: {
-    render: any;
-    args: {
-        children: string;
-        isCompact: boolean;
-        isInverse: boolean;
-    };
-};
-export declare const Tabs: {
-    render: any;
-    args: {
-        children: any;
-        isCompact: boolean;
-        isInverse: boolean;
-    };
-};
-export declare const WithSkipLink: () => React.JSX.Element;

package/dist/components/Badge/Badge.stories.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const WithIcon: () => React.JSX.Element;
-export declare const LightWeight: () => React.JSX.Element;
-export declare const Inverse: () => React.JSX.Element;

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

@@ -1,14 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: {
-    render: any;
-    args: {};
-};
-export declare const Inverse: {
-    render: any;
-    args: {
-        isInverse: boolean;
-    };
-    decorators: ((Story: any) => React.JSX.Element)[];
-};

package/dist/components/BlockQuote/BlockQuote.stories.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: {
-    render: any;
-    args: {
-        isInverse: boolean;
-    };
-};
-export declare const Inverse: {
-    render: any;
-    args: {
-        isInverse: boolean;
-    };
-    decorators: ((Story: any) => React.JSX.Element)[];
-};

package/dist/components/Breadcrumb/Breadcrumb.stories.d.ts

@@ -1,16 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: {
-    render: any;
-    args: {
-        isInverse: boolean;
-    };
-};
-export declare const Inverse: {
-    render: any;
-    args: {
-        isInverse: boolean;
-    };
-    decorators: ((Story: any) => React.JSX.Element)[];
-};

package/dist/components/BreakpointsContainer/BreakpointsContainer.stories.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: () => React.JSX.Element;

package/dist/components/Button/Button.stories.d.ts

@@ -1,41 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: {
-    render: any;
-    args: {
-        isInverse: boolean;
-        isFullWidth: boolean;
-        disabled: boolean;
-    };
-};
-export declare const Disabled: {
-    render: any;
-    args: {
-        isInverse: boolean;
-        isFullWidth: boolean;
-        disabled: boolean;
-    };
-};
-export declare const Inverse: {
-    render: any;
-    args: {
-        isInverse: boolean;
-        isFullWidth: boolean;
-        disabled: boolean;
-    };
-    decorators: ((Story: any) => React.JSX.Element)[];
-};
-export declare const InverseDisabled: {
-    render: any;
-    args: {
-        disabled: boolean;
-        isInverse: boolean;
-        isFullWidth: boolean;
-    };
-    decorators: ((Story: any) => React.JSX.Element)[];
-};
-export declare const All: () => React.JSX.Element;
-export declare const LoadingButton: {
-    render: (args: any) => React.JSX.Element;
-};

package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts

@@ -1,24 +0,0 @@
-import React from 'react';
-import { ButtonGroupOrientation, ButtonGroupAlignment } from '.';
-declare const _default: any;
-export default _default;
-export declare const Default: {
-    render: any;
-    args: {
-        orientation: ButtonGroupOrientation;
-        noSpace: boolean;
-    };
-};
-export declare const SmallBreakpoint: {
-    render: (args: any) => React.JSX.Element;
-    args: {
-        orientation: ButtonGroupOrientation;
-        alignment: ButtonGroupAlignment;
-    };
-};
-export declare const WithDropdowns: {
-    render: (args: any) => React.JSX.Element;
-};
-export declare const WithSplitButton: {
-    render: (args: any) => React.JSX.Element;
-};

package/dist/components/Card/Card.stories.d.ts

@@ -1,13 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: {
-    render: (args: any) => React.JSX.Element;
-    args: {
-        isInverse: boolean;
-        align: string;
-        background: string;
-        calloutType: string;
-        width: any;
-    };
-};

package/dist/components/CharacterCounter/CharacterCounter.stories.d.ts

@@ -1,38 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: {
-    render: any;
-    args: {
-        isInverse: boolean;
-    };
-};
-export declare const WithChildren: {
-    render: (args: any) => React.JSX.Element;
-    args: {
-        isInverse: boolean;
-    };
-};
-export declare const TextArea: {
-    render: (args: any) => React.JSX.Element;
-    args: {
-        isInverse: boolean;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export declare const MaxCountAndMaxLength: {
-    render: (args: any) => React.JSX.Element;
-    args: {
-        maxCount: number;
-        maxLength: number;
-    };
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -1,39 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const Inverse: () => React.JSX.Element;
-/**
- * Performance reproduction story.
- *
- * Renders N controlled Checkbox components and lets you flip their `checked`
- * prop in bulk via the buttons. Measures time from setState to the next paint
- * (via two requestAnimationFrame ticks) so we can see how heavy a mass update
- * is for a large list.
- */
-export declare const PerformanceLargeList: {
-    (args: {
-        count: number;
-    }): React.JSX.Element;
-    argTypes: {
-        count: {
-            control: {
-                type: string;
-                min: number;
-                max: number;
-                step: number;
-            };
-        };
-    };
-    args: {
-        count: number;
-    };
-};
-export declare const Lots: {
-    (args: {
-        numberRows: number;
-    }): React.JSX.Element;
-    args: {
-        numberRows: number;
-    };
-};

package/dist/components/Combobox/Combobox.stories.d.ts

@@ -1,178 +0,0 @@
-import React from 'react';
-import { LabelPosition } from '../Label';
-import { SelectOptions } from '../Select';
-import { MultiComboboxProps } from '.';
-declare const _default: any;
-export default _default;
-export declare const Default: {
-    args: {
-        labelText: string;
-        defaultItems: ({
-            label: string;
-            value: string;
-            disabled?: undefined;
-        } | {
-            label: string;
-            value: string;
-            disabled: string;
-        })[];
-        disableCreateItem: boolean;
-        errorMessage: string;
-        helperMessage: string;
-        placeholder: string;
-        isClearable: boolean;
-        isMulti: boolean;
-        isLoading: boolean;
-        disabled: boolean;
-    };
-};
-export declare const Multi: {
-    render: (props: MultiComboboxProps<SelectOptions>) => React.JSX.Element;
-    args: {
-        labelText: string;
-        isMulti: boolean;
-        isClearable: boolean;
-        errorMessage: string;
-        hasPersistentMenu: boolean;
-        placeholder: string;
-    };
-};
-export declare const ErrorMessage: {
-    args: {
-        errorMessage: string;
-        labelText: string;
-        defaultItems: ({
-            label: string;
-            value: string;
-            disabled?: undefined;
-        } | {
-            label: string;
-            value: string;
-            disabled: string;
-        })[];
-        disableCreateItem: boolean;
-        helperMessage: string;
-        placeholder: string;
-        isClearable: boolean;
-        isMulti: boolean;
-        isLoading: boolean;
-        disabled: boolean;
-    };
-};
-export declare const HelperMessage: {
-    args: {
-        helperMessage: string;
-        labelText: string;
-        defaultItems: ({
-            label: string;
-            value: string;
-            disabled?: undefined;
-        } | {
-            label: string;
-            value: string;
-            disabled: string;
-        })[];
-        disableCreateItem: boolean;
-        errorMessage: string;
-        placeholder: string;
-        isClearable: boolean;
-        isMulti: boolean;
-        isLoading: boolean;
-        disabled: boolean;
-    };
-};
-export declare const Inverse: {
-    args: {
-        isInverse: boolean;
-        disabled: boolean;
-        labelText: string;
-        defaultItems: ({
-            label: string;
-            value: string;
-            disabled?: undefined;
-        } | {
-            label: string;
-            value: string;
-            disabled: string;
-        })[];
-        disableCreateItem: boolean;
-        errorMessage: string;
-        helperMessage: string;
-        placeholder: string;
-        isClearable: boolean;
-        isMulti: boolean;
-        isLoading: boolean;
-    };
-    decorators: ((Story: any) => React.JSX.Element)[];
-};
-export declare const LeftAlignedLabel: {
-    args: {
-        labelPosition: LabelPosition;
-        errorMessage: string;
-        labelText: string;
-        defaultItems: ({
-            label: string;
-            value: string;
-            disabled?: undefined;
-        } | {
-            label: string;
-            value: string;
-            disabled: string;
-        })[];
-        disableCreateItem: boolean;
-        helperMessage: string;
-        placeholder: string;
-        isClearable: boolean;
-        isMulti: boolean;
-        isLoading: boolean;
-        disabled: boolean;
-    };
-};
-export declare const LeftAlignedLabelWithContainer: {
-    args: {
-        labelPosition: LabelPosition;
-        errorMessage: string;
-        labelText: string;
-        defaultItems: ({
-            label: string;
-            value: string;
-            disabled?: undefined;
-        } | {
-            label: string;
-            value: string;
-            disabled: string;
-        })[];
-        disableCreateItem: boolean;
-        helperMessage: string;
-        placeholder: string;
-        isClearable: boolean;
-        isMulti: boolean;
-        isLoading: boolean;
-        disabled: boolean;
-    };
-    decorators: ((Story: any) => React.JSX.Element)[];
-};
-export declare const Typeahead: {
-    render: (args: any) => React.JSX.Element;
-    args: {
-        isTypeahead: boolean;
-        isClearable: boolean;
-        isMulti: boolean;
-        disableCreateItem: boolean;
-        largeDataSet: boolean;
-    };
-};
-export declare const FullPageExample: {
-    render: (args: any) => React.JSX.Element;
-    parameters: {
-        controls: {
-            exclude: string[];
-        };
-    };
-};
-export declare const ControlledSelectedItem: {
-    render: () => React.JSX.Element;
-};
-export declare const ControlledItems: {
-    render: () => React.JSX.Element;
-};

package/dist/components/Container/Container.stories.d.ts

@@ -1,33 +0,0 @@
-import React from 'react';
-declare const _default: any;
-export default _default;
-export declare const Default: {
-    render: any;
-    args: {
-        children: React.JSX.Element;
-        isInverse: boolean;
-    };
-};
-export declare const Inverse: {
-    render: any;
-    args: {
-        isInverse: boolean;
-        children: React.JSX.Element;
-    };
-};
-export declare const MaxWidth: {
-    render: any;
-    args: {
-        maxWidth: string;
-        children: React.JSX.Element;
-        isInverse: boolean;
-    };
-};
-export declare const Gutters: {
-    render: any;
-    args: {
-        gutterWidth: number;
-        children: React.JSX.Element;
-        isInverse: boolean;
-    };
-};