refactor: rename files according to guidelines (#3784)

toptal · Aug 9, 2023 · a41d75d · a41d75d
1 parent 9c56021
commit a41d75d
Show file tree

Hide file tree

Showing 85 changed files with 89 additions and 80 deletions.
diff --git a/.changeset/three-coins-tie.md b/.changeset/three-coins-tie.md
@@ -0,0 +1,6 @@
+---
+'@toptal/picasso-rich-text-editor': patch
+'@toptal/picasso': patch
+---
+
+- rename files according to guidelines
diff --git a/packages/picasso-rich-text-editor/src/LexicalEditor/hooks/useOnFocus/index.ts b/packages/picasso-rich-text-editor/src/LexicalEditor/hooks/useOnFocus/index.ts
@@ -1 +1 @@
-export { default } from './useOnFocus'
+export { default } from './use-on-focus'
diff --git a/packages/picasso-rich-text-editor/src/LexicalEditor/hooks/useOnFocus/test.ts b/packages/picasso-rich-text-editor/src/LexicalEditor/hooks/useOnFocus/test.ts
@@ -1,6 +1,6 @@
 import { renderHook, act } from '@testing-library/react-hooks'
 
-import useOnFocus from './useOnFocus'
+import useOnFocus from './use-on-focus'
 
 let mockEvent: React.FocusEvent<HTMLDivElement>
 

diff --git a/...icalEditor/hooks/useOnFocus/useOnFocus.ts → ...alEditor/hooks/useOnFocus/use-on-focus.ts b/...icalEditor/hooks/useOnFocus/useOnFocus.ts → ...alEditor/hooks/useOnFocus/use-on-focus.ts
diff --git a/packages/picasso-rich-text-editor/src/LexicalEditor/hooks/useTypographyClasses/index.ts b/packages/picasso-rich-text-editor/src/LexicalEditor/hooks/useTypographyClasses/index.ts
@@ -1 +1 @@
-export { default } from './useTypographyClasses'
+export { default } from './use-typography-classes'
diff --git a/packages/picasso-rich-text-editor/src/LexicalEditor/hooks/useTypographyClasses/test.ts b/packages/picasso-rich-text-editor/src/LexicalEditor/hooks/useTypographyClasses/test.ts
@@ -2,7 +2,7 @@ import { renderHook } from '@testing-library/react-hooks'
 import { getTypographyClassName } from '@toptal/picasso'
 import type { TypographyOptions } from '@toptal/picasso'
 
-import useTypographyClasses from './useTypographyClasses'
+import useTypographyClasses from './use-typography-classes'
 
 jest.mock('@toptal/picasso', () => ({
   __esModule: true,

diff --git a/...TypographyClasses/useTypographyClasses.ts → ...pographyClasses/use-typography-classes.ts b/...TypographyClasses/useTypographyClasses.ts → ...pographyClasses/use-typography-classes.ts
diff --git a/...calEditor/utils/cleanupHtmlOutput.test.ts → ...lEditor/utils/cleanup-html-output.test.ts b/...calEditor/utils/cleanupHtmlOutput.test.ts → ...lEditor/utils/cleanup-html-output.test.ts
@@ -1,4 +1,4 @@
-import { cleanupHtmlOutput } from './cleanupHtmlOutput'
+import { cleanupHtmlOutput } from './cleanup-html-output'
 
 // Test cases structure:
 // removeWhat (string), removeFrom (string), input (string), expected (string)

diff --git a/.../LexicalEditor/utils/cleanupHtmlOutput.ts → ...exicalEditor/utils/cleanup-html-output.ts b/.../LexicalEditor/utils/cleanupHtmlOutput.ts → ...exicalEditor/utils/cleanup-html-output.ts
diff --git a/...LexicalEditor/utils/createLexicalTheme.ts → ...xicalEditor/utils/create-lexical-theme.ts b/...LexicalEditor/utils/createLexicalTheme.ts → ...xicalEditor/utils/create-lexical-theme.ts
diff --git a/...c/LexicalEditor/utils/getDomValue.test.ts → ...LexicalEditor/utils/get-dom-value.test.ts b/...c/LexicalEditor/utils/getDomValue.test.ts → ...LexicalEditor/utils/get-dom-value.test.ts
@@ -1,5 +1,5 @@
 import type { ASTType } from '../../RichText'
-import { getDomValue } from './getDomValue'
+import { getDomValue } from './get-dom-value'
 
 describe('getDomValue', () => {
   it('returns DOM structure from AST', () => {

diff --git a/...or/src/LexicalEditor/utils/getDomValue.ts → .../src/LexicalEditor/utils/get-dom-value.ts b/...or/src/LexicalEditor/utils/getDomValue.ts → .../src/LexicalEditor/utils/get-dom-value.ts
diff --git a/...src/LexicalEditor/utils/getLexicalNode.ts → ...c/LexicalEditor/utils/get-lexical-node.ts b/...src/LexicalEditor/utils/getLexicalNode.ts → ...c/LexicalEditor/utils/get-lexical-node.ts
diff --git a/...rc/LexicalEditor/utils/getSelectedNode.ts → .../LexicalEditor/utils/get-selected-node.ts b/...rc/LexicalEditor/utils/getSelectedNode.ts → .../LexicalEditor/utils/get-selected-node.ts
diff --git a/packages/picasso-rich-text-editor/src/LexicalEditor/utils/index.ts b/packages/picasso-rich-text-editor/src/LexicalEditor/utils/index.ts
@@ -1,8 +1,8 @@
-export { registerLexicalEvents } from './registerLexicalEvents'
-export { synchronizeToolbarState } from './synchronizeToolbarState'
-export { toolbarStateReducer } from './toolbarState'
-export { getLexicalNode } from './getLexicalNode'
-export { createLexicalTheme } from './createLexicalTheme'
-export { getDomValue } from './getDomValue'
-export { setEditorValue } from './setEditorValue'
-export { cleanupHtmlOutput } from './cleanupHtmlOutput'
+export { registerLexicalEvents } from './register-lexical-events'
+export { synchronizeToolbarState } from './synchronize-toolbar-state'
+export { toolbarStateReducer } from './toolbar-state'
+export { getLexicalNode } from './get-lexical-node'
+export { createLexicalTheme } from './create-lexical-theme'
+export { getDomValue } from './get-dom-value'
+export { setEditorValue } from './set-editor-value'
+export { cleanupHtmlOutput } from './cleanup-html-output'
diff --git a/...ditor/utils/registerLexicalEvents.test.ts → ...tor/utils/register-lexical-events.test.ts b/...ditor/utils/registerLexicalEvents.test.ts → ...tor/utils/register-lexical-events.test.ts
@@ -1,7 +1,7 @@
 import { COMMAND_PRIORITY_CRITICAL, SELECTION_CHANGE_COMMAND } from 'lexical'
 
-import { registerLexicalEvents } from './registerLexicalEvents'
-import type { LexicalRegisterParams } from './registerLexicalEvents'
+import { registerLexicalEvents } from './register-lexical-events'
+import type { LexicalRegisterParams } from './register-lexical-events'
 
 jest.mock('@lexical/react/LexicalComposerContext', () => ({
   useLexicalComposerContext: jest.fn().mockReturnValue([]),

diff --git a/...icalEditor/utils/registerLexicalEvents.ts → ...alEditor/utils/register-lexical-events.ts b/...icalEditor/utils/registerLexicalEvents.ts → ...alEditor/utils/register-lexical-events.ts
diff --git a/...src/LexicalEditor/utils/setEditorValue.ts → ...c/LexicalEditor/utils/set-editor-value.ts b/...src/LexicalEditor/utils/setEditorValue.ts → ...c/LexicalEditor/utils/set-editor-value.ts
@@ -8,7 +8,7 @@ import {
 import { $generateNodesFromDOM } from '@lexical/html'
 
 import type { ASTType } from '../../RichText'
-import { getDomValue } from './getDomValue'
+import { getDomValue } from './get-dom-value'
 
 export const setEditorValue = (editor: LexicalEditorType, value?: ASTType) => {
   const root = $getRoot()

diff --git a/...tor/utils/synchronizeToolbarState.test.ts → ...r/utils/synchronize-toolbar-state.test.ts b/...tor/utils/synchronizeToolbarState.test.ts → ...r/utils/synchronize-toolbar-state.test.ts
@@ -10,10 +10,10 @@ import { $isListNode } from '@lexical/list'
 import { $getNearestNodeOfType } from '@lexical/utils'
 import { $isHeadingNode } from '@lexical/rich-text'
 
-import { ToolbarActions } from './toolbarState'
-import { synchronizeToolbarState } from './synchronizeToolbarState'
-import { getLexicalNode } from './getLexicalNode'
-import { getSelectedNode } from './getSelectedNode'
+import { ToolbarActions } from './toolbar-state'
+import { synchronizeToolbarState } from './synchronize-toolbar-state'
+import { getLexicalNode } from './get-lexical-node'
+import { getSelectedNode } from './get-selected-node'
 
 jest.mock('lexical', () => ({
   ...jest.requireActual('lexical'),
@@ -36,12 +36,12 @@ jest.mock('@lexical/rich-text', () => ({
   $isHeadingNode: jest.fn(),
 }))
 
-jest.mock('./getLexicalNode', () => ({
+jest.mock('./get-lexical-node', () => ({
   __esModule: true,
   getLexicalNode: jest.fn(),
 }))
 
-jest.mock('./getSelectedNode', () => ({
+jest.mock('./get-selected-node', () => ({
   __esModule: true,
   getSelectedNode: jest.fn(),
 }))

diff --git a/...alEditor/utils/synchronizeToolbarState.ts → ...Editor/utils/synchronize-toolbar-state.ts b/...alEditor/utils/synchronizeToolbarState.ts → ...Editor/utils/synchronize-toolbar-state.ts
@@ -4,9 +4,9 @@ import { $isListNode, ListNode } from '@lexical/list'
 import { $getNearestNodeOfType } from '@lexical/utils'
 import { $isHeadingNode } from '@lexical/rich-text'
 
-import { getLexicalNode } from './getLexicalNode'
-import type { ToolbarAction, ToolbarState } from './toolbarState'
-import { ToolbarActions } from './toolbarState'
+import { getLexicalNode } from './get-lexical-node'
+import type { ToolbarAction, ToolbarState } from './toolbar-state'
+import { ToolbarActions } from './toolbar-state'
 import { ALLOWED_HEADER_TYPE } from '../../RichTextEditorToolbar'
 
 // Transfers updated Lexical selection state to the toolbar state

diff --git a/...r/src/LexicalEditor/utils/toolbarState.ts → .../src/LexicalEditor/utils/toolbar-state.ts b/...r/src/LexicalEditor/utils/toolbarState.ts → .../src/LexicalEditor/utils/toolbar-state.ts
diff --git a/packages/picasso-rich-text-editor/src/RichTextEditor/hooks/useTypographyClasses/index.ts b/packages/picasso-rich-text-editor/src/RichTextEditor/hooks/useTypographyClasses/index.ts
@@ -1 +1 @@
-export { default } from './useTypographyClasses'
+export { default } from './use-typography-classes'
diff --git a/...TypographyClasses/useTypographyClasses.ts → ...pographyClasses/use-typography-classes.ts b/...TypographyClasses/useTypographyClasses.ts → ...pographyClasses/use-typography-classes.ts
diff --git a/...chTextEditor/store/toolbar/actionTypes.ts → ...hTextEditor/store/toolbar/action-types.ts b/...chTextEditor/store/toolbar/actionTypes.ts → ...hTextEditor/store/toolbar/action-types.ts
diff --git a/packages/picasso-rich-text-editor/src/RichTextEditor/store/toolbar/actions.ts b/packages/picasso-rich-text-editor/src/RichTextEditor/store/toolbar/actions.ts
@@ -1,6 +1,6 @@
 import type { Dispatch } from 'react'
 
-import actionTypes from './actionTypes'
+import actionTypes from './action-types'
 import type {
   SetBoldActionType,
   SetHeaderActionType,

diff --git a/packages/picasso-rich-text-editor/src/RichTextEditor/store/toolbar/index.ts b/packages/picasso-rich-text-editor/src/RichTextEditor/store/toolbar/index.ts
@@ -1,7 +1,7 @@
 import actions from './actions'
 import reducer from './reducer'
-import initialState from './initialState'
-import actionTypes from './actionTypes'
+import initialState from './initial-state'
+import actionTypes from './action-types'
 
 export * from './types'
 export { actions, actionTypes, reducer, initialState }
diff --git a/...hTextEditor/store/toolbar/initialState.ts → ...TextEditor/store/toolbar/initial-state.ts b/...hTextEditor/store/toolbar/initialState.ts → ...TextEditor/store/toolbar/initial-state.ts
diff --git a/packages/picasso-rich-text-editor/src/RichTextEditor/store/toolbar/reducer.ts b/packages/picasso-rich-text-editor/src/RichTextEditor/store/toolbar/reducer.ts
@@ -1,6 +1,6 @@
-import actionTypes from './actionTypes'
+import actionTypes from './action-types'
 import type { ToolbarReducerType } from './types'
-import initialState from './initialState'
+import initialState from './initial-state'
 
 const reducer: ToolbarReducerType = (state = initialState, action) => {
   switch (action.type) {

diff --git a/packages/picasso-rich-text-editor/src/RichTextEditor/store/toolbar/types.ts b/packages/picasso-rich-text-editor/src/RichTextEditor/store/toolbar/types.ts
@@ -1,4 +1,4 @@
-import type actionTypes from './actionTypes'
+import type actionTypes from './action-types'
 
 export type HeaderValue = '3' | ''
 export type BoldValue = boolean

diff --git a/packages/picasso-rich-text-editor/src/RichTextEditor/styles.ts b/packages/picasso-rich-text-editor/src/RichTextEditor/styles.ts
@@ -1,7 +1,7 @@
 import { outline } from '@toptal/picasso-shared'
 import type { Theme } from '@material-ui/core/styles'
 import { createStyles } from '@material-ui/core/styles'
-import highlightAutofillStyles from '@toptal/picasso/InputBase/highlightStyles'
+import highlightAutofillStyles from '@toptal/picasso/InputBase/highlight-styles'
 
 export default (theme: Theme) => {
   const { palette, sizes } = theme

diff --git a/packages/picasso-rich-text-editor/src/plugins/HeadingsReplacementPlugin/utils/index.ts b/packages/picasso-rich-text-editor/src/plugins/HeadingsReplacementPlugin/utils/index.ts
@@ -1 +1 @@
-export { replaceHeadingNodes } from './replaceHeadingNodes'
+export { replaceHeadingNodes } from './replace-heading-nodes'
diff --git a/...tPlugin/utils/replaceHeadingNodes.test.ts → ...lugin/utils/replace-heading-nodes.test.ts b/...tPlugin/utils/replaceHeadingNodes.test.ts → ...lugin/utils/replace-heading-nodes.test.ts
@@ -2,7 +2,7 @@ import type { ParagraphNode, TextNode } from 'lexical'
 import type { HeadingNode } from '@lexical/rich-text'
 import { $createParagraphNode, $createTextNode } from 'lexical'
 
-import { replaceHeadingNodes } from './replaceHeadingNodes'
+import { replaceHeadingNodes } from './replace-heading-nodes'
 
 jest.mock('lexical', () => ({
   __esModule: true,

diff --git a/...cementPlugin/utils/replaceHeadingNodes.ts → ...mentPlugin/utils/replace-heading-nodes.ts b/...cementPlugin/utils/replaceHeadingNodes.ts → ...mentPlugin/utils/replace-heading-nodes.ts
diff --git a/packages/picasso-rich-text-editor/src/plugins/LinkPlugin/LinkPluginButton.tsx b/packages/picasso-rich-text-editor/src/plugins/LinkPlugin/LinkPluginButton.tsx
@@ -8,7 +8,7 @@ import { Link16 } from '@toptal/picasso'
 import { $createTextNode, $getSelection, $isRangeSelection } from 'lexical'
 import React, { useCallback, useState } from 'react'
 
-import { getSelectedNode } from '../../LexicalEditor/utils/getSelectedNode'
+import { getSelectedNode } from '../../LexicalEditor/utils/get-selected-node'
 import { useRTEPluginContext, useRTEUpdate } from '../api'
 import RichTextEditorButton from '../../RichTextEditorButton'
 import { sanitizeUrl, validateUrl } from './utils/url'

diff --git a/packages/picasso-rich-text-editor/src/plugins/api.tsx b/packages/picasso-rich-text-editor/src/plugins/api.tsx
@@ -3,7 +3,7 @@ import type { Klass, LexicalNode } from 'lexical'
 import type { ReactElement, ReactNode } from 'react'
 import React, { createContext, useContext, useEffect } from 'react'
 
-import { registerLexicalEvents } from '../LexicalEditor/utils/registerLexicalEvents'
+import { registerLexicalEvents } from '../LexicalEditor/utils/register-lexical-events'
 import { ToolbarProvider } from './Toolbar/Toolbar'
 
 export const RTEPluginMeta = Symbol('PicassoRTEPluginMeta')

diff --git a/packages/picasso/src/AvatarUpload/hooks/use-avatar-states/index.ts b/packages/picasso/src/AvatarUpload/hooks/use-avatar-states/index.ts
@@ -1 +1 @@
-export { default } from './useAvatarStates'
+export { default } from './use-avatar-states'
diff --git a/packages/picasso/src/AvatarUpload/hooks/use-avatar-states/test.ts b/packages/picasso/src/AvatarUpload/hooks/use-avatar-states/test.ts
@@ -1,6 +1,6 @@
 import { act, renderHook } from '@testing-library/react-hooks'
 
-import useAvatarStates from './useAvatarStates'
+import useAvatarStates from './use-avatar-states'
 
 describe('useAvatarStates', () => {
   it('returns hovered state as true', () => {

diff --git a/...ooks/use-avatar-states/useAvatarStates.ts → ...ks/use-avatar-states/use-avatar-states.ts b/...ooks/use-avatar-states/useAvatarStates.ts → ...ks/use-avatar-states/use-avatar-states.ts
diff --git a/packages/picasso/src/AvatarUpload/hooks/use-avatar-upload/index.ts b/packages/picasso/src/AvatarUpload/hooks/use-avatar-upload/index.ts
@@ -1 +1 @@
-export { default } from './useAvatarUpload'
+export { default } from './use-avatar-upload'
diff --git a/packages/picasso/src/AvatarUpload/hooks/use-avatar-upload/test.ts b/packages/picasso/src/AvatarUpload/hooks/use-avatar-upload/test.ts
@@ -1,6 +1,6 @@
 import { renderHook } from '@testing-library/react-hooks'
 
-import useAvatarUpload from './useAvatarUpload'
+import useAvatarUpload from './use-avatar-upload'
 
 describe('useAvatarUpload', () => {
   describe('when src exist and uploading false', () => {

diff --git a/...ooks/use-avatar-upload/useAvatarUpload.ts → ...ks/use-avatar-upload/use-avatar-upload.ts b/...ooks/use-avatar-upload/useAvatarUpload.ts → ...ks/use-avatar-upload/use-avatar-upload.ts
diff --git a/packages/picasso/src/Carousel/hooks/useAutoplay/index.ts b/packages/picasso/src/Carousel/hooks/useAutoplay/index.ts
@@ -1 +1 @@
-export { default } from './useAutoplay'
+export { default } from './use-autoplay'
diff --git a/...Carousel/hooks/useAutoplay/useAutoplay.ts → ...arousel/hooks/useAutoplay/use-autoplay.ts b/...Carousel/hooks/useAutoplay/useAutoplay.ts → ...arousel/hooks/useAutoplay/use-autoplay.ts
diff --git a/packages/picasso/src/Carousel/hooks/useCarousel/index.ts b/packages/picasso/src/Carousel/hooks/useCarousel/index.ts
@@ -1 +1 @@
-export { default } from './useCarousel'
+export { default } from './use-carousel'
diff --git a/...Carousel/hooks/useCarousel/useCarousel.ts → ...arousel/hooks/useCarousel/use-carousel.ts b/...Carousel/hooks/useCarousel/useCarousel.ts → ...arousel/hooks/useCarousel/use-carousel.ts
@@ -1,7 +1,7 @@
 import { useRef, useCallback, useState, useEffect } from 'react'
 import Glider from 'glider-js'
 
-import isOnLastPage from '../../utils/isOnLastPage'
+import isOnLastPage from '../../utils'
 import useAutoplay from '../useAutoplay'
 
 type Props = {

diff --git a/packages/picasso/src/Carousel/utils/index.ts b/packages/picasso/src/Carousel/utils/index.ts
@@ -0,0 +1 @@
+export { default } from './is-on-last-page'
diff --git a/...o/src/Carousel/utils/isOnLastPage/test.ts → ...rc/Carousel/utils/is-on-last-page.test.ts b/...o/src/Carousel/utils/isOnLastPage/test.ts → ...rc/Carousel/utils/is-on-last-page.test.ts
@@ -1,4 +1,4 @@
-import isOnLastPage from './isOnLastPage'
+import isOnLastPage from './is-on-last-page'
 
 describe('isOnLastPage', () => {
   it('returns expected results', () => {

diff --git a/...rousel/utils/isOnLastPage/isOnLastPage.ts → ...sso/src/Carousel/utils/is-on-last-page.ts b/...rousel/utils/isOnLastPage/isOnLastPage.ts → ...sso/src/Carousel/utils/is-on-last-page.ts
diff --git a/packages/picasso/src/Carousel/utils/isOnLastPage/index.ts b/packages/picasso/src/Carousel/utils/isOnLastPage/index.ts
diff --git a/packages/picasso/src/CarouselGradient/CarouselGradient.tsx b/packages/picasso/src/CarouselGradient/CarouselGradient.tsx
@@ -3,7 +3,7 @@ import cx from 'classnames'
 import type { Theme } from '@material-ui/core/styles'
 import { makeStyles } from '@material-ui/core/styles'
 
-import gradientWidth from './utils/gradientWidth'
+import gradientWidth from './utils/gradient-width'
 import styles from './styles'
 
 const useStyles = makeStyles<Theme>(styles, { name: 'CarouselGradient' })

diff --git a/...ouselGradient/utils/gradientWidth/test.ts → ...uselGradient/utils/gradient-width.test.ts b/...ouselGradient/utils/gradientWidth/test.ts → ...uselGradient/utils/gradient-width.test.ts
@@ -1,4 +1,4 @@
-import gradientWidth from './gradientWidth'
+import gradientWidth from './gradient-width'
 
 describe('gradientWidth', () => {
   it('returns the expected gradient width', () => {

diff --git a/...ient/utils/gradientWidth/gradientWidth.ts → .../CarouselGradient/utils/gradient-width.ts b/...ient/utils/gradientWidth/gradientWidth.ts → .../CarouselGradient/utils/gradient-width.ts
diff --git a/packages/picasso/src/CarouselGradient/utils/gradientWidth/index.ts b/packages/picasso/src/CarouselGradient/utils/gradientWidth/index.ts
diff --git a/packages/picasso/src/CarouselGradient/utils/index.ts b/packages/picasso/src/CarouselGradient/utils/index.ts
@@ -0,0 +1 @@
+export { default } from './gradient-width'
diff --git a/packages/picasso/src/Input/styles.ts b/packages/picasso/src/Input/styles.ts
@@ -1,7 +1,7 @@
 import type { Theme } from '@material-ui/core/styles'
 import { createStyles } from '@material-ui/core/styles'
 
-import highlightAutofillStyles from '../InputBase/highlightStyles'
+import highlightAutofillStyles from '../InputBase/highlight-styles'
 import '../InputBase/styles'
 import '../InputLabel/styles'
 import '../OutlinedInput/styles'

diff --git a/.../picasso/src/InputBase/highlightStyles.ts → ...picasso/src/InputBase/highlight-styles.ts b/.../picasso/src/InputBase/highlightStyles.ts → ...picasso/src/InputBase/highlight-styles.ts
diff --git a/packages/picasso/src/NativeSelect/styles.ts b/packages/picasso/src/NativeSelect/styles.ts
@@ -5,7 +5,7 @@ import '../InputLabel/styles'
 import '../InputBase/styles'
 import '../Input/styles'
 import '../Loader/styles'
-import highlightAutofillStyles from '../InputBase/highlightStyles'
+import highlightAutofillStyles from '../InputBase/highlight-styles'
 
 export default (theme: Theme) => {
   const { palette } = theme

diff --git a/packages/picasso/src/NonNativeSelect/styles.ts b/packages/picasso/src/NonNativeSelect/styles.ts
@@ -7,7 +7,7 @@ import '../Input/styles'
 import '../Menu/styles'
 import '../MenuItem/styles'
 import '../Loader/styles'
-import highlightAutofillStyles from '../InputBase/highlightStyles'
+import highlightAutofillStyles from '../InputBase/highlight-styles'
 
 export default (theme: Theme) => {
   const { palette } = theme

diff --git a/packages/picasso/src/NumberInput/styles.ts b/packages/picasso/src/NumberInput/styles.ts
@@ -1,7 +1,7 @@
 import type { Theme } from '@material-ui/core/styles'
 import { createStyles } from '@material-ui/core/styles'
 
-import highlightAutofillStyles from '../InputBase/highlightStyles'
+import highlightAutofillStyles from '../InputBase/highlight-styles'
 
 export default (theme: Theme) =>
   createStyles({

diff --git a/packages/picasso/src/PasswordInput/styles.ts b/packages/picasso/src/PasswordInput/styles.ts
@@ -1,7 +1,7 @@
 import type { Theme } from '@material-ui/core/styles'
 import { createStyles } from '@material-ui/core/styles'
 
-import highlightAutofillStyles from '../InputBase/highlightStyles'
+import highlightAutofillStyles from '../InputBase/highlight-styles'
 
 export default (theme: Theme) => {
   const { spacing } = theme

diff --git a/packages/picasso/src/SidebarItem/SidebarItemHeader.tsx b/packages/picasso/src/SidebarItem/SidebarItemHeader.tsx
@@ -8,8 +8,7 @@ import SidebarItemContent from '../SidebarItemContent'
 import styles from './styles'
 import type { Props } from './types'
 import { useSubMenuContext } from './SubMenuContextProvider'
-import getBadgeProps from './utils/getBadgeProps/getBadgeProps'
-import getTagProps from './utils/getTagProps/getTagProps'
+import { getTagProps, getBadgeProps } from './utils'
 
 const useStyles = makeStyles<Theme>(styles, {
   name: 'PicassoSidebarItemHeader',

diff --git a/...c/SidebarItem/utils/getBadgeProps/test.ts → ...SidebarItem/utils/get-badge-props.test.ts b/...c/SidebarItem/utils/getBadgeProps/test.ts → ...SidebarItem/utils/get-badge-props.test.ts
@@ -1,5 +1,5 @@
-import getBadgeProps from './getBadgeProps'
-import type { SidebarBadgeProps } from '../../../SidebarItemContent'
+import getBadgeProps from './get-badge-props'
+import type { SidebarBadgeProps } from '../../SidebarItemContent'
 
 describe('getBadgeProps', () => {
   describe('when number value is passed', () => {
@@ -12,6 +12,7 @@ describe('getBadgeProps', () => {
       }
     )
   })
+
   describe('when falsy input is passed', () => {
     it('returns the same value', () => {
       const value = undefined
@@ -20,6 +21,7 @@ describe('getBadgeProps', () => {
       expect(props).toEqual(value)
     })
   })
+
   describe('when badge props object is passed', () => {
     const values: SidebarBadgeProps[] = [
       { content: 5 },

diff --git a/...Item/utils/getBadgeProps/getBadgeProps.ts → .../src/SidebarItem/utils/get-badge-props.ts b/...Item/utils/getBadgeProps/getBadgeProps.ts → .../src/SidebarItem/utils/get-badge-props.ts
@@ -1,4 +1,4 @@
-import type { SidebarBadgeProps } from '../../../SidebarItemContent'
+import type { SidebarBadgeProps } from '../../SidebarItemContent'
 
 const getBadgeProps = (badge?: number | SidebarBadgeProps) => {
   if (typeof badge === 'number') {

diff --git a/...src/SidebarItem/utils/getTagProps/test.ts → ...c/SidebarItem/utils/get-tag-props.test.ts b/...src/SidebarItem/utils/getTagProps/test.ts → ...c/SidebarItem/utils/get-tag-props.test.ts
@@ -1,5 +1,5 @@
-import type { SidebarTagProps } from '../../../SidebarItemContent'
-import getTagProps from './getTagProps'
+import type { SidebarTagProps } from '../../SidebarItemContent'
+import getTagProps from './get-tag-props'
 
 describe('getTagProps', () => {
   describe('when string value is passed', () => {

diff --git a/...ebarItem/utils/getTagProps/getTagProps.ts → ...so/src/SidebarItem/utils/get-tag-props.ts b/...ebarItem/utils/getTagProps/getTagProps.ts → ...so/src/SidebarItem/utils/get-tag-props.ts
@@ -1,4 +1,4 @@
-import type { SidebarTagProps } from '../../../SidebarItemContent'
+import type { SidebarTagProps } from '../../SidebarItemContent'
 
 const getTagProps = (tag?: string | SidebarTagProps) => {
   if (typeof tag === 'string') {

diff --git a/packages/picasso/src/SidebarItem/utils/index.ts b/packages/picasso/src/SidebarItem/utils/index.ts
@@ -0,0 +1,2 @@
+export { default as getBadgeProps } from './get-badge-props'
+export { default as getTagProps } from './get-tag-props'
diff --git a/packages/picasso/src/SidebarItemContent/SidebarItemContent.tsx b/packages/picasso/src/SidebarItemContent/SidebarItemContent.tsx
@@ -14,7 +14,7 @@ import { getReactNodeTextContent } from '../utils'
 import styles from './styles'
 import type { Props, SidebarBadgeProps } from './types'
 import Indicator from '../Indicator'
-import useIndicatorOnParentItem from './useIndicatorOnParentItem'
+import useIndicatorOnParentItem from './use-indicator-on-parent-item'
 
 const useStyles = makeStyles<Theme>(styles, {
   name: 'PicassoSidebarItemContent',

diff --git a/...arItemContent/useIndicatorOnParentItem.ts → ...emContent/use-indicator-on-parent-item.ts b/...arItemContent/useIndicatorOnParentItem.ts → ...emContent/use-indicator-on-parent-item.ts
diff --git a/packages/picasso/src/StaticTreeView/StaticTreeView.tsx b/packages/picasso/src/StaticTreeView/StaticTreeView.tsx
@@ -8,7 +8,7 @@ import {
   TreeViewSvg,
   useFinalMargins,
 } from '../TreeView/shared'
-import { findExtremeNodes } from './utils/findExtremeNodes'
+import { findExtremeNodes } from './utils/find-extreme-nodes'
 
 type SvgMeasurements = {
   width: number

diff --git a/.../StaticTreeView/utils/findExtremeNodes.ts → ...taticTreeView/utils/find-extreme-nodes.ts b/.../StaticTreeView/utils/findExtremeNodes.ts → ...taticTreeView/utils/find-extreme-nodes.ts
diff --git a/packages/picasso/src/StaticTreeView/utils/test.ts b/packages/picasso/src/StaticTreeView/utils/test.ts
@@ -1,4 +1,4 @@
-import { findExtremeNodes } from './findExtremeNodes'
+import { findExtremeNodes } from './find-extreme-nodes'
 
 describe('findExtremeNodes', () => {
   it('finds top-most and left-most nodes', () => {

diff --git a/packages/picasso/src/TagSelectorInput/styles.ts b/packages/picasso/src/TagSelectorInput/styles.ts
@@ -2,7 +2,7 @@ import type { Theme } from '@material-ui/core/styles'
 import { createStyles } from '@material-ui/core/styles'
 import { rem } from '@toptal/picasso-shared'
 
-import highlightAutofillStyles from '../InputBase/highlightStyles'
+import highlightAutofillStyles from '../InputBase/highlight-styles'
 
 export const TAG_SELECTOR_INPUT_GUTTER_SIZE = rem('4px')
 const END_ADORNMENT_PADDING = '0.625em'