v1.19.0

Changes

New Features

• Added the scrollButtons property for scrollable navigation capability to Tabs component.
• Added the placeholder property on Combobox component. #1557 @dangvantri113
• Added support for max-height Custom CSS property on menu part of Combobox and Dropdown components.

Maintenance

• Fixed the issue that Combobox menu remained visible after item selection.

Package Updates

• Upgraded dependent libraries: @babel/core, @babel/preset-env, @types/mocha, chromatic, eslint-import-resolver-typescript, eslint-plugin-import, core-js, lit, uuid, eslint, prettier, typescript, webpack.

Document

• Added new Custom CSS property descriptions for Dropdown and Combobox components.
• Added new property descriptions for Tabs and Combobox components.

v1.18.0

Changes

Maintenance

• Enabled Spanish in all the components.
• Fixed the issue where the label and error of the Attachment and MobileDateTimePicker components could not be displayed when using npm package and importing only the Attachment and MobileDateTimePicker component from kintone-ui-component/lib/attachment and kintone-ui-component/lib/mobile/datetime-picker. #1546 @yahataka

Package Updates

• Upgraded dependent libraries: @babel/core, @babel/preset-env, @web/test-runner, @types/mocha, @types/uuid, babel-loader, chromatic, core-js, eslint-import-resolver-typescript, eslint-plugin-import, lit, prettier, typescript, uuid, webpack.

v1.17.1

Changes

Maintenance

• Fixed the issue of Attachment component that sometimes the display switching is locked when dragging and dropping on Firefox. #1533 @motohasystem

Package Updates

• Updated dependent libraries: @babel/core, @babel/preset-env, @cybozu/eslint-config, @web/test-runner, chromatic, core-js, lit, typescript, webpack.

Document

• Improved the description of Quick Start
• Updated the link of "サポートへのお問い合わせ方法" in Japanese document.
• Fixed the issue that clicking some links jumped to the inexistent page.

v1.17.0

Changes

New Features

• Table Component Enhancements:
  • Updated the actionButton property, now allowing for the add and remove buttons to be enabled or disabled separately.
  • Supported to set HTMLElement on Table header cell title property. Now, when strings in the header are too long, they will automatically wrap to the next line.
• Updated the pagination display of the ReadOnlyTable component to show the range of visible rows on the current page alongside the total number of rows (e.g., "1 - 3 / 15").
• Added header property and made it able to set HTMLElement for the header part of the Dialog component.

Maintenance

• Changed the font family to "sans-serif" in English environments.

Package Updates

• Updated dependent libraries: @babel/core, @babel/preset-env, chromatic, core-js, eslint, lit, prettier, webpack.

Document

• The domain for our documentation has been updated from https://kintone-ui-component.netlify.app/ to https://ui-component.kintone.dev/.
  The previous domain will temporarily remain active and automatically redirect to the new address. We recommend users update their bookmarks and save the new domain address for future reference.

v1.16.0

Changes

New Features

• Added the footerVisible property on Dialog component to be able to show/hide the footer part.
  • Please check the Dialog page.
• Added MobileButton Custom CSS property.
  • Please check the MobileButton page.

Maintenance

• Fixed the issue of RadioButton component that the previous item cannot be selected by manual after selecting one item by code.
• Updated the README to add information about the end of maintenance for v0.

Package Updates

• Updated dependent libraries: @babel/core, @babel/preset-env, @types/uuid, @web/test-runner, chromatic, core-js, eslint, eslint-plugin-import, lit, prettier, regenerator-runtime, typescript, webpack.

Document

• Migrated docusaurus from v2 to v3.
• Deleted information about v0.
• Added the TypeScript customization Tips.
• Added the Tooltip and FieldGroup components customization Tips.
• Added the Custom CSS property description for the above additional Custom CSS feature implementation.

v1.15.0

Changes

New Features

• Added Tooltip Custom CSS property.
  • Please check the Tooltip page.
• Added the disabled property for each item on:
  • MobileDropdown
  • MobileCheckbox
  • MobileRadioButton
  • MobileMultiChoice

Maintenance

• Fixed the issue that the label didn't display as user set correctly when setting an empty string for the value property of Dropdown and MobileDropdown components. #1449 @usa-pyon-pyon
• Added the selection-denied icon when hovering the item that is disabled in the following components:
  • Attachment
  • Button
  • DateTimePicker
  • TimePicker
• Fixed the issue with the Tooltip component to ensure proper display within nested structures.
• Fixed the issue that some custom elements (Dialog, DatePicker, TimePicker, etc) were not fully displayed in ReadonlyTable cell.
• Added community links on GitHub issue.

Package Updates

• Updated dependent libraries: @babel/core, @babel/preset-env, @open-wc/testing, @types/mocha, @types/uuid, chromatic, core-js, eslint, lit, prettier, ts-loader, typescript.

Document

• Added the Custom CSS property description for the above additional tooltip feature implementation.

v1.14.0

Changes

Breaking Changes

• Changed the names of some declared types.
  • Checkbox: CheckBoxItem > CheckboxItem
  • ReadOnlyTable: Column > ReadOnlyTableColumn
  • Table: Column > TableColumn

New Features

• Added ReadOnlyTable Custom CSS property.
  • Please check the ReadOnlyTable page.
• Added Table Custom CSS property.
  • Please check the Table page.
• Added Tabs Custom CSS property.
  • Please check the Tabs page.
• Added TextArea Custom CSS property.
  • Please check the TextArea page.
• Added --kuc-dialog-max-width Custom CSS property for Dialog.
  • Please check the Dialog page.
• Supported to set HTMLElement on ReadOnlyTable cell.
  • Now you can set link, etc.

Maintenance

• Added the selection-denied icon when hovering the item that is disabled in Tabs component.
• Improved the position of Dropdown text when the value of Custom CSS --kuc-dropdown-toggle-height is less than the default value.
• Changed the text color of the following components to gray when they are disabled and a custom color is set.
  • TimePicker
  • DateTimePicker
  • Button
  • Attachment

Package Updates

• Updated dependent libraries: @babel/core, @babel/preset-env, @cybozu/eslint-config, @types/mocha, chromatic, eslint, eslint-import-resolver-typescript, eslint-plugin-import, prettier, ts-loader, typescript, webpack, @types/uuid, core-js, lit, regenerator-runtime, uuid.

Document

• Added the Custom CSS property description for the above additional Custom CSS feature implementation.
• Added the link of the cybozu developer community to be able to ask questions in the user guide and GitHub README.

v1.13.0

Changes

New Features

• Added the container property on Dialog and Spinner components to be able to specify the target element to append the component.
• Added the disabled property for each item on: #1348 @miko-hirai
  • Dropdown
  • Checkbox
  • Combobox
  • RadioButton
  • MultiChoice
• Added the Custom CSS property for DateTimePicker and Attachment components.

Maintenance

• Fixed the issue that font-size and font-family are overwritten by the user agent stylesheet on MobileText and MobileTextArea components.
• Fixed the border's width on the highlighted Checkbox and RadioButton components' item.
• Resolved the issue that the focus was misplaced when pressing the "Tab" key on RadioButton with duplicated item values.
• Allowed you to change the suffix text color with Custom CSS in the TimePicker Component.

Package Updates

• Updated dependent libraries: babel-loader

Document

• Migrate docusaurus from v1 to v2.
  • And now the user guide page design is renewed!
  • Note that EN and JA page path have been changed. There are redirect settings from the old URL to the new one.
    • EN
      • Before: https://kintone-ui-component.netlify.app/docs/en/getting-started/quick-start
      • After: https://kintone-ui-component.netlify.app/docs/getting-started/quick-start
    • JA
      • Before: https://kintone-ui-component.netlify.app/docs/ja/getting-started/quick-start
      • After: https://kintone-ui-component.netlify.app/ja/docs/getting-started/quick-start
• Made Algolia automatically crawls data immediately after each user guide version release.
• Added the error message for selectedIndex property to the Japanese user guide page.
• Separated Item specifications from the root property list in the user guide for improved clarity.

v0.9.5

Changes

Security Updates

• Updated dependent libraries: @babel/preset-typescript, style-loader, @testing-library/dom, css-minimizer-webpack-plugin, @babel/runtime, mini-css-extract-plugin, ts-jest, jest-environment-jsdom, @types/node, typescript, webpack, core-js, @babel/core , eslint, @babel/preset-react, tslib, jest, @types/jest, prettier, webpack-cli, jest-canvas-mock, css-loader, @babel/preset-env, @cybozu/eslint-config, babel-loader, @testing-library/jest-dom, @babel/plugin-transform-runtime

v1.12.0

Changes

New Components

• Added the Desktop Tooltip component.
  • Please check the user guide page.

New Features

• Added Checkbox Custom CSS property.
  • Please check the Checkbox page.
• Added Combobox Custom CSS property.
  • Please check the Combobox page.
• Added DatePicker Custom CSS property.
  • Please check the DatePicker page.
• Added Dropdown Custom CSS property.
  • Please check the Dropdown page.
• Added MultiChoice Custom CSS property.
  • Please check the MultiChoice page.
• Added RadioButton Custom CSS property.
  • Please check the RadioButton page.
• Added TimePicker Custom CSS property.
  • Please check the TimePicker page.
• Added headerVisible property and made it able to show/hide header in Table component. #1333 @the-red
  • Please check the Table page
• Added container property to Notification component and made it able to set the target element used for appending component.
  • Please check the Notification page
• Added container property to MobileNotification component and made it able to set the target element used for appending component.
  • Please check the MobileNotification page

Bug Fixes

• Fixed the incorrect height of the calendar month list on DatePicker and DateTimePicker components.
• Fixed the issue that the year and month selection dropdown cannot be opened on DatePicker and DateTimePicker in ESM.
• Fixed FieldGroup width when setting resizable content.

Maintenance

• Changed the type of data property to TypeScript generics in Table and ReadOnlyTable components. #1325 @the-red
• Modified min-width and max-width setting in Dialog component.
• Modified the target tag of font-size CSS setting in MobileButton component.

Package Updates

• Updated dependent libraries: @babel/core, @babel/preset-env, @cybozu/eslint-config, @open-wc/testing, @types/uuid, chromatic, core-js, eslint, lit, ts-loader, typescript, webpack, webpack-cli.

Document

• Added the user guide page of Tooltip component.
• Added the Custom CSS property description for the above additional Custom CSS feature implementation.