@tonic-ui/[email protected]

What's Changed

• feat(utils): add merge and isPlainObject by @cheton in #946

Full Changelog: https://github.com/trendmicro-frontend/tonic-ui/compare/@tonic-ui/[email protected]...@tonic-ui/[email protected]

@tonic-ui/[email protected]

What's Changed

• feat(react/toast): enhance inline toast transition management by @cheton in #940

Full Changelog: https://github.com/trendmicro-frontend/tonic-ui/compare/@tonic-ui/[email protected]...@tonic-ui/[email protected]

@tonic-ui/[email protected]

What's Changed

• feat: improve disabled prop handling in Button and ButtonGroup by @cheton in #930
• chore(deps-dev): bump rollup from 3.29.4 to 3.29.5 by @dependabot in #931
• fix: resolve bug with isNameConflictRef.current in Checkbox and Radio components by @cheton in #935
• docs: ensure ToastManager is layered above PortalManager to enable adding toast notifications within a portal by @cheton in #936
• feat(react/checkbox,react/radio): use useEffectOnceWhen hook to display warning message in non-production environments by @cheton in #937
• feat(react/scrollbar): add scrollViewProps to enable passing custom props to the ScrollView component by @cheton in #939
• chore(release): version packages by @github-actions in #934

Full Changelog: https://github.com/trendmicro-frontend/tonic-ui/compare/@tonic-ui/[email protected]...@tonic-ui/[email protected]

@tonic-ui/[email protected]

What's Changed

• chore(deps): bump axios from 1.6.8 to 1.7.4 by @dependabot in #914
• chore(deps): bump micromatch from 4.0.7 to 4.0.8 by @dependabot in #916
• feat(react-icons): refine generate-icons script to enhance icon name transformation and support deprecated icons by @cheton in #918
• chore(release): version packages by @github-actions in #919
• ci: Migrate the CI/CD pipeline from CircleCI to GitHub Actions by @cheton in #920
• ci: correct Tonic UI documentation URL by @cheton in #921
• chore(deps-dev): bump next from 14.2.3 to 14.2.10 by @dependabot in #924
• feat: introduce DefaultPropsProvider for setting default props in React components by @cheton in #922
• chore(release): version packages by @github-actions in #928

Full Changelog: https://github.com/trendmicro-frontend/tonic-ui/compare/@tonic-ui/[email protected]...@tonic-ui/[email protected]

@tonic-ui/[email protected]

What's Changed

• chore: integrate latest v2 updates into v1 branch by @cheton in #926
• fix(react/tooltip): resolve tooltip misalignment issue with popup modal items for V1 by @tinaClin in #925
• chore(release): version packages by @github-actions in #929

Full Changelog: https://github.com/trendmicro-frontend/tonic-ui/compare/@tonic-ui/[email protected]...@tonic-ui/[email protected]

@tonic-ui/[email protected]

Changelog

Patch Changes

• refactor(util/dom-query): handle invalid element input in getAllFocusable by @cheton in #909

@tonic-ui/[email protected]

Changelog

Patch Changes

• fix(styled-system): specify unit for CSS custom property negation by @cheton in #908

@tonic-ui/[email protected]

Changelog

Minor Changes

• feat(react/DatePicker): add closeOnSelect prop to automatically close the date picker after a date is selected by @cheton in #903
• test(react/DatePicker): resolve failing test snapshots by @cheton in #906
• feat(react/Calendar): enhance keyboard navigation and date selection by @cheton in #909

Patch Changes

• fix(react/OverflowTooltip): show the tooltip only when the string is truncated and the disabled prop is not true by @tinaClin in #913
• Updated dependencies [fa0f6cf, 272869f]
  • @tonic-ui/[email protected]
  • @tonic-ui/[email protected]

Key Highlights

Calendar Navigation

• Move forward: Press Tab
• Move backward: Press Shift + Tab
• Select month (⬅️➡️): Press Space or Enter on the arrow buttons (⬅️➡️)
• Select year (⬆️⬇️): Press the ArrowUp or ArrowDown keys to adjust the year
• Select day
  • Use ⬅️➡️⬆️⬇️ to move between days
  • Press Enter or Space to choose a date
  • Note: Deselecting dates is available in the Calendar view, but not implemented in the demo

@tonic-ui/[email protected]

What's Changed

• chore(deps): bump braces from 3.0.2 to 3.0.3 by @dependabot in #876
• test(react): improve test coverage for Accordion, Textarea, and VisuallyHidden components by @cheton in #870
• test: enhance test coverage across packages (0620) by @cheton in #879
• chore(deps): bump ws from 8.16.0 to 8.17.1 by @dependabot in #878
• docs: enhance Contribution Guide and Migration Guide by @cheton in #883
• ci: enhance monorepo release flow with changesets by @cheton in #884
• ci: add changelog-github package to workspace for changelog generation using Changesets by @cheton in #888
• docs: enhance the Contributing Guidelines by adding Changesets instructions by @cheton in #890
• fix(react/OverflowTooltip): resolve tooltip misalignment issue with popup menu items by @tinaClin in #894
• feat(react): improve tooltip placement and offset calculations by @cheton in #897

Full Changelog: https://github.com/trendmicro-frontend/tonic-ui/compare/@tonic-ui/[email protected]...@tonic-ui/[email protected]

@tonic-ui/[email protected]

What's Changed

• feat(codemod): add --extensions, --ignore-pattern, and --verbose as configurable command-line options by @cheton in #877

Usage

In @tonic-ui/codemod v2.1.0, the default file extension is now .js, changing from the previous defaults of .js,.jsx,.ts,.tsx,.json. You must manually specify the extension if needed.

$ npx @tonic-ui/codemod@latest react/v2.0.0/import-react-icons --help
npx @tonic-ui/codemod <codemod> <paths...>

Applies a `@tonic-ui/codemod` to the specified paths

Positionals:
  codemod  The name of the codemod to apply                             [string]
  paths    The paths to the codebase that will be forwarded to `jscodeshift`
                                                                        [string]

Options:
  --version         Show version number                                [boolean]
  --help            Show help                                          [boolean]
  --dry             dry run (no changes are made to files)
                                                      [boolean] [default: false]
  --extensions      transform files with these file extensions (comma separated
                    list)                               [string] [default: "js"]
  --ignore-pattern  ignore files that match a provided glob expression
                                        [string] [default: "**/node_modules/**"]
  --parser          the parser to use for parsing the source files
                    (--parser=babel|babylon|flow|ts|tsx)
                                                     [string] [default: "babel"]
  --print           print transformed files to stdout, useful for development
                                                      [boolean] [default: false]
  --verbose         show more information about the transform process
                    (--verbose=0|1|2)                      [number] [default: 0]
  --jscodeshift     pass options directly to jscodeshift
                                                       [string] [default: false]

Examples:
  npx @tonic-ui/codemod react/v2.0.0/import-react-icons src

For JavaScript files:

npx @tonic-ui/codemod@latest react/v2.0.0/import-react-icons . --extensions=js,jsx --verbose=2

For TypeScript files:

npx @tonic-ui/codemod@latest react/v2.0.0/import-react-icons . --extensions=ts,tsx --parser=tsx --verbose=2

Full Changelog: https://github.com/trendmicro-frontend/tonic-ui/compare/@tonic-ui/[email protected]...@tonic-ui/[email protected]