Skip to content

Commit

Permalink
chore(deps): ⬆️ upgrade dev & prod deps (#205)
Browse files Browse the repository at this point in the history 
* chore(deps): ⬆️  upgrade dev & prod deps

* chore(deps): ⬆️  update test packages & fix tests
  • Loading branch information
@navin-moorthy
navin-moorthy authored Jun 17, 2021
1 parent 5328041 commit 5589444
Show file tree
Hide file tree
Showing 35 changed files with 3,880 additions and 2,203 deletions.
4 changes: 4 additions & 0 deletions .eslintignore
View file
Original file line number Diff line number Diff line change
Expand Up @@ -9,3 +9,7 @@ package.json
package-lock.json
yarn.lock
storybook-static

__js
templates.ts
docs
2 changes: 0 additions & 2 deletions .github/workflows/test.yml
View file
Original file line number Diff line number Diff line change
Expand Up @@ -39,7 +39,5 @@ jobs:

- name: Install deps
run: yarn
- name: Check Types
run: yarn check-types
- name: Test
run: yarn test
14 changes: 12 additions & 2 deletions .prettierignore
View file
Original file line number Diff line number Diff line change
@@ -1,5 +1,15 @@
dist
node_modules
coverage
.next
.cache
build
public
dist
coverage
package.json
package-lock.json
yarn.lock
storybook-static

__js
templates.ts
docs
Empty file removed @types-tests/types.test-d.ts
View file
Empty file.
4 changes: 2 additions & 2 deletions docs-templates/toast.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -52,13 +52,13 @@ link_title: Toast CSS Animated
js: src/toast/stories/__js/ToastCSSAnimated.component.jsx
utils: src/toast/stories/__js/Utils.component.jsx
css: src/toast/stories/ToastStyled.css
deps: ["react-transition-group"]
deps: ["react-transition-group", "@chakra-ui/utils"]
-->

<!-- CODESANDBOX
link_title: Toast React Spring
js: src/toast/stories/__js/ToastReactSpring.component.jsx
utils: src/toast/stories/__js/Utils.component.jsx
css: src/toast/stories/ToastStyled.css
deps: ["react-spring"]
deps: ["@react-spring/web", "@chakra-ui/utils"]
-->
113 changes: 77 additions & 36 deletions docs/accordion.md
View file

Large diffs are not rendered by default.

8 changes: 4 additions & 4 deletions docs/calendar.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -141,7 +141,7 @@ Also we can customize and style the ranges with CSS attribute selectors
}
```

[![Edit CodeSandbox](https://img.shields.io/badge/Calendar-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/9hpbv)
[![Edit CodeSandbox](https://img.shields.io/badge/Calendar-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/vyh0d)

[![Edit CodeSandbox](https://img.shields.io/badge/RangeCalendar-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/ngv58)

Expand Down Expand Up @@ -292,9 +292,9 @@ Also we can customize and style the ranges with CSS attribute selectors

### `CalendarHeader`

| Name | Type | Description |
| :----------- | :------------------------------------------- | :---------- |
| **`format`** | <code>DateTimeFormatOpts \| undefined</code> | |
| Name | Type | Description |
| :----------- | :---------------------------------------------- | :---------- |
| **`format`** | <code>DateTimeFormatOptions \| undefined</code> | |

<details><summary>2 state props</summary>
> These props are returned by the state hook. You can spread them into this component (`{...state}`) or pass them separately. You can also provide these props from your own state logic.
Expand Down
10 changes: 5 additions & 5 deletions docs/datepicker.md
View file

Large diffs are not rendered by default.

2 changes: 1 addition & 1 deletion docs/meter.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -51,7 +51,7 @@ const background = {

[![Edit CodeSandbox](https://img.shields.io/badge/Meter%20Basic-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/b9ri6)

[![Edit CodeSandbox](https://img.shields.io/badge/Meter%20Styled-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/8mxwv)
[![Edit CodeSandbox](https://img.shields.io/badge/Meter%20Styled-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/xv2oq)

## Accessibility Requirement

Expand Down
51 changes: 31 additions & 20 deletions docs/number-input.md
View file

Large diffs are not rendered by default.

4 changes: 2 additions & 2 deletions docs/progress.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -42,9 +42,9 @@ export default App;

[![Edit CodeSandbox](https://img.shields.io/badge/Progress%20Basic-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/cov1f)

[![Edit CodeSandbox](https://img.shields.io/badge/Progress%20Linear-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/g0s94)
[![Edit CodeSandbox](https://img.shields.io/badge/Progress%20Linear-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/quyuf)

[![Edit CodeSandbox](https://img.shields.io/badge/Progress%20Circular-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/15d8l)
[![Edit CodeSandbox](https://img.shields.io/badge/Progress%20Circular-Open%20On%20CodeSandbox-%230971f1?style=for-the-badge&logo=codesandbox&labelColor=151515)](https://codesandbox.io/s/t9tf0)

## Accessibility Requirement

Expand Down
8 changes: 4 additions & 4 deletions docs/segment.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -59,7 +59,7 @@ export default App;
| **`defaultValue`** | <code>Date \| undefined</code> | Default segment value |
| **`value`** | <code>Date \| undefined</code> | Segment value |
| **`onChange`** | <code title="((value: Date, ...args: any[]) =&#62; void) \| undefined">((value: Date, ...args: any[]) =&#62; void) \| undef...</code> | Callback to fire on value change |
| **`formatOptions`** | <code>DateTimeFormatOpts \| undefined</code> | Sets formmating of date based on Intl.DateFormatOptionshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat |
| **`formatOptions`** | <code>DateTimeFormatOptions \| undefined</code> | Sets formmating of date based on Intl.DateFormatOptionshttps://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/DateTimeFormat |
| **`placeholderDate`** | <code>Date \| undefined</code> | Placeholder date |

### `Segment`
Expand All @@ -81,7 +81,7 @@ export default App;
| :---------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------- | :--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **`baseId`** | <code>string</code> | ID that will serve as a base for all the items IDs. |
| **`unstable_virtual`** <span title="Experimental">⚠️</span> | <code>boolean</code> | If enabled, the composite element will act as an[aria-activedescendant](https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_focus_activedescendant)container instead of[roving tabindex](https://www.w3.org/TR/wai-aria-practices/#kbd_roving_tabindex).DOM focus will remain on the composite while its items receive virtual focus. |
| **`orientation`** | <code>&#34;horizontal&#34; \| &#34;vertical&#34; \| undefined</code> | Defines the orientation of the composite widget. If the composite has asingle row or column (one-dimensional), the `orientation` value determineswhich arrow keys can be used to move focus: - `undefined`: all arrow keys work. - `horizontal`: only left and right arrow keys work. - `vertical`: only up and down arrow keys work.It doesn't have any effect on two-dimensional composites. |
| **`orientation`** | <code>Orientation \| undefined</code> | Defines the orientation of the composite widget. If the composite has asingle row or column (one-dimensional), the `orientation` value determineswhich arrow keys can be used to move focus: - `undefined`: all arrow keys work. - `horizontal`: only left and right arrow keys work. - `vertical`: only up and down arrow keys work.It doesn't have any effect on two-dimensional composites. |
| **`unstable_moves`** <span title="Experimental">⚠️</span> | <code>number</code> | Stores the number of moves that have been performed by calling `move`,`next`, `previous`, `up`, `down`, `first` or `last`. |
| **`currentId`** | <code>string \| null \| undefined</code> | The current focused item `id`. - `undefined` will automatically focus the first enabled composite item. - `null` will focus the base composite element and users will be able tonavigate out of it using arrow keys. - If `currentId` is initially set to `null`, the base composite elementitself will have focus and users will be able to navigate to it usingarrow keys. |
| **`items`** | <code>Item[]</code> | Lists all the composite items with their `id`, DOM `ref`, `disabled` stateand `groupId` if any. This state is automatically updated when`registerItem` and `unregisterItem` are called. |
Expand Down Expand Up @@ -118,9 +118,9 @@ export default App;
| Name | Type | Description |
| :---------------------------------------------------------- | :----------------------------------------------------------------------------------------------------------------------------------------------------- | :-------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| **`unstable_virtual`** <span title="Experimental">⚠️</span> | <code>boolean</code> | If enabled, the composite element will act as an[aria-activedescendant](https://www.w3.org/TR/wai-aria-practices-1.1/#kbd_focus_activedescendant)container instead of[roving tabindex](https://www.w3.org/TR/wai-aria-practices/#kbd_roving_tabindex).DOM focus will remain on the composite while its items receive virtual focus. |
| **`orientation`** | <code>&#34;horizontal&#34; \| &#34;vertical&#34; \| undefined</code> | Defines the orientation of the composite widget. If the composite has asingle row or column (one-dimensional), the `orientation` value determineswhich arrow keys can be used to move focus: - `undefined`: all arrow keys work. - `horizontal`: only left and right arrow keys work. - `vertical`: only up and down arrow keys work.It doesn't have any effect on two-dimensional composites. |
| **`orientation`** | <code>Orientation \| undefined</code> | Defines the orientation of the composite widget. If the composite has asingle row or column (one-dimensional), the `orientation` value determineswhich arrow keys can be used to move focus: - `undefined`: all arrow keys work. - `horizontal`: only left and right arrow keys work. - `vertical`: only up and down arrow keys work.It doesn't have any effect on two-dimensional composites. |
| **`currentId`** | <code>string \| null \| undefined</code> | The current focused item `id`. - `undefined` will automatically focus the first enabled composite item. - `null` will focus the base composite element and users will be able tonavigate out of it using arrow keys. - If `currentId` is initially set to `null`, the base composite elementitself will have focus and users will be able to navigate to it usingarrow keys. |
| **`wrap`** | <code>boolean \| &#34;horizontal&#34; \| &#34;vertical&#34;</code> | **Has effect only on two-dimensional composites**. If enabled, moving tothe next item from the last one in a row or column will focus the firstitem in the next row or column and vice-versa. - `true` wraps between rows and columns. - `horizontal` wraps only between rows. - `vertical` wraps only between columns. - If `loop` matches the value of `wrap`, it'll wrap between the lastitem in the last row or column and the first item in the first row orcolumn and vice-versa. |
| **`wrap`** | <code>boolean \| Orientation</code> | **Has effect only on two-dimensional composites**. If enabled, moving tothe next item from the last one in a row or column will focus the firstitem in the next row or column and vice-versa. - `true` wraps between rows and columns. - `horizontal` wraps only between rows. - `vertical` wraps only between columns. - If `loop` matches the value of `wrap`, it'll wrap between the lastitem in the last row or column and the first item in the first row orcolumn and vice-versa. |
| **`baseId`** | <code>string</code> | ID that will serve as a base for all the items IDs. |
| **`unstable_moves`** <span title="Experimental">⚠️</span> | <code>number</code> | Stores the number of moves that have been performed by calling `move`,`next`, `previous`, `up`, `down`, `first` or `last`. |
| **`groups`** | <code>Group[]</code> | Lists all the composite groups with their `id` and DOM `ref`. This stateis automatically updated when `registerGroup` and `unregisterGroup` arecalled. |
Expand Down
Loading

1 comment on commit 5589444

@vercel
Copy link

@vercel vercel bot commented on 5589444 Jun 17, 2021

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

Please sign in to comment.