h6s-dev / h6s Goto Github PK
View Code? Open in Web Editor NEWServe headless component development kit for React production apps
Home Page: https://h6s.dev
License: MIT License
Serve headless component development kit for React production apps
Home Page: https://h6s.dev
License: MIT License
How about specifying browser coverage? It would be nice to add the browserlist after the policy is set. :)
I was looking at the this, I checked that the table example code was wrong
Hi @JaeYeopHan! Thanks for sharing such an amazing package!
I just looked around what's going on inside and I found a little error on the basic example, which is React doesn't recognize data-testId
props.
There was one data-testId attribute, not data-testid though DOM attribute should be lowercased.
Cypress is working properly and it's not a big issue, but I just wanted to keep your amazing package perfect, so I fixed it quickly.
Please kindly check my PR(#39)
Migrate Cypress to Playwright. do not add test case, do not change any environments.
generate test result link by github actions?
toCenter
TODAY
rowLength
rowLength
value from optionstoCenter?: boolean
rowLength?: number
const { cursorDate, headers, body, navigation, view } = useCalendar({
toCenter: true,
rowLength: 3,
})
When using table
with Remix, I get console errors about table-xxx
IDs not being the same.
Warning: Prop `id` did not match. Server: "table-45" Client: "table-13"
tr
thead
table
div
section
section
main
I would expect these props not to change after render.
Hello! If defaultWeekStart
is 1, navigation.toNext
working incorrect in week
type. I think this happened because the next week starts by default from Sunday, and I should have Monday.
two buttons for navigating prev and next calendar are using the same character (>)
I wanna suggest a different character, '<' for 'button for navigating prev'
I think it's more intuitive
src/stories/Calendar.tsx
<button aria-label="button for navigating to prev calendar" onClick={navigation.toPrev}>{'>'}</button>
<button aria-label="button for navigating to today calendar" onClick={navigation.setToday}>TODAY</button>
<button aria-label="button for navigating to next calendar" onClick={navigation.toNext}>{'>'}</button>
<button aria-label="button for navigating to prev calendar" onClick={navigation.toPrev}>{'<'}</button>
<button aria-label="button for navigating to today calendar" onClick={navigation.setToday}>TODAY</button>
<button aria-label="button for navigating to next calendar" onClick={navigation.toNext}>{'>'}</button>
main
, exports
fields. (what we need fields) it only overrides configs.
yarn
and pnpm
supports more field (https://yarnpkg.com/configuration/manifest/#publishConfig)exports
field, i thinks we have to revert #228 (only exports field change)In website/docs/table/get-started, Calander should be Table.
useTable hooks are the most important functions and everything in Calendar.
How about adding a year-based view? Any concerns?
update build system
Date checkbox in Drawer body is always checked even when row of date disappered in table
Drawer์์ ์๋ Date ์ฒดํฌ๋ฐ์ค๊ฐ ํญ์ ์ฒดํฌ๋์ด์์ด์. ํ ์ด๋ธ ์์ date์ด์ด ์ฌ๋ผ์ ธ๋์
https://h6s.dev/docs/table/example/
Date checkbox's checking state in Drawer is not same with table's row of Date
Setting์ ํด๋ฆญํด ์ด์ Drawer body์ Date checkbox๋ง ์ฒดํฌ์ํ๊ฐ ํด๋น ํ๊ณผ ์ผ์นํ์ง ์์์
They have to share same state. Or checkbox of date in drawer have to be disabled
๋ ์ํ๊ฐ ์ผ์นํ๊ฑฐ๋ Date์ด์ ์ํ ์ฒดํฌ๋ฐ์ค๋ disabled ์ฒ๋ฆฌํด์ผํ ๊ฒ ๊ฐ์์
[semantic-release] โบ โ An error occurred while running semantic-release: RequestError [HttpError]: Validation Failed: {"resource":"ReleaseAsset","code":"already_exists","field":"name"}
at /home/runner/work/react-calendar/react-calendar/node_modules/@octokit/request/dist-node/index.js:66:23
at processTicksAndRejections (internal/process/task_queues.js:97:5) {
status: 422,
At sample site adding arial-label like yy/mm/dd to date will be more good for accessibility.
This issue lists Renovate updates and detected dependencies. Read the Dependency Dashboard docs to learn more.
These updates are currently rate-limited. Click on a checkbox below to force their creation now.
@playwright/test
, playwright
)@testing-library/jest-dom
, @testing-library/react
)@docusaurus/core
, @docusaurus/module-type-aliases
, @docusaurus/preset-classic
, @docusaurus/theme-classic
, @docusaurus/types
)@commitlint/cli
, @commitlint/config-conventional
)@storybook/addon-actions
, @storybook/addon-docs
, @storybook/addon-essentials
, @storybook/addon-links
, @storybook/react
, @storybook/react-vite
, @storybook/react-webpack5
, @storybook/theming
, storybook
)These updates have all been created already. Click a checkbox below to force a retry/rebase of any.
@storybook/addon-actions
, @storybook/addon-docs
, @storybook/addon-essentials
, @storybook/addon-links
, @storybook/react
, @storybook/react-vite
, @storybook/react-webpack5
, @storybook/theming
, storybook
)@babel/core
, @babel/preset-env
)@emotion/react
, @emotion/styled
)@types/react
, react
, react-dom
, react-test-renderer
)These are blocked by an existing closed PR and will not be recreated unless you click a checkbox below.
.github/actions/setup-node/action.yml
actions/setup-node v3
.github/workflows/build-examples.yml
actions/checkout v2
.github/workflows/build-website.yml
actions/checkout v2
.github/workflows/ci.yml
actions/checkout v2
.github/workflows/release.yml
actions/checkout v2
actions/setup-node v3
cometkim/yarn-changeset-action v1
.github/workflows/sanity.yml
actions/checkout v2
actions/setup-node v2
voxmedia/github-action-slack-notify-build v1.5.0
voxmedia/github-action-slack-notify-build v1.5.0
.yarn/sdks/eslint/package.json
.yarn/sdks/prettier/package.json
.yarn/sdks/typescript/package.json
package.json
@babel/core 7.23.7
@babel/preset-env ^7.23.5
@biomejs/biome 1.4.1
@changesets/cli ^2.27.1
@commitlint/cli 16.3.0
@commitlint/config-conventional 16.2.4
@emotion/react 11.7.1
@emotion/styled 11.6.0
@mdx-js/react 2.1.5
@storybook/addon-actions 7.6.6
@storybook/addon-docs 7.6.6
@storybook/addon-essentials 7.6.6
@storybook/addon-links 7.6.6
@storybook/react 7.6.6
@storybook/react-vite ^7.6.4
@storybook/react-webpack5 7.6.6
@storybook/theming 7.6.6
@testing-library/jest-dom 6.1.5
@testing-library/react 14.1.2
@testing-library/react-hooks 8.0.1
@testing-library/user-event 14.5.2
@types/react ^18.2.43
@types/testing-library__jest-dom 6.0.0
acorn 8.11.3
all-contributors-cli 6.26.1
cz-conventional-changelog 3.3.0
date-fns 2.30.0
esbuild 0.14.11
husky 7.0.4
lint-staged 12.1.4
prettier 3.1.1
react ^18.2.0
react-dom ^18.2.0
react-test-renderer ^18.2.0
storybook ^7.6.4
ts-node 10.4.0
tsup ^8.0.1
typescript ^5.3.3
vite ^5.0.7
vitest ^1.0.4
node >=20
yarn 4.0.2
packages/calendar/package.json
@playwright/test 1.17.1
@storybook/react 7.6.6
@testing-library/jest-dom ^6.1.5
@testing-library/react-hooks 8.0.1
@types/node 20.10.6
@types/react ^18.2.43
date-fns 2.30.0
playwright 1.17.1
react ^18.2.0
react-dom ^18.2.0
react-test-renderer ^18.2.0
typescript ^5.3.3
vite ^5.0.7
vitest ^1.0.4
date-fns >= 2
react >= 18
packages/table/package.json
@storybook/react 7.6.6
@testing-library/jest-dom ^6.1.5
@testing-library/react-hooks 8.0.1
@types/node 20.10.6
@types/react ^18.2.43
happy-dom ^12.10.3
jsdom ^23.0.1
react ^18.2.0
react-dom ^18.2.0
react-test-renderer ^18.2.0
typescript ^5.3.3
vite ^5.0.7
vitest ^1.0.4
react >= 18
website/package.json
@docusaurus/core 3.0.1
@docusaurus/preset-classic 3.0.1
@mdx-js/react 3.0.0
@types/node 20.10.6
clsx 2.0.0
globby 14.0.0
prism-react-renderer 2.3.1
react 18.2.0
react-dom 18.2.0
@docusaurus/module-type-aliases 3.0.1
@docusaurus/theme-classic 3.0.1
@docusaurus/types 3.0.1
@tsconfig/docusaurus 2.0.2
@types/react 18.2.46
typescript 5.3.3
.nvmrc
node 20
Tried
yarn add @types/date-fns --dev
and resolved
https://stackoverflow.com/questions/40630893/cannot-find-module-date-fns
if set WeekDayType = 1
the output of headers.weekDays
like:
`2021-09-27`,
`2021-09-28`,
`2021-09-29`,
`2021-09-30`,
`2021-10-01`,
`2021-10-02`,
`2021-09-26`
]
the wrong is "2021-09-26"
, so do what could i get the correct one
"2021-09-26"
"2021-10-03"
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.