From fda45a6ce0967c1a138d2697a2bdbcfbd4d0f5b1 Mon Sep 17 00:00:00 2001 From: Muhammad Amien Date: Sun, 24 Mar 2024 23:47:58 +0700 Subject: [PATCH] fix: select component invalid props --- packages/components/accordion/CHANGELOG.md | 7 ++++ packages/components/accordion/package.json | 4 +- packages/components/avatar/CHANGELOG.md | 7 ++++ packages/components/avatar/package.json | 4 +- packages/components/breadcrumbs/CHANGELOG.md | 7 ++++ packages/components/breadcrumbs/package.json | 4 +- packages/components/button/CHANGELOG.md | 9 ++++ packages/components/button/package.json | 4 +- packages/components/card/CHANGELOG.md | 8 ++++ packages/components/card/package.json | 4 +- packages/components/checkbox/CHANGELOG.md | 7 ++++ packages/components/checkbox/package.json | 4 +- packages/components/chip/CHANGELOG.md | 7 ++++ packages/components/chip/package.json | 4 +- packages/components/code/CHANGELOG.md | 8 ++++ packages/components/code/package.json | 4 +- packages/components/image/CHANGELOG.md | 7 ++++ packages/components/image/package.json | 4 +- packages/components/input/CHANGELOG.md | 7 ++++ packages/components/input/package.json | 4 +- packages/components/kbd/CHANGELOG.md | 8 ++++ packages/components/kbd/package.json | 4 +- packages/components/link/CHANGELOG.md | 7 ++++ packages/components/link/package.json | 4 +- packages/components/listbox/CHANGELOG.md | 8 ++++ packages/components/listbox/package.json | 4 +- packages/components/menu/CHANGELOG.md | 8 ++++ packages/components/menu/package.json | 4 +- packages/components/pagination/CHANGELOG.md | 7 ++++ packages/components/pagination/package.json | 2 +- packages/components/popover/CHANGELOG.md | 8 ++++ packages/components/popover/package.json | 4 +- packages/components/ripple/CHANGELOG.md | 7 ++++ packages/components/ripple/package.json | 4 +- .../components/scroll-shadow/CHANGELOG.md | 7 ++++ .../components/scroll-shadow/package.json | 4 +- packages/components/select/CHANGELOG.md | 13 ++++++ packages/components/select/package.json | 4 +- packages/components/select/src/select.tsx | 34 +++++++++++++-- packages/components/select/src/use-select.ts | 27 ++++++++++++ .../select/stories/select.stories.tsx | 4 +- packages/components/skeleton/CHANGELOG.md | 8 ++++ packages/components/skeleton/package.json | 4 +- packages/components/spacer/CHANGELOG.md | 8 ++++ packages/components/spacer/package.json | 4 +- packages/components/spinner/CHANGELOG.md | 8 ++++ packages/components/spinner/package.json | 4 +- packages/components/switch/CHANGELOG.md | 7 ++++ packages/components/switch/package.json | 4 +- packages/components/table/CHANGELOG.md | 11 +++++ packages/components/table/package.json | 2 +- packages/components/tooltip/CHANGELOG.md | 8 ++++ packages/components/tooltip/package.json | 4 +- packages/components/user/CHANGELOG.md | 8 ++++ packages/components/user/package.json | 4 +- packages/core/react/CHANGELOG.md | 6 +++ packages/core/react/package.json | 2 +- packages/core/system-rsc/CHANGELOG.md | 7 ++++ packages/core/system-rsc/package.json | 4 +- packages/core/theme/CHANGELOG.md | 6 +++ packages/core/theme/package.json | 2 +- packages/core/theme/src/components/select.ts | 42 ++++++++++++------- 62 files changed, 364 insertions(+), 75 deletions(-) diff --git a/packages/components/accordion/CHANGELOG.md b/packages/components/accordion/CHANGELOG.md index 6e717a90..61bca9b8 100644 --- a/packages/components/accordion/CHANGELOG.md +++ b/packages/components/accordion/CHANGELOG.md @@ -1,5 +1,12 @@ # @jala-banyu/accordion +## 2.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + ## 2.0.4 ### Patch Changes diff --git a/packages/components/accordion/package.json b/packages/components/accordion/package.json index f28c063a..9885a628 100644 --- a/packages/components/accordion/package.json +++ b/packages/components/accordion/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/accordion", - "version": "2.0.4", + "version": "2.0.5", "description": "Collapse display a list of high-level options that can expand/collapse to reveal more information.", "keywords": [ "react", @@ -43,7 +43,7 @@ "react": ">=18", "react-dom": ">=18", "framer-motion": ">=4.0.0", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": ">=1.0.0" }, "dependencies": { diff --git a/packages/components/avatar/CHANGELOG.md b/packages/components/avatar/CHANGELOG.md index adb7d357..b9516146 100644 --- a/packages/components/avatar/CHANGELOG.md +++ b/packages/components/avatar/CHANGELOG.md @@ -1,5 +1,12 @@ # @jala-banyu/avatar +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/components/avatar/package.json b/packages/components/avatar/package.json index a5894330..725585a2 100644 --- a/packages/components/avatar/package.json +++ b/packages/components/avatar/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/avatar", - "version": "5.0.4", + "version": "5.0.5", "description": "The Avatar component is used to represent a user, and displays the profile picture, initials or fallback icon.", "keywords": [ "avatar" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/breadcrumbs/CHANGELOG.md b/packages/components/breadcrumbs/CHANGELOG.md index 3ab2e211..7533815d 100644 --- a/packages/components/breadcrumbs/CHANGELOG.md +++ b/packages/components/breadcrumbs/CHANGELOG.md @@ -1,5 +1,12 @@ # @jala-banyu/breadcrumbs +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/components/breadcrumbs/package.json b/packages/components/breadcrumbs/package.json index 47078c8d..ae4c4a73 100644 --- a/packages/components/breadcrumbs/package.json +++ b/packages/components/breadcrumbs/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/breadcrumbs", - "version": "5.0.4", + "version": "5.0.5", "description": "Breadcrumbs display a hierarchy of links to the current page or resource in an application.", "keywords": [ "breadcrumbs" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/button/CHANGELOG.md b/packages/components/button/CHANGELOG.md index 74ea44a4..56ce70ea 100644 --- a/packages/components/button/CHANGELOG.md +++ b/packages/components/button/CHANGELOG.md @@ -1,5 +1,14 @@ # @jala-banyu/button +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + - @jala-banyu/ripple@5.0.5 + - @jala-banyu/spinner@5.0.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/components/button/package.json b/packages/components/button/package.json index dffc9b64..1a1e0cc0 100644 --- a/packages/components/button/package.json +++ b/packages/components/button/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/button", - "version": "5.0.4", + "version": "5.0.5", "description": "Buttons allow users to perform actions and choose with a single tap.", "keywords": [ "button", @@ -39,7 +39,7 @@ "framer-motion": ">=4.0.0", "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/card/CHANGELOG.md b/packages/components/card/CHANGELOG.md index fce330d3..bad32a07 100644 --- a/packages/components/card/CHANGELOG.md +++ b/packages/components/card/CHANGELOG.md @@ -1,5 +1,13 @@ # @jala-banyu/card +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + - @jala-banyu/ripple@5.0.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/components/card/package.json b/packages/components/card/package.json index 697803dc..d8525820 100644 --- a/packages/components/card/package.json +++ b/packages/components/card/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/card", - "version": "5.0.4", + "version": "5.0.5", "description": "Card is a container for text, photos, and actions in the context of a single subject.", "keywords": [ "card" @@ -37,7 +37,7 @@ "react": ">=18", "react-dom": ">=18", "framer-motion": ">=4.0.0", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/checkbox/CHANGELOG.md b/packages/components/checkbox/CHANGELOG.md index 48229fe0..b4a6c508 100644 --- a/packages/components/checkbox/CHANGELOG.md +++ b/packages/components/checkbox/CHANGELOG.md @@ -1,5 +1,12 @@ # @jala-banyu/checkbox +## 2.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + ## 2.0.4 ### Patch Changes diff --git a/packages/components/checkbox/package.json b/packages/components/checkbox/package.json index 4d5bacfd..a263a456 100644 --- a/packages/components/checkbox/package.json +++ b/packages/components/checkbox/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/checkbox", - "version": "2.0.4", + "version": "2.0.5", "description": "Checkboxes allow users to select multiple items from a list of individual items, or to mark one individual item as selected.", "keywords": [ "checkbox" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": ">=1.0.0" }, "dependencies": { diff --git a/packages/components/chip/CHANGELOG.md b/packages/components/chip/CHANGELOG.md index 15d78ee0..d39b4a72 100644 --- a/packages/components/chip/CHANGELOG.md +++ b/packages/components/chip/CHANGELOG.md @@ -1,5 +1,12 @@ # @jala-banyu/chip +## 2.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + ## 2.0.4 ### Patch Changes diff --git a/packages/components/chip/package.json b/packages/components/chip/package.json index 00ba62f1..0ef22a2f 100644 --- a/packages/components/chip/package.json +++ b/packages/components/chip/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/chip", - "version": "2.0.4", + "version": "2.0.5", "description": "A Chip is a small block of essential information that represent an input, attribute, or action.", "keywords": [ "chip" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": ">=1.0.0" }, "dependencies": { diff --git a/packages/components/code/CHANGELOG.md b/packages/components/code/CHANGELOG.md index 5338dd70..2bce28eb 100644 --- a/packages/components/code/CHANGELOG.md +++ b/packages/components/code/CHANGELOG.md @@ -1,5 +1,13 @@ # @jala-banyu/code +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + - @jala-banyu/system-rsc@5.0.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/components/code/package.json b/packages/components/code/package.json index 6eff495f..674acf0a 100644 --- a/packages/components/code/package.json +++ b/packages/components/code/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/code", - "version": "5.0.4", + "version": "5.0.5", "description": "Code is a component used to display inline code.", "keywords": [ "code" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/image/CHANGELOG.md b/packages/components/image/CHANGELOG.md index f356f2a7..7ba92400 100644 --- a/packages/components/image/CHANGELOG.md +++ b/packages/components/image/CHANGELOG.md @@ -1,5 +1,12 @@ # @jala-banyu/image +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/components/image/package.json b/packages/components/image/package.json index 0bccf90e..553d36cc 100644 --- a/packages/components/image/package.json +++ b/packages/components/image/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/image", - "version": "5.0.4", + "version": "5.0.5", "description": "A simple image component", "keywords": [ "image" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/input/CHANGELOG.md b/packages/components/input/CHANGELOG.md index 64d9e627..d67f4e13 100644 --- a/packages/components/input/CHANGELOG.md +++ b/packages/components/input/CHANGELOG.md @@ -1,5 +1,12 @@ # @jala-banyu/input +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/components/input/package.json b/packages/components/input/package.json index 5b88ab10..52334124 100644 --- a/packages/components/input/package.json +++ b/packages/components/input/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/input", - "version": "5.0.4", + "version": "5.0.5", "description": "The input component is designed for capturing user input within a text field.", "keywords": [ "input" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/kbd/CHANGELOG.md b/packages/components/kbd/CHANGELOG.md index 562cb66e..621a02ff 100644 --- a/packages/components/kbd/CHANGELOG.md +++ b/packages/components/kbd/CHANGELOG.md @@ -1,5 +1,13 @@ # @jala-banyu/kbd +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + - @jala-banyu/system-rsc@5.0.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/components/kbd/package.json b/packages/components/kbd/package.json index c042c30e..727a5e8e 100644 --- a/packages/components/kbd/package.json +++ b/packages/components/kbd/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/kbd", - "version": "5.0.4", + "version": "5.0.5", "description": "The keyboard key components indicates which key or set of keys used to execute a specificv action", "keywords": [ "kbd" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/link/CHANGELOG.md b/packages/components/link/CHANGELOG.md index f239f920..8c6159b5 100644 --- a/packages/components/link/CHANGELOG.md +++ b/packages/components/link/CHANGELOG.md @@ -1,5 +1,12 @@ # @jala-banyu/link +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/components/link/package.json b/packages/components/link/package.json index 589f76ea..4ac5f300 100644 --- a/packages/components/link/package.json +++ b/packages/components/link/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/link", - "version": "5.0.4", + "version": "5.0.5", "description": "Links allow users to click their way from page to page. This component is styled to resemble a hyperlink and semantically renders an <a>", "keywords": [ "link" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/listbox/CHANGELOG.md b/packages/components/listbox/CHANGELOG.md index f287169f..8874d469 100644 --- a/packages/components/listbox/CHANGELOG.md +++ b/packages/components/listbox/CHANGELOG.md @@ -1,5 +1,13 @@ # @jala-banyu/listbox +## 2.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + - @jala-banyu/input@5.0.5 + ## 2.0.4 ### Patch Changes diff --git a/packages/components/listbox/package.json b/packages/components/listbox/package.json index 2741faf7..f1ec2662 100644 --- a/packages/components/listbox/package.json +++ b/packages/components/listbox/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/listbox", - "version": "2.0.4", + "version": "2.0.5", "description": "A listbox displays a list of options and allows a user to select one or more of them.", "keywords": [ "listbox" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": ">=1.0.0" }, "dependencies": { diff --git a/packages/components/menu/CHANGELOG.md b/packages/components/menu/CHANGELOG.md index 0361cc0c..da2376e5 100644 --- a/packages/components/menu/CHANGELOG.md +++ b/packages/components/menu/CHANGELOG.md @@ -1,5 +1,13 @@ # @jala-banyu/menu +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + - @jala-banyu/checkbox@2.0.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/components/menu/package.json b/packages/components/menu/package.json index 3edb8f17..20ce1010 100644 --- a/packages/components/menu/package.json +++ b/packages/components/menu/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/menu", - "version": "5.0.4", + "version": "5.0.5", "description": "A menu displays a list of options and allows a user to select one or more of them.", "keywords": [ "menu" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/pagination/CHANGELOG.md b/packages/components/pagination/CHANGELOG.md index e884f6c6..263c22e7 100644 --- a/packages/components/pagination/CHANGELOG.md +++ b/packages/components/pagination/CHANGELOG.md @@ -1,5 +1,12 @@ # @jala-banyu/pagination +## 1.1.18 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/select@2.0.5 + ## 1.1.17 ### Patch Changes diff --git a/packages/components/pagination/package.json b/packages/components/pagination/package.json index b41a2d07..5633f38c 100644 --- a/packages/components/pagination/package.json +++ b/packages/components/pagination/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/pagination", - "version": "1.1.17", + "version": "1.1.18", "description": "The Pagination component allows you to display active page and navigate between multiple pages.", "keywords": [ "pagination" diff --git a/packages/components/popover/CHANGELOG.md b/packages/components/popover/CHANGELOG.md index fb3d640a..81c11b57 100644 --- a/packages/components/popover/CHANGELOG.md +++ b/packages/components/popover/CHANGELOG.md @@ -1,5 +1,13 @@ # @jala-banyu/popover +## 4.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + - @jala-banyu/button@5.0.5 + ## 4.0.4 ### Patch Changes diff --git a/packages/components/popover/package.json b/packages/components/popover/package.json index 6defd7ed..886c3a41 100644 --- a/packages/components/popover/package.json +++ b/packages/components/popover/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/popover", - "version": "4.0.4", + "version": "4.0.5", "description": "A popover is an overlay element positioned relative to a trigger.", "keywords": [ "popover" @@ -37,7 +37,7 @@ "react": ">=18", "react-dom": ">=18", "framer-motion": ">=4.0.0", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/ripple/CHANGELOG.md b/packages/components/ripple/CHANGELOG.md index cde39200..a72ba761 100644 --- a/packages/components/ripple/CHANGELOG.md +++ b/packages/components/ripple/CHANGELOG.md @@ -1,5 +1,12 @@ # @jala-banyu/ripple +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/components/ripple/package.json b/packages/components/ripple/package.json index c1c8d3a7..f0463fa7 100644 --- a/packages/components/ripple/package.json +++ b/packages/components/ripple/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/ripple", - "version": "5.0.4", + "version": "5.0.5", "description": "A simple implementation to display a ripple animation when the source component is clicked", "keywords": [ "ripple" @@ -37,7 +37,7 @@ "react": ">=18", "react-dom": ">=18", "framer-motion": ">=4.0.0", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/scroll-shadow/CHANGELOG.md b/packages/components/scroll-shadow/CHANGELOG.md index 493b676b..040a37c6 100644 --- a/packages/components/scroll-shadow/CHANGELOG.md +++ b/packages/components/scroll-shadow/CHANGELOG.md @@ -1,5 +1,12 @@ # @jala-banyu/scroll-shadow +## 2.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + ## 2.0.4 ### Patch Changes diff --git a/packages/components/scroll-shadow/package.json b/packages/components/scroll-shadow/package.json index 7aec9e5c..51f3358a 100644 --- a/packages/components/scroll-shadow/package.json +++ b/packages/components/scroll-shadow/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/scroll-shadow", - "version": "2.0.4", + "version": "2.0.5", "description": "A component that applies top and bottom shadows when content overflows on scroll.", "keywords": [ "scroll-shadow" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": ">=1.0.0" }, "dependencies": { diff --git a/packages/components/select/CHANGELOG.md b/packages/components/select/CHANGELOG.md index 4939d98e..45e1c537 100644 --- a/packages/components/select/CHANGELOG.md +++ b/packages/components/select/CHANGELOG.md @@ -1,5 +1,18 @@ # @jala-banyu/select +## 2.0.5 + +### Patch Changes + +- update select status + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + - @jala-banyu/listbox@2.0.5 + - @jala-banyu/popover@4.0.5 + - @jala-banyu/scroll-shadow@2.0.5 + - @jala-banyu/spinner@5.0.5 + ## 2.0.4 ### Patch Changes diff --git a/packages/components/select/package.json b/packages/components/select/package.json index eb4dfe63..448f6292 100644 --- a/packages/components/select/package.json +++ b/packages/components/select/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/select", - "version": "2.0.4", + "version": "2.0.5", "description": "A select displays a collapsible list of options and allows a user to select one of them.", "keywords": [ "select" @@ -35,7 +35,7 @@ }, "peerDependencies": { "@jala-banyu/system": ">=1.0.0", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "framer-motion": ">=4.0.0", "react": ">=18", "react-dom": ">=18" diff --git a/packages/components/select/src/select.tsx b/packages/components/select/src/select.tsx index 84f04a7d..56b1f83c 100644 --- a/packages/components/select/src/select.tsx +++ b/packages/components/select/src/select.tsx @@ -1,6 +1,6 @@ import {Listbox} from "@jala-banyu/listbox"; import {FreeSoloPopover} from "@jala-banyu/popover"; -import {CheckIcon, ChevronDownIcon, CloseFilledIcon} from "@jala-banyu/shared-icons"; +import {CheckIcon, ChevronDownIcon, ExclamationIcon} from "@jala-banyu/shared-icons"; import {forwardRef} from "@jala-banyu/system"; import React, {cloneElement, ForwardedRef, ReactElement, ReactNode, Ref, useMemo} from "react"; import {VisuallyHidden} from "@react-aria/visually-hidden"; @@ -18,11 +18,12 @@ function Select(props: Props, ref: ForwardedRef, description, errorMessage, + isInvalid = false, + isValid = false, startContent, endContent, topContent, @@ -50,11 +51,29 @@ function Select(props: Props, ref: ForwardedRef({...props, ref}); const labelContent = label ? : null; - let selector = errorMessage ? : isSuccess ? : selectorIcon; + let selector = selectorIcon; + + const invalid = useMemo(() => { + return ( +
+ +
+ ); + }, [isInvalid, getInvalidIconProps]); + + const valid = useMemo(() => { + return ( +
+ +
+ ); + }, [isValid, getValidIconProps]); const clonedIcon = cloneElement(selector as ReactElement, getSelectorIconProps()); @@ -107,6 +126,14 @@ function Select(props: Props, ref: ForwardedRef { + if (isInvalid) { + return invalid; + } else { + return valid; + } + }, [isInvalid]); + const popoverContent = useMemo( () => state.isOpen ? ( @@ -156,6 +183,7 @@ function Select(props: Props, ref: ForwardedRef {endContent} + {renderStatusIcon} {renderIndicator} {helperWrapper} diff --git a/packages/components/select/src/use-select.ts b/packages/components/select/src/use-select.ts index 5915498a..1a95f8a0 100644 --- a/packages/components/select/src/use-select.ts +++ b/packages/components/select/src/use-select.ts @@ -265,6 +265,7 @@ export function useSelect(originalProps: UseSelectProps) { const hasHelper = !!description || !!errorMessage; const hasPlaceholder = !!placeholder; const isInvalid = validationState === "invalid" || originalProps.isInvalid; + const isValid = validationState === "valid" || originalProps.isValid; const isSuccess = originalProps.isSuccess; const shouldLabelBeOutside = labelPlacement === "outside-left" || @@ -290,6 +291,7 @@ export function useSelect(originalProps: UseSelectProps) { ...variantProps, isFocused, isInvalid, + isValid, hasPlaceholder, labelPlacement, className, @@ -298,6 +300,7 @@ export function useSelect(originalProps: UseSelectProps) { ...Object.values(variantProps), isFocused, isInvalid, + isValid, labelPlacement, hasPlaceholder, className, @@ -617,12 +620,34 @@ export function useSelect(originalProps: UseSelectProps) { [slots, classNames?.loadingStateContentWrapper], ); + const getInvalidIconProps: PropGetter = useCallback( + (props = {}) => { + return { + ...props, + className: slots.inValidIcon({class: clsx(classNames?.inValidIcon, props?.className)}), + }; + }, + [slots, classNames?.inValidIcon], + ); + + const getValidIconProps: PropGetter = useCallback( + (props = {}) => { + return { + ...props, + className: slots.validIcon({class: clsx(classNames?.validIcon, props?.className)}), + }; + }, + [slots, classNames?.validIcon], + ); + return { Component, domRef, state, label, name, + isInvalid, + isValid, triggerRef, isLoading, isSuccess, @@ -661,6 +686,8 @@ export function useSelect(originalProps: UseSelectProps) { getTopContentProps, getBottomContentProps, getLoadingStateWrapperProps, + getInvalidIconProps, + getValidIconProps, }; } diff --git a/packages/components/select/stories/select.stories.tsx b/packages/components/select/stories/select.stories.tsx index 6ceb5551..d02b7ceb 100644 --- a/packages/components/select/stories/select.stories.tsx +++ b/packages/components/select/stories/select.stories.tsx @@ -532,12 +532,12 @@ export const IsInvalid = { }, }; -export const IsSuccess = { +export const IsValid = { render: Template, args: { ...defaultProps, - isSuccess: true, + isValid: true, variant: "default", defaultSelectedKeys: ["dog"], }, diff --git a/packages/components/skeleton/CHANGELOG.md b/packages/components/skeleton/CHANGELOG.md index fda8653f..535839a0 100644 --- a/packages/components/skeleton/CHANGELOG.md +++ b/packages/components/skeleton/CHANGELOG.md @@ -1,5 +1,13 @@ # @jala-banyu/skeleton +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + - @jala-banyu/system-rsc@5.0.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/components/skeleton/package.json b/packages/components/skeleton/package.json index e434c34a..58060351 100644 --- a/packages/components/skeleton/package.json +++ b/packages/components/skeleton/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/skeleton", - "version": "5.0.4", + "version": "5.0.5", "description": "Skeleton is used to display the loading state of some component.", "keywords": [ "skeleton" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/spacer/CHANGELOG.md b/packages/components/spacer/CHANGELOG.md index 66bf5812..b74f760e 100644 --- a/packages/components/spacer/CHANGELOG.md +++ b/packages/components/spacer/CHANGELOG.md @@ -1,5 +1,13 @@ # @jala-banyu/spacer +## 2.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + - @jala-banyu/system-rsc@5.0.5 + ## 2.0.4 ### Patch Changes diff --git a/packages/components/spacer/package.json b/packages/components/spacer/package.json index 5e2c22ea..486021f1 100644 --- a/packages/components/spacer/package.json +++ b/packages/components/spacer/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/spacer", - "version": "2.0.4", + "version": "2.0.5", "description": "Spacer is a component used to add space between components.", "keywords": [ "spacer" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": ">=1.0.0" }, "dependencies": { diff --git a/packages/components/spinner/CHANGELOG.md b/packages/components/spinner/CHANGELOG.md index 13b96cac..ea4f0f0b 100644 --- a/packages/components/spinner/CHANGELOG.md +++ b/packages/components/spinner/CHANGELOG.md @@ -1,5 +1,13 @@ # @jala-banyu/spinner +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + - @jala-banyu/system-rsc@5.0.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/components/spinner/package.json b/packages/components/spinner/package.json index 915cf8d8..202a4ce2 100644 --- a/packages/components/spinner/package.json +++ b/packages/components/spinner/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/spinner", - "version": "5.0.4", + "version": "5.0.5", "description": "Loaders express an unspecified wait time or display the length of a process.", "keywords": [ "loading", @@ -38,7 +38,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/switch/CHANGELOG.md b/packages/components/switch/CHANGELOG.md index f3cae24c..c48f8432 100644 --- a/packages/components/switch/CHANGELOG.md +++ b/packages/components/switch/CHANGELOG.md @@ -1,5 +1,12 @@ # @jala-banyu/switch +## 5.0.6 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + ## 5.0.5 ### Patch Changes diff --git a/packages/components/switch/package.json b/packages/components/switch/package.json index d51afc92..8aa3a882 100644 --- a/packages/components/switch/package.json +++ b/packages/components/switch/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/switch", - "version": "5.0.5", + "version": "5.0.6", "description": "A switch is similar to a checkbox, but represents on/off values as opposed to selection.", "keywords": [ "switch", @@ -37,7 +37,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/components/table/CHANGELOG.md b/packages/components/table/CHANGELOG.md index ddd37e36..20a0e3f5 100644 --- a/packages/components/table/CHANGELOG.md +++ b/packages/components/table/CHANGELOG.md @@ -1,5 +1,16 @@ # @jala-banyu/table +## 1.0.19 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/select@2.0.5 + - @jala-banyu/checkbox@2.0.5 + - @jala-banyu/input@5.0.5 + - @jala-banyu/spacer@2.0.5 + - @jala-banyu/tooltip@5.0.5 + ## 1.0.18 ### Patch Changes diff --git a/packages/components/table/package.json b/packages/components/table/package.json index 5dbb0138..6f44f983 100644 --- a/packages/components/table/package.json +++ b/packages/components/table/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/table", - "version": "1.0.18", + "version": "1.0.19", "description": "Tables are used to display tabular data using rows and columns.", "keywords": [ "table" diff --git a/packages/components/tooltip/CHANGELOG.md b/packages/components/tooltip/CHANGELOG.md index 5f6bfea7..9da8037f 100644 --- a/packages/components/tooltip/CHANGELOG.md +++ b/packages/components/tooltip/CHANGELOG.md @@ -1,5 +1,13 @@ # @jala-banyu/tooltip +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + - @jala-banyu/kbd@5.0.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/components/tooltip/package.json b/packages/components/tooltip/package.json index 25787f35..1ee73b75 100644 --- a/packages/components/tooltip/package.json +++ b/packages/components/tooltip/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/tooltip", - "version": "5.0.4", + "version": "5.0.5", "description": "A React Component for rendering dynamically positioned Tooltips", "keywords": [ "tooltip" @@ -37,7 +37,7 @@ "react": ">=18", "react-dom": ">=18", "framer-motion": ">=4.0.0", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0", "@jala-banyu/icons": "1.0.7" }, diff --git a/packages/components/user/CHANGELOG.md b/packages/components/user/CHANGELOG.md index 7fdf9ec1..4fae9763 100644 --- a/packages/components/user/CHANGELOG.md +++ b/packages/components/user/CHANGELOG.md @@ -1,5 +1,13 @@ # @jala-banyu/user +## 6.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + - @jala-banyu/avatar@5.0.5 + ## 6.0.4 ### Patch Changes diff --git a/packages/components/user/package.json b/packages/components/user/package.json index eafb7104..f33a13e2 100644 --- a/packages/components/user/package.json +++ b/packages/components/user/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/user", - "version": "6.0.4", + "version": "6.0.5", "description": "Flexible User Profile Component.", "keywords": [ "user" @@ -36,7 +36,7 @@ "peerDependencies": { "react": ">=18", "react-dom": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "@jala-banyu/system": "1.1.0" }, "dependencies": { diff --git a/packages/core/react/CHANGELOG.md b/packages/core/react/CHANGELOG.md index be811296..f2df0952 100644 --- a/packages/core/react/CHANGELOG.md +++ b/packages/core/react/CHANGELOG.md @@ -1,5 +1,11 @@ # @jala-banyu/react +## 1.2.8 + +### Patch Changes + +- fix select invalid props + ## 1.2.7 ### Patch Changes diff --git a/packages/core/react/package.json b/packages/core/react/package.json index dd6e8cf8..39317bff 100644 --- a/packages/core/react/package.json +++ b/packages/core/react/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/react", - "version": "1.2.7", + "version": "1.2.8", "description": "Banyu core React UI library", "author": "Muhammad Amien ", "homepage": "#", diff --git a/packages/core/system-rsc/CHANGELOG.md b/packages/core/system-rsc/CHANGELOG.md index 79f75c93..6f519fa9 100644 --- a/packages/core/system-rsc/CHANGELOG.md +++ b/packages/core/system-rsc/CHANGELOG.md @@ -1,5 +1,12 @@ # @jala-banyu/system-rsc +## 5.0.5 + +### Patch Changes + +- Updated dependencies []: + - @jala-banyu/theme@1.5.5 + ## 5.0.4 ### Patch Changes diff --git a/packages/core/system-rsc/package.json b/packages/core/system-rsc/package.json index 1faf044e..dc03b74a 100644 --- a/packages/core/system-rsc/package.json +++ b/packages/core/system-rsc/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/system-rsc", - "version": "5.0.4", + "version": "5.0.5", "description": "Banyu system primitives compatibles with RSC imports", "keywords": [ "system-rsc" @@ -35,7 +35,7 @@ }, "peerDependencies": { "react": ">=18", - "@jala-banyu/theme": "1.5.4", + "@jala-banyu/theme": "1.5.5", "tailwind-variants": ">=0.1.13" }, "devDependencies": { diff --git a/packages/core/theme/CHANGELOG.md b/packages/core/theme/CHANGELOG.md index 1b60f371..b193a4b2 100644 --- a/packages/core/theme/CHANGELOG.md +++ b/packages/core/theme/CHANGELOG.md @@ -1,5 +1,11 @@ # @jala-banyu/theme +## 1.5.5 + +### Patch Changes + +- update select status + ## 1.5.4 ### Patch Changes diff --git a/packages/core/theme/package.json b/packages/core/theme/package.json index 349286b4..7bf8d385 100644 --- a/packages/core/theme/package.json +++ b/packages/core/theme/package.json @@ -1,6 +1,6 @@ { "name": "@jala-banyu/theme", - "version": "1.5.4", + "version": "1.5.5", "description": "Banyu theme", "keywords": [ "theme", diff --git a/packages/core/theme/src/components/select.ts b/packages/core/theme/src/components/select.ts index f4eb256e..ad8c6271 100644 --- a/packages/core/theme/src/components/select.ts +++ b/packages/core/theme/src/components/select.ts @@ -33,6 +33,8 @@ const select = tv({ innerWrapper: "inline-flex h-full w-[calc(100%_-_theme(spacing.unit-6))] min-h-unit-4 items-center gap-1.5 box-border text-neutral-800 text-lg", selectorIcon: "absolute right-1 w-6 h-6 !text-sm", + inValidIcon: "mr-6", + validIcon: "mr-6", spinner: "absolute right-3", value: [ "text-neutral-500", @@ -159,18 +161,22 @@ const select = tv({ }, isInvalid: { true: { - label: "!text-danger", - value: "!text-neutral-500", - selectorIcon: "text-danger", - trigger: ["!border-danger", "data-[hover=true]:border-danger"], + trigger: "!border-danger group-data-[focus=true]:ring-danger-200", + inValidIcon: "text-danger", + errorMessage: "text-danger", + }, + false: { + inValidIcon: "invisible", }, }, - isSuccess: { + isValid: { true: { - label: "!text-success", - value: "!text-neutral-500", - selectorIcon: "text-success", - trigger: ["!border-success", "data-[hover=true]:border-success"], + trigger: "!border-success group-data-[focus=true]:ring-success-200", + validIcon: "text-success", + errorMessage: "text-success", + }, + false: { + validIcon: "hidden", }, }, isRequired: { @@ -248,7 +254,7 @@ const select = tv({ { variant: "default", class: { - trigger: ["data-[focus=true]:ring-2", "data-[focus=true]:ring-brand-200", "bg-content1"], + trigger: ["data-[focus=true]:ring-1", "data-[focus=true]:ring-brand-200", "bg-content1"], selectorIcon: "!right-1 text-sm", }, }, @@ -343,12 +349,16 @@ const select = tv({ isInvalid: true, variant: "default", class: { - trigger: ["!border-danger", "data-[focus=true]:ring-4", "data-[focus=true]:ring-danger/60"], + trigger: [ + "!border-danger", + "data-[focus=true]:ring-2", + "data-[focus=true]:ring-danger-200", + ], }, }, - // isSuccess & variant + // isValid & variant { - isSuccess: true, + isValid: true, variant: "ghost", class: { trigger: [ @@ -359,13 +369,13 @@ const select = tv({ }, }, { - isSuccess: true, + isValid: true, variant: "default", class: { trigger: [ "!border-success", - "data-[focus=true]:ring-4", - "data-[focus=true]:ring-success/60", + "data-[focus=true]:ring-2", + "data-[focus=true]:ring-success-200", ], }, },