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.

v1.11.0

Changes

Breaking Changes

• Changed Custom CSS property name of Button component.
  • --kuc-button-background-hover > --kuc-button-background-color-hover
  • --kuc-button-background-active > --kuc-button-background-color-active
  • --kuc-button-background-focus > --kuc-button-background-color-focus
  • Please check the Button page.

New Components

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

New Features

• Added content property and made it able to set custom element in Button and MobileButton components. #956 @Yanchi4425
  • Please check the Button page and MobileButton page.
• Added Dialog Custom CSS property.
  • Please check the Dialog page.
• Added Notification Custom CSS property.
  • Please check the Notification page.
• Added Spinner Custom CSS property.
  • Please check the Spinner page.

Bug Fixes

• Fixed the margin setting issue between the input text and error part when setting the large font-size using Custom CSS of Text component.
• Fixed the issue that the JavaScript error was displayed after clicking the tick icon of the menu part of Dropdown and Combobox components.
• Fixed the issue that the JavaScript error was displayed with the timezone smaller than UTC on DatePicker, DateTimePicker, and their Mobile components.

Package Updates

• Updated dependent libraries: @babel/core, @babel/preset-env, @open-wc/testing, @web/test-runner, deepmerge, eslint, typescript, @cybozu/eslint-config, webpack, webpack-cli, prettier, core-js, lit, dictionary-en.

Document

• Added the user guide page of FieldGroup component.
• Updated to include Custom CSS property specification on each component page.
• Added the Tabs component customization Tips.
• Added icon.png and config.css information on the Format setting plugin article. @the-red
• Added/Updated the user guide to include each component's value property error message.

v0.9.4

Changes

Bug Fixes

• Fixed the issue of the Dropdown component: the menu part will be separated when enabling the scroll bar on the screen.

Maintenance

• Added some descriptions about v0 EOL at the end of 2023 in GitHub README, user guide, and browser console.
  For more details, please check this page.

Security Updates

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

v1.10.0

Changes

New Components

• Added the Desktop Tabs component.

New Features

• Added the message property for Desktop Attachment component.

Maintenance

• Modified vertical-align setting for ReadOnlyTable component.

Package Updates

• Updated dependent libraries: @babel/core, @web/test-runner, eslint, prettier, @types/uuid, core-js, @cybozu/eslint-config.

Document

• Added Desktop Tabs component's user guide page.
• Added message property description for Desktop Attachment component user guide page.
• Improved the sample code and preview of Dialog component user guide.
• Added the guide article links to component pages.