diff --git a/src/List.ts b/src/List.ts index 01dce6e..4a89e86 100644 --- a/src/List.ts +++ b/src/List.ts @@ -62,14 +62,14 @@ export class List extends Container this.addChild(item)); this.on('added', () => this.arrangeChildren()); @@ -359,18 +359,16 @@ export class List extends Container = ( +export const UseGraphics: StoryFn = ( { type, fontColor, diff --git a/src/stories/list/ListSprite.stories.ts b/src/stories/list/ListSprite.stories.ts index bfda27a..d651509 100644 --- a/src/stories/list/ListSprite.stories.ts +++ b/src/stories/list/ListSprite.stories.ts @@ -4,11 +4,11 @@ import { FancyButton } from '../../FancyButton'; import { List, ListType } from '../../List'; import { centerElement } from '../../utils/helpers/resize'; import { defaultTextStyle } from '../../utils/helpers/styles'; +import { LIST_TYPE } from '../../utils/HelpTypes'; import { argTypes, getDefaultArgs } from '../utils/argTypes'; import { getColor } from '../utils/color'; import { preload } from '../utils/loader'; import { action } from '@storybook/addon-actions'; -import { LIST_TYPE } from '../../utils/HelpTypes'; const args = { type: LIST_TYPE.reverse(), @@ -19,7 +19,7 @@ const args = { onPress: action('Button pressed'), }; -export const UseSprite: StoryFn = ( +export const UseSprite: StoryFn = ( { fontColor, elementsMargin, diff --git a/src/stories/scrollBox/ScrollBoxDynamicDimensions.stories.ts b/src/stories/scrollBox/ScrollBoxDynamicDimensions.stories.ts index 7abcb08..76d50b1 100644 --- a/src/stories/scrollBox/ScrollBoxDynamicDimensions.stories.ts +++ b/src/stories/scrollBox/ScrollBoxDynamicDimensions.stories.ts @@ -1,12 +1,12 @@ import { Graphics, Text } from 'pixi.js'; import { PixiStory, StoryFn } from '@pixi/storybook-renderer'; import { FancyButton } from '../../FancyButton'; +import { ListType } from '../../List'; import { ScrollBox } from '../../ScrollBox'; import { centerElement } from '../../utils/helpers/resize'; import { defaultTextStyle } from '../../utils/helpers/styles'; -import { argTypes, getDefaultArgs } from '../utils/argTypes'; import { LIST_TYPE } from '../../utils/HelpTypes'; -import { ListType } from '../../List'; +import { argTypes, getDefaultArgs } from '../utils/argTypes'; const args = { fontColor: '#000000', @@ -15,7 +15,7 @@ const args = { type: [...LIST_TYPE], }; -export const UseDynamicDimensions: StoryFn = ( +export const UseDynamicDimensions: StoryFn = ( { fontColor, itemsAmount, backgroundColor, type }, context, ) => diff --git a/src/stories/scrollBox/ScrollBoxGraphics.stories.ts b/src/stories/scrollBox/ScrollBoxGraphics.stories.ts index b80cee6..384b23a 100644 --- a/src/stories/scrollBox/ScrollBoxGraphics.stories.ts +++ b/src/stories/scrollBox/ScrollBoxGraphics.stories.ts @@ -1,13 +1,13 @@ import { Graphics, Text } from 'pixi.js'; import { PixiStory, StoryFn } from '@pixi/storybook-renderer'; import { FancyButton } from '../../FancyButton'; +import { ListType } from '../../List'; import { ScrollBox } from '../../ScrollBox'; import { centerElement } from '../../utils/helpers/resize'; import { defaultTextStyle } from '../../utils/helpers/styles'; +import { LIST_TYPE } from '../../utils/HelpTypes'; import { argTypes, getDefaultArgs } from '../utils/argTypes'; import { action } from '@storybook/addon-actions'; -import { LIST_TYPE } from '../../utils/HelpTypes'; -import { ListType } from '../../List'; const args = { fontColor: '#000000', @@ -28,7 +28,7 @@ const args = { onPress: action('Button pressed'), }; -export const UseGraphics: StoryFn = ( +export const UseGraphics: StoryFn = ( { fontColor, elementsMargin, diff --git a/src/stories/scrollBox/ScrollBoxProximity.stories.ts b/src/stories/scrollBox/ScrollBoxProximity.stories.ts index bb33ae9..50d72b6 100644 --- a/src/stories/scrollBox/ScrollBoxProximity.stories.ts +++ b/src/stories/scrollBox/ScrollBoxProximity.stories.ts @@ -1,13 +1,13 @@ import { Graphics, Text } from 'pixi.js'; import { PixiStory, StoryFn } from '@pixi/storybook-renderer'; import { FancyButton } from '../../FancyButton'; +import { ListType } from '../../List'; import { ScrollBox } from '../../ScrollBox'; import { centerElement } from '../../utils/helpers/resize'; import { defaultTextStyle } from '../../utils/helpers/styles'; +import { LIST_TYPE } from '../../utils/HelpTypes'; import { argTypes, getDefaultArgs } from '../utils/argTypes'; import { action } from '@storybook/addon-actions'; -import { ListType } from '../../List'; -import { LIST_TYPE } from '../../utils/HelpTypes'; const args = { proximityRange: 100, @@ -28,7 +28,7 @@ const items: FancyButton[] = []; const inRangeCache: boolean[] = []; export const ProximityEvent: StoryFn< - typeof args & { type:ListType } + typeof args & { type: ListType } > = ( { width, diff --git a/src/stories/scrollBox/ScrollBoxSprite.stories.ts b/src/stories/scrollBox/ScrollBoxSprite.stories.ts index e767893..182cd15 100644 --- a/src/stories/scrollBox/ScrollBoxSprite.stories.ts +++ b/src/stories/scrollBox/ScrollBoxSprite.stories.ts @@ -1,14 +1,14 @@ import { ColorSource, Container, Sprite, Text } from 'pixi.js'; import { PixiStory, StoryFn } from '@pixi/storybook-renderer'; import { FancyButton } from '../../FancyButton'; +import { ListType } from '../../List'; import { ScrollBox } from '../../ScrollBox'; import { centerElement } from '../../utils/helpers/resize'; import { defaultTextStyle } from '../../utils/helpers/styles'; +import { LIST_TYPE } from '../../utils/HelpTypes'; import { argTypes, getDefaultArgs } from '../utils/argTypes'; import { preload } from '../utils/loader'; import { action } from '@storybook/addon-actions'; -import { ListType } from '../../List'; -import { LIST_TYPE } from '../../utils/HelpTypes'; const args = { fontColor: '#000000', @@ -21,7 +21,7 @@ const args = { shiftScroll: false, }; -export const UseSprite: StoryFn = ( +export const UseSprite: StoryFn = ( { fontColor, elementsMargin,