@axinom/mosaic-ui 0.71.0 → 0.72.0-rc.4

package/src/components/FormElements/index.ts

@@ -1,58 +1,59 @@
-export {
-  BooleanViewField,
-  BooleanViewFieldProps,
-} from './BooleanView/BooleanViewField';
-export { Checkbox, CheckboxProps } from './Checkbox/Checkbox';
+export { BooleanViewField } from './BooleanView/BooleanViewField';
+export type { BooleanViewFieldProps } from './BooleanView/BooleanViewField';
+export { Checkbox } from './Checkbox/Checkbox';
+export type { CheckboxProps } from './Checkbox/Checkbox';
 export { CheckboxField } from './Checkbox/CheckboxField';
-export { CustomTags, CustomTagsProps } from './CustomTags/CustomTags';
+export { CustomTags } from './CustomTags/CustomTags';
+export type { CustomTagsProps } from './CustomTags/CustomTags';
 export { CustomTagsField } from './CustomTags/CustomTagsField';
-export { DateTimeText, DateTimeTextProps } from './DateTimeField/DateTimeText';
+export { DateTimeText } from './DateTimeField/DateTimeText';
+export type { DateTimeTextProps } from './DateTimeField/DateTimeText';
 export { DateTimeTextField } from './DateTimeField/DateTimeTextField';
-export { Divider, DividerProps } from './Divider/Divider';
-export {
-  DynamicDataListControl,
-  DynamicDataListControlProps,
-} from './DynamicDataListControl/DynamicDataListControl';
+export { Divider } from './Divider/Divider';
+export type { DividerProps } from './Divider/Divider';
+export { DynamicDataListControl } from './DynamicDataListControl/DynamicDataListControl';
+export type { DynamicDataListControlProps } from './DynamicDataListControl/DynamicDataListControl';
 export { DynamicDataListField } from './DynamicDataListControl/DynamicDataListField';
-export {
+export { FileUploadControl } from './FileUploadControl/FileUploadControl';
+export type {
   FileUpload,
-  FileUploadControl,
   FileUploadProps,
 } from './FileUploadControl/FileUploadControl';
 export { FileUploadField } from './FileUploadControl/FileUploadField';
 export * from './Form.models';
 export { FormElementContainer } from './FormElementContainer';
-export { FormGroup, FormGroupProps } from './FormGroup/FormGroup';
-export {
-  FormGroupTitle,
-  FormGroupTitleProps,
-} from './FormGroupTitle/FormGroupTitle';
+export { FormGroup } from './FormGroup/FormGroup';
+export type { FormGroupProps } from './FormGroup/FormGroup';
+export { FormGroupTitle } from './FormGroupTitle/FormGroupTitle';
+export type { FormGroupTitleProps } from './FormGroupTitle/FormGroupTitle';
 export { FormikDebug } from './FormikDebug/FormikDebug';
-export { GenericField, GenericFieldProps } from './GenericField/GenericField';
-export { LinkField, LinkFieldProps } from './Link/LinkField';
-export {
-  MaskedSingleLineText,
-  MaskedSingleLineTextProps,
-} from './MaskedSingleLineText/MaskedSingleLineText';
+export { GenericField } from './GenericField/GenericField';
+export type { GenericFieldProps } from './GenericField/GenericField';
+export { LinkField } from './Link/LinkField';
+export type { LinkFieldProps } from './Link/LinkField';
+export { MaskedSingleLineText } from './MaskedSingleLineText/MaskedSingleLineText';
+export type { MaskedSingleLineTextProps } from './MaskedSingleLineText/MaskedSingleLineText';
 export { MaskedSingleLineTextField } from './MaskedSingleLineText/MaskedSingleLineTextField';
-export { Radio, RadioProps } from './Radio/Radio';
+export { Radio } from './Radio/Radio';
+export type { RadioProps } from './Radio/Radio';
 export { RadioField } from './Radio/RadioField';
-export { ReadOnlyField, ReadOnlyFieldProps } from './ReadOnly/ReadOnlyField';
-export {
-  ReadOnlyTextField,
-  ReadOnlyTextFieldProps,
-} from './ReadOnlyText/ReadOnlyTextField';
-export { Select, SelectProps } from './Select/Select';
+export { ReadOnlyField } from './ReadOnly/ReadOnlyField';
+export type { ReadOnlyFieldProps } from './ReadOnly/ReadOnlyField';
+export { ReadOnlyTextField } from './ReadOnlyText/ReadOnlyTextField';
+export type { ReadOnlyTextFieldProps } from './ReadOnlyText/ReadOnlyTextField';
+export { Select } from './Select/Select';
+export type { SelectProps } from './Select/Select';
 export { SelectField } from './Select/SelectField';
-export {
-  SingleLineText,
-  SingleLineTextProps,
-} from './SingleLineText/SingleLineText';
+export { SingleLineText } from './SingleLineText/SingleLineText';
+export type { SingleLineTextProps } from './SingleLineText/SingleLineText';
 export { SingleLineTextField } from './SingleLineText/SingleLineTextField';
-export { Tags, TagsProps } from './Tags/Tags';
+export { Tags } from './Tags/Tags';
+export type { TagsProps } from './Tags/Tags';
 export { TagsField } from './Tags/TagsField';
-export { TextArea, TextAreaProps } from './TextArea/TextArea';
+export { TextArea } from './TextArea/TextArea';
+export type { TextAreaProps } from './TextArea/TextArea';
 export { TextAreaField } from './TextArea/TextAreaField';
-export { ToggleButton, ToggleButtonProps } from './ToggleButton/ToggleButton';
+export { ToggleButton } from './ToggleButton/ToggleButton';
+export type { ToggleButtonProps } from './ToggleButton/ToggleButton';
 export { ToggleButtonField } from './ToggleButton/ToggleButtonField';
 export { useFormikError } from './useFormikError';

package/src/components/FormStation/Create/Create.stories.tsx

@@ -1,8 +1,8 @@
-import { action } from '@storybook/addon-actions';
 import { Meta, StoryObj } from '@storybook/react';
 import { Field } from 'formik';
 import React from 'react';
 import { MemoryRouter } from 'react-router';
+import { action } from 'storybook/actions';
 import * as Yup from 'yup';
 import { createGroups } from '../../../helpers/storybook';
 import {

package/src/components/FormStation/FormStation.stories.tsx

@@ -1,10 +1,10 @@
 import { faker } from '@faker-js/faker';
-import { action } from '@storybook/addon-actions';
 import { Meta, StoryObj } from '@storybook/react';
 import { Field } from 'formik';
 import React from 'react';
 import { MemoryRouter } from 'react-router';
 import { Link } from 'react-router-dom';
+import { action } from 'storybook/actions';
 import * as Yup from 'yup';
 import { createGroups, generateItemArray } from '../../helpers/storybook';
 import { ActionData } from '../Actions';

package/src/components/FormStation/index.ts

@@ -1,5 +1,8 @@
-export { Create, CreateProps } from './Create/Create';
-export { Details, DetailsProps } from './Details/Details';
+export { Create } from './Create/Create';
+export type { CreateProps } from './Create/Create';
+export { Details } from './Details/Details';
+export type { DetailsProps } from './Details/Details';
 export { FormGrid } from './FormGrid';
-export { FormStation, FormStationProps } from './FormStation';
+export { FormStation } from './FormStation';
+export type { FormStationProps } from './FormStation';
 export * from './FormStation.models';

package/src/components/Hub/Tile/index.ts

@@ -1,2 +1,2 @@
 export { Tile } from './Tile';
-export { TileProps } from './Tile.model';
+export type { TileProps } from './Tile.model';

package/src/components/Hub/index.ts

@@ -1,2 +1,3 @@
-export { Hub, HubProps } from './Hub';
+export { Hub } from './Hub';
+export type { HubProps } from './Hub';
 export * from './Hub.model';

package/src/components/Icons/index.ts

@@ -1,2 +1,3 @@
 export { Icons } from './Icons';
-export { IconComponent, IconName, IconsProps } from './Icons.models';
+export { IconName } from './Icons.models';
+export type { IconComponent, IconsProps } from './Icons.models';

package/src/components/InlineMenu/InlineMenu.stories.tsx

@@ -1,6 +1,6 @@
-import { action } from '@storybook/addon-actions';
 import { Meta, StoryObj } from '@storybook/react';
 import React from 'react';
+import { action } from 'storybook/actions';
 import classes from '../../../.storybook/static/css/confirm-dialog.scss';
 import { createGroups, enumToObj } from '../../helpers/storybook';
 import { ActionData } from '../Actions';

package/src/components/InlineMenu/index.ts

@@ -1 +1,2 @@
-export { InlineMenu, InlineMenuProps } from './InlineMenu';
+export { InlineMenu } from './InlineMenu';
+export type { InlineMenuProps } from './InlineMenu';

package/src/components/LandingPageHeader/index.ts

@@ -1 +1,2 @@
-export { LandingPageHeader, LandingPageHeaderProps } from './LandingPageHeader';
+export { LandingPageHeader } from './LandingPageHeader';
+export type { LandingPageHeaderProps } from './LandingPageHeader';

package/src/components/LandingPageTiles/TileLarge/index.ts

@@ -1 +1,2 @@
-export { TileLarge, TileLargeProps } from './TileLarge';
+export { TileLarge } from './TileLarge';
+export type { TileLargeProps } from './TileLarge';

package/src/components/LandingPageTiles/TileSmall/index.ts

@@ -1 +1,2 @@
-export { TileSmall, TileSmallProps } from './TileSmall';
+export { TileSmall } from './TileSmall';
+export type { TileSmallProps } from './TileSmall';

package/src/components/LandingPageTiles/index.ts

@@ -1,2 +1,3 @@
-export { LandingPageTiles, LandingPageTilesProps } from './LandingPageTiles';
+export { LandingPageTiles } from './LandingPageTiles';
+export type { LandingPageTilesProps } from './LandingPageTiles';
 export * from './LandingPageTiles.model';

package/src/components/List/index.ts

@@ -1,3 +1,4 @@
-export { List, ListProps } from './List';
+export { List } from './List';
+export type { ListProps } from './List';
 export * from './List.model';
 export * from './ListRow/Renderers';

package/src/components/MessageBar/index.ts

@@ -1 +1,2 @@
-export { MessageBar, MessageBarProps } from './MessageBar';
+export { MessageBar } from './MessageBar';
+export type { MessageBarProps } from './MessageBar';

package/src/components/Modal/index.ts

@@ -1,2 +1,3 @@
-export { Modal, ModalProps } from './Modal';
+export { Modal } from './Modal';
+export type { ModalProps } from './Modal';
 export * from './useModal';

package/src/components/NavigationAwareStation/NavigationAwareStation.stories.tsx

@@ -1,7 +1,7 @@
-import { action } from '@storybook/addon-actions';
 import { Meta, StoryObj } from '@storybook/react';
 import React, { useCallback, useState } from 'react';
 import { Link, MemoryRouter, Route, Switch } from 'react-router-dom';
+import { action } from 'storybook/actions';
 import {
   NavigationAwareStation,
   NavigationAwareStationProps,

package/src/components/PageHeader/PageHeader.stories.tsx

@@ -1,5 +1,5 @@
-import { action } from '@storybook/addon-actions';
 import { Meta, StoryObj } from '@storybook/react';
+import { action } from 'storybook/actions';
 import { IconName } from '../Icons';
 import { PageHeader } from './PageHeader';
 import { PageHeaderActionItemProps } from './PageHeader.model';

package/src/components/PageHeader/index.ts

@@ -1,7 +1,7 @@
 export { PageHeader } from './PageHeader';
-export { PageHeaderActionItemProps, PageHeaderProps } from './PageHeader.model';
-export {
-  PageHeaderAction,
-  PageHeaderActionProps,
-  PageHeaderActionType,
-} from './PageHeaderAction';
+export type {
+  PageHeaderActionItemProps,
+  PageHeaderProps,
+} from './PageHeader.model';
+export { PageHeaderAction, PageHeaderActionType } from './PageHeaderAction';
+export type { PageHeaderActionProps } from './PageHeaderAction';

package/src/components/ProgressBar/index.ts

@@ -1,2 +1,3 @@
 export { ProgressBar } from './ProgressBar';
-export { ProgressBarProps, ProgressBarStatus } from './ProgressBar.model';
+export { ProgressBarStatus } from './ProgressBar.model';
+export type { ProgressBarProps } from './ProgressBar.model';

package/src/components/Tabs/Tabs.stories.tsx

@@ -1,9 +1,9 @@
 /* eslint-disable react-hooks/rules-of-hooks */
 import { faker } from '@faker-js/faker';
-import { useArgs } from '@storybook/preview-api';
 import { Meta, StoryObj } from '@storybook/react';
 import React, { useMemo } from 'react';
 import { TabsProps } from 'react-tabs';
+import { useArgs } from 'storybook/preview-api';
 import { Tab, TabList, TabPanel, Tabs } from '.';
 import { createGroups } from '../../helpers/storybook';
 

package/src/components/VisualElements/index.ts

@@ -1,7 +1,8 @@
-export {
+export { ImgElement } from './ImgElement';
+export type {
   DecorativeImageProps,
-  ImgElement,
   ImgElementProps,
   MeaningfulImageProps,
 } from './ImgElement';
-export { SvgElement, SvgElementProps } from './SvgElement';
+export { SvgElement } from './SvgElement';
+export type { SvgElementProps } from './SvgElement';

package/src/docs/{Intro.stories.mdx → Intro.mdx}

@@ -1,4 +1,4 @@
-import { Meta } from '@storybook/addon-docs';
+import { Meta } from '@storybook/addon-docs/blocks';
 import classes from './intro.scss';
 
 <Meta title="Getting Started/Intro" />
@@ -29,5 +29,3 @@ import classes from './intro.scss';
     <img src="images/intro.jpg"/>
   </div>
 </div>
-
-

package/src/helpers/index.ts

@@ -3,4 +3,4 @@ export {
   scheduleIdleCallback,
   type IdleCallbackHandle,
 } from './idleCallbackHelpers';
-export { Nullable } from './utils';
+export type { Nullable } from './utils';

package/src/components/FormElements/formElements.stories.mdx

@@ -1,21 +0,0 @@
-import { faker } from '@faker-js/faker';
-import { CustomTags } from './CustomTags/CustomTags';
-import { ReadOnlyField } from './ReadOnly/ReadOnlyField';
-import { Select } from './Select/Select';
-import { Tags } from './Tags/Tags';
-import { SingleLineText } from './SingleLineText/SingleLineText';
-import { SampleForm } from './formStoryHelper';
-
-import { Meta, Preview, Story,Canvas } from '@storybook/blocks';
-
-<Meta title="Primary Components/Form Elements" />
-
-# Form Components
-
-This is a sample form, using the form components of this library.  
-For a more detailed description of the single elements, please refer to the
-other stories in this folder.
-
-<Canvas>
-  <SampleForm/>
-</Canvas>