@loadsmart/loadsmart-ui 6.0.16 → 6.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (25) hide show
  1. package/dist/DragDropFile.context-c7cd1441.js.map +1 -1
  2. package/dist/index.js +3 -3
  3. package/dist/index.js.map +1 -1
  4. package/dist/miranda-compatibility.theme-22a9ce26.js +1 -1
  5. package/dist/miranda-compatibility.theme-22a9ce26.js.map +1 -1
  6. package/package.json +17 -15
  7. package/src/components/Calendar/Calendar.test.tsx +1 -1
  8. package/src/components/Card/Card.test.tsx +1 -1
  9. package/src/components/DatePicker/DatePicker.test.tsx +1 -1
  10. package/src/components/DatePicker/DateRangePicker.test.tsx +1 -1
  11. package/src/components/Dropdown/Dropdown.test.tsx +1 -1
  12. package/src/components/EmptyState/EmptyState.test.tsx +1 -1
  13. package/src/components/HighlightMatch/HighlightMatch.test.tsx +1 -1
  14. package/src/components/IconFactory/IconFactory.test.tsx +1 -1
  15. package/src/components/Loaders/LoadingBar.test.tsx +1 -1
  16. package/src/components/Loaders/LoadingDots.test.tsx +1 -1
  17. package/src/components/Loaders/Spinner.test.tsx +1 -1
  18. package/src/components/Popover/Popover.test.tsx +1 -1
  19. package/src/components/Select/Select.test.tsx +1 -1
  20. package/src/components/Select/Select.tsx +1 -0
  21. package/src/components/SideNavigation/Menu/MenuLink.tsx +4 -2
  22. package/src/components/Steps/Steps.test.tsx +1 -1
  23. package/src/components/Switch/Switch.test.tsx +1 -1
  24. package/src/components/ToggleGroup/ToggleGroup.test.tsx +1 -1
  25. package/src/hooks/useFocusTrap/useFocusTrap.test.tsx +1 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@loadsmart/loadsmart-ui",
3
- "version": "6.0.16",
3
+ "version": "6.1.1",
4
4
  "description": "Miranda UI, a React UI library",
5
5
  "main": "dist",
6
6
  "files": [
@@ -18,8 +18,8 @@
18
18
  "storybook": "storybook dev -p 6006",
19
19
  "build": "rollup -c --environment BUILD:prod",
20
20
  "watch-tailwind": "postcss ./tailwind.css -o ./.storybook/globals.css --watch",
21
- "storybook:build": "rm -rf docs && storybook build -o ./docs",
22
- "storybook:deploy": "yarn storybook:build && storybook-to-ghpages --existing-output-dir=docs",
21
+ "docs:build": "storybook build -o ./docs",
22
+ "docs:deploy": "gh-pages -d docs -m \"chore(docs): update gh-pages [skip ci]\"",
23
23
  "release": "semantic-release",
24
24
  "prepare": "husky install"
25
25
  },
@@ -39,6 +39,9 @@
39
39
  },
40
40
  "devDependencies": {
41
41
  "@babel/core": "^7.20.12",
42
+ "@babel/plugin-proposal-class-properties": "^7.18.6",
43
+ "@babel/plugin-proposal-private-methods": "^7.18.6",
44
+ "@babel/plugin-proposal-private-property-in-object": "^7.21.0",
42
45
  "@babel/preset-env": "^7.20.2",
43
46
  "@babel/preset-react": "^7.18.6",
44
47
  "@babel/preset-typescript": "^7.18.6",
@@ -51,17 +54,15 @@
51
54
  "@rollup/plugin-json": "^4.1.0",
52
55
  "@rollup/plugin-node-resolve": "^13.0.0",
53
56
  "@semantic-release/git": "^9.0.0",
54
- "@storybook/addon-a11y": "^7.0.4",
55
- "@storybook/addon-essentials": "^7.0.4",
56
- "@storybook/addon-links": "^7.0.4",
57
- "@storybook/addons": "^7.0.4",
58
- "@storybook/react": "^7.0.4",
59
- "@storybook/react-webpack5": "^7.0.4",
60
- "@storybook/storybook-deployer": "^2.8.16",
61
- "@storybook/testing-react": "^2.0.0",
62
- "@storybook/theming": "^7.0.4",
57
+ "@storybook/addon-a11y": "^7.0.17",
58
+ "@storybook/addon-essentials": "^7.0.17",
59
+ "@storybook/addon-links": "^7.0.17",
60
+ "@storybook/addons": "^7.0.17",
61
+ "@storybook/react": "^7.0.17",
62
+ "@storybook/react-webpack5": "^7.0.17",
63
+ "@storybook/theming": "^7.0.17",
63
64
  "@svgr/rollup": "^6.5.1",
64
- "@svgr/webpack": "^6.5.1",
65
+ "@svgr/webpack": "^8.0.1",
65
66
  "@tailwindcss/postcss7-compat": "^2.1.2",
66
67
  "@testing-library/dom": "^8.20.0",
67
68
  "@testing-library/jest-dom": "^5.16.5",
@@ -103,8 +104,9 @@
103
104
  "eslint-plugin-prettier": "^3.4.0",
104
105
  "eslint-plugin-react": "^7.23.2",
105
106
  "eslint-plugin-react-hooks": "^4.2.0",
106
- "eslint-plugin-storybook": "^0.6.11",
107
+ "eslint-plugin-storybook": "^0.6.12",
107
108
  "eslint-plugin-testing-library": "^5.9.1",
109
+ "gh-pages": "^5.0.0",
108
110
  "husky": "7.0.4",
109
111
  "identity-obj-proxy": "^3.0.0",
110
112
  "jest": "^27.5.1",
@@ -125,7 +127,7 @@
125
127
  "rollup-plugin-typescript2": "^0.34.1",
126
128
  "rollup-plugin-visualizer": "^5.5.2",
127
129
  "semantic-release": "^17.4.2",
128
- "storybook": "^7.0.4",
130
+ "storybook": "^7.0.17",
129
131
  "styled-components": "^5.3.0",
130
132
  "stylelint": "^13.13.1",
131
133
  "stylelint-config-prettier": "^8.0.2",
package/src/components/Calendar/Calendar.test.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable testing-library/render-result-naming-convention */
2
2
  import React from 'react'
3
- import { composeStories } from '@storybook/testing-react'
3
+ import { composeStories } from '@storybook/react'
4
4
 
5
5
  import { getRenderableMonth } from './useCalendar'
6
6
  import { TODAY } from './Date.helper'
package/src/components/Card/Card.test.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { composeStories } from '@storybook/testing-react'
2
+ import { composeStories } from '@storybook/react'
3
3
 
4
4
  import * as stories from './Card.stories'
5
5
  import Card from './Card'
package/src/components/DatePicker/DatePicker.test.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react'
2
2
 
3
- import { composeStories } from '@storybook/testing-react'
3
+ import { composeStories } from '@storybook/react'
4
4
 
5
5
  import { DatePickerEvent } from '../../testing/DatePickerEvent'
6
6
  import { formatter } from './DatePicker'
package/src/components/DatePicker/DateRangePicker.test.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react'
2
2
 
3
- import { composeStories } from '@storybook/testing-react'
3
+ import { composeStories } from '@storybook/react'
4
4
 
5
5
  import { MonthHelper } from '../Calendar'
6
6
  import { DateRangePickerEvent } from '../../testing/DatePickerEvent'
package/src/components/Dropdown/Dropdown.test.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { composeStories } from '@storybook/testing-react'
2
+ import { composeStories } from '@storybook/react'
3
3
 
4
4
  import { ACTIONS, PROFILE_ACTIONS, SUBSCRIPTION_ACTIONS } from './Dropdown.fixtures'
5
5
  import * as stories from './Dropdown.stories'
package/src/components/EmptyState/EmptyState.test.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  /* eslint-disable @typescript-eslint/no-non-null-assertion */
2
2
  import React from 'react'
3
- import { composeStories } from '@storybook/testing-react'
3
+ import { composeStories } from '@storybook/react'
4
4
  import userEvent from '@testing-library/user-event'
5
5
 
6
6
  import * as stories from './EmptyState.stories'
package/src/components/HighlightMatch/HighlightMatch.test.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { composeStories } from '@storybook/testing-react'
2
+ import { composeStories } from '@storybook/react'
3
3
 
4
4
  import * as stories from './HighlightMatch.stories'
5
5
  import renderer, { screen } from '../../tests/renderer'
package/src/components/IconFactory/IconFactory.test.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { composeStories } from '@storybook/testing-react'
2
+ import { composeStories } from '@storybook/react'
3
3
 
4
4
  import { icons } from './IconFactory.fixtures'
5
5
  import * as stories from './IconFactory.stories'
package/src/components/Loaders/LoadingBar.test.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { composeStories } from '@storybook/testing-react'
2
+ import { composeStories } from '@storybook/react'
3
3
 
4
4
  import * as stories from './LoadingBar.stories'
5
5
  import renderer, { screen } from '../../tests/renderer'
package/src/components/Loaders/LoadingDots.test.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { composeStories } from '@storybook/testing-react'
2
+ import { composeStories } from '@storybook/react'
3
3
 
4
4
  import * as stories from './LoadingDots.stories'
5
5
  import renderer, { screen } from '../../tests/renderer'
package/src/components/Loaders/Spinner.test.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { composeStories } from '@storybook/testing-react'
2
+ import { composeStories } from '@storybook/react'
3
3
 
4
4
  import * as stories from './Spinner.stories'
5
5
  import generator from '../../tests/generator'
package/src/components/Popover/Popover.test.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { composeStories } from '@storybook/testing-react'
2
+ import { composeStories } from '@storybook/react'
3
3
 
4
4
  import * as stories from './Popover.stories'
5
5
  import generator from '../../tests/generator'
package/src/components/Select/Select.test.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { composeStories } from '@storybook/testing-react'
2
+ import { composeStories } from '@storybook/react'
3
3
 
4
4
  import { render } from '@testing-library/react'
5
5
 
package/src/components/Select/Select.tsx CHANGED
@@ -253,6 +253,7 @@ function Select(props: SelectProps): JSX.Element {
253
253
  trailing={getTrailing()}
254
254
  placeholder={placeholder}
255
255
  autoComplete="off"
256
+ aria-autocomplete="none"
256
257
  />
257
258
  <SelectMenu {...select.getMenuProps()}>
258
259
  <SelectContext.Provider value={select}>{renderOptions()}</SelectContext.Provider>
package/src/components/SideNavigation/Menu/MenuLink.tsx CHANGED
@@ -6,7 +6,9 @@ import { getToken as token } from 'theming'
6
6
  import hoverable from 'styles/hoverable'
7
7
  import MenuBaseItem from './MenuBaseItem'
8
8
 
9
- const StyledMenuItem = styled((props) => <MenuBaseItem as="a" {...props} />)`
9
+ const StyledMenuItem = styled(({ url, ...props }) => (
10
+ <MenuBaseItem as={url ? 'a' : 'button'} {...props} />
11
+ ))`
10
12
  ${hoverable`
11
13
  color: ${token('side-navigation-menu-link-color--hover')};
12
14
  `}
@@ -29,7 +31,7 @@ export type MenuLinkProps = React.HTMLAttributes<HTMLAnchorElement> & {
29
31
  }
30
32
 
31
33
  function MenuLink({ url, ...props }: MenuLinkProps): JSX.Element {
32
- return <StyledMenuItem href={url} {...props} role="menuitem" />
34
+ return <StyledMenuItem href={url} url={url} {...props} role="menuitem" />
33
35
  }
34
36
 
35
37
  export default styled(MenuLink)({})
package/src/components/Steps/Steps.test.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { composeStory } from '@storybook/testing-react'
2
+ import { composeStory } from '@storybook/react'
3
3
 
4
4
  import { STEPS, CONTENTS } from './Steps.fixtures'
5
5
  import generator from '../../tests/generator'
package/src/components/Switch/Switch.test.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { composeStories } from '@storybook/testing-react'
2
+ import { composeStories } from '@storybook/react'
3
3
  import userEvent from '@testing-library/user-event'
4
4
 
5
5
  import * as stories from './Switch.stories'
package/src/components/ToggleGroup/ToggleGroup.test.tsx CHANGED
@@ -1,5 +1,5 @@
1
1
  import React from 'react'
2
- import { composeStories } from '@storybook/testing-react'
2
+ import { composeStories } from '@storybook/react'
3
3
 
4
4
  import { OPTIONS } from './ToggleGroup.constants'
5
5
  import * as stories from './ToggleGroup.stories'
package/src/hooks/useFocusTrap/useFocusTrap.test.tsx CHANGED
@@ -1,6 +1,6 @@
1
1
  import React from 'react'
2
2
  import renderer, { screen, fire, user } from '../../tests/renderer'
3
- import { composeStories } from '@storybook/testing-react'
3
+ import { composeStories } from '@storybook/react'
4
4
 
5
5
  import * as stories from './useFocusTrap.stories'
6
6