From 0194306448442e9f268959d3efa39a171cd2f146 Mon Sep 17 00:00:00 2001 From: TechQuery Date: Thu, 8 Jun 2023 19:37:04 +0800 Subject: [PATCH] [refactor] rewrite IdeaPopover to OverlayBox with Tooltip & Popover supporting [optimize] update Upstream packages --- .github/workflows/main.yml | 4 +- ReadMe.md | 4 +- package.json | 18 +- pnpm-lock.yaml | 470 ++++++++++++++++---------------- source/IdeaPopover.tsx | 90 +++--- stories/IdeaPopover.stories.tsx | 48 +++- stories/Introduction.mdx | 14 +- 7 files changed, 327 insertions(+), 321 deletions(-) diff --git a/.github/workflows/main.yml b/.github/workflows/main.yml index 0565269..c822d2d 100644 --- a/.github/workflows/main.yml +++ b/.github/workflows/main.yml @@ -11,10 +11,10 @@ jobs: - uses: pnpm/action-setup@v2 with: - version: 7 + version: 8 - uses: actions/setup-node@v3 with: - node-version: 14 + node-version: 16 registry-url: https://registry.npmjs.org cache: pnpm - name: Install Dependencies diff --git a/ReadMe.md b/ReadMe.md index ec4df21..4e2deeb 100644 --- a/ReadMe.md +++ b/ReadMe.md @@ -8,7 +8,7 @@ A **[React][1] advanced components library** based on [TypeScript][2] & [Bootstr [![NPM](https://nodei.co/npm/idea-react.png?downloads=true&downloadRank=true&stars=true)][7] - API document: https://idea2app.github.io/Idea-React/ -- Preview site: https://idea-react-stevending1st.vercel.app/ +- Preview site: https://idea-react.vercel.app/ ## Content @@ -52,7 +52,7 @@ Table, List & Form components around Data models, have been migrated to https:// ```html =6.9.0'} dependencies: - '@babel/types': 7.21.4 + '@babel/types': 7.22.0 '@jridgewell/gen-mapping': 0.3.2 '@jridgewell/trace-mapping': 0.3.18 jsesc: 2.5.2 @@ -414,7 +418,7 @@ packages: resolution: {integrity: sha512-UlJQPkFqFULIcyW5sbzgbkxn2FKRgwWiRexcuaR8RNJRy8+LLveqPjwZV/bwrLZCN0eUHD/x8D0heK1ozuoo6Q==} engines: {node: '>=6.9.0'} dependencies: - '@babel/types': 7.21.4 + '@babel/types': 7.22.0 dev: true /@babel/helper-member-expression-to-functions@7.21.0: @@ -696,8 +700,8 @@ packages: - supports-color dev: true - /@babel/plugin-proposal-decorators@7.22.0(@babel/core@7.21.5): - resolution: {integrity: sha512-LPmF3WrlMtI1xeccz9+ea0obboOxABDCd694sks+zysz5mYe8/4x35nu0xNyjDHdWH3dAjGhPZeUNOabg2824g==} + /@babel/plugin-proposal-decorators@7.22.3(@babel/core@7.21.5): + resolution: {integrity: sha512-XjTKH3sHr6pPqG+hR1NCdVupwiosfdKM2oSMyKQVQ5Bym9l/p7BuLAqT5U32zZzRCfPq/TPRPzMiiTE9bOXU4w==} engines: {node: '>=6.9.0'} peerDependencies: '@babel/core': ^7.0.0-0 @@ -707,7 +711,7 @@ packages: '@babel/helper-plugin-utils': 7.21.5 '@babel/helper-replace-supers': 7.22.1 '@babel/helper-split-export-declaration': 7.18.6 - '@babel/plugin-syntax-decorators': 7.22.0(@babel/core@7.21.5) + '@babel/plugin-syntax-decorators': 7.22.3(@babel/core@7.21.5) transitivePeerDependencies: - supports-color dev: true @@ -882,8 +886,8 @@ packages: '@babel/helper-plugin-utils': 7.21.5 dev: true - /@babel/plugin-syntax-decorators@7.22.0(@babel/core@7.21.5): - resolution: {integrity: sha512-INacrp45TWS9xd+Rg2DRcihgYYRuhWNyBIILH3uxyF09rd/zdgO0Qlftl7+IHxEjHHQIzYgQE5FdyVPA1B681Q==} + /@babel/plugin-syntax-decorators@7.22.3(@babel/core@7.21.5): + resolution: {integrity: sha512-R16Zuge73+8/nLcDjkIpyhi5wIbN7i7fiuLJR8yQX7vPAa/ltUKtd3iLbb4AgP5nrLi91HnNUNosELIGUGH1bg==} engines: {node: '>=6.9.0'} peerDependencies: '@babel/core': ^7.0.0-0 @@ -2100,8 +2104,8 @@ packages: engines: {node: ^14 || ^16 || >=18} dev: true - /@csstools/media-query-list-parser@2.0.4(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1): - resolution: {integrity: sha512-GyYot6jHgcSDZZ+tLSnrzkR7aJhF2ZW6d+CXH66mjy5WpAQhZD4HDke2OQ36SivGRWlZJpAz7TzbW6OKlEpxAA==} + /@csstools/media-query-list-parser@2.1.0(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1): + resolution: {integrity: sha512-MXkR+TeaS2q9IkpyO6jVCdtA/bfpABJxIrfkLswThFN8EZZgI2RfAHhm6sDNDuYV25d5+b8Lj1fpTccIcSLPsQ==} engines: {node: ^14 || ^16 || >=18} peerDependencies: '@csstools/css-parser-algorithms': ^2.1.1 @@ -2122,8 +2126,8 @@ packages: postcss-selector-parser: 6.0.11 dev: true - /@csstools/postcss-color-function@2.2.2(postcss@8.4.23): - resolution: {integrity: sha512-HpBtNAS8m07Umr1kYYOIKTSg2uBMjWMc7zeXchhodsZtopICa5pTyCIuuT0z9oy07j/M4+Uj0M01OLvmN0AHqA==} + /@csstools/postcss-color-function@2.2.3(postcss@8.4.23): + resolution: {integrity: sha512-b1ptNkr1UWP96EEHqKBWWaV5m/0hgYGctgA/RVZhONeP1L3T/8hwoqDm9bB23yVCfOgE9U93KI9j06+pEkJTvw==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 @@ -2131,12 +2135,12 @@ packages: '@csstools/css-color-parser': 1.2.0(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1) '@csstools/css-parser-algorithms': 2.1.1(@csstools/css-tokenizer@2.1.1) '@csstools/css-tokenizer': 2.1.1 - '@csstools/postcss-progressive-custom-properties': 2.2.0(postcss@8.4.23) + '@csstools/postcss-progressive-custom-properties': 2.3.0(postcss@8.4.23) postcss: 8.4.23 dev: true - /@csstools/postcss-color-mix-function@1.0.2(postcss@8.4.23): - resolution: {integrity: sha512-SZRZ1osJo5CR89xojPEkORnH6RS0FK1aktMujo52TCc74oJCIf6udX1e22qTeV8YG78lRNx8NpM3WzI4dL94tQ==} + /@csstools/postcss-color-mix-function@1.0.3(postcss@8.4.23): + resolution: {integrity: sha512-QGXjGugTluqFZWzVf+S3wCiRiI0ukXlYqCi7OnpDotP/zaVTyl/aqZujLFzTOXy24BoWnu89frGMc79ohY5eog==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 @@ -2144,7 +2148,7 @@ packages: '@csstools/css-color-parser': 1.2.0(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1) '@csstools/css-parser-algorithms': 2.1.1(@csstools/css-tokenizer@2.1.1) '@csstools/css-tokenizer': 2.1.1 - '@csstools/postcss-progressive-custom-properties': 2.2.0(postcss@8.4.23) + '@csstools/postcss-progressive-custom-properties': 2.3.0(postcss@8.4.23) postcss: 8.4.23 dev: true @@ -2158,8 +2162,8 @@ packages: postcss-value-parser: 4.2.0 dev: true - /@csstools/postcss-gradients-interpolation-method@3.0.5(postcss@8.4.23): - resolution: {integrity: sha512-x1tKUChKajjlZ+pOvapvHTXfRasXLBaChzwcKzI+wGsUmWIfIZhWVdksI/9Yeef0RhI9RFsEgr1fI3gWNcxHyg==} + /@csstools/postcss-gradients-interpolation-method@3.0.6(postcss@8.4.23): + resolution: {integrity: sha512-rBOBTat/YMmB0G8VHwKqDEx+RZ4KCU9j42K8LwS0IpZnyThalZZF7BCSsZ6TFlZhcRZKlZy3LLFI2pLqjNVGGA==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 @@ -2167,7 +2171,7 @@ packages: '@csstools/css-color-parser': 1.2.0(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1) '@csstools/css-parser-algorithms': 2.1.1(@csstools/css-tokenizer@2.1.1) '@csstools/css-tokenizer': 2.1.1 - '@csstools/postcss-progressive-custom-properties': 2.2.0(postcss@8.4.23) + '@csstools/postcss-progressive-custom-properties': 2.3.0(postcss@8.4.23) postcss: 8.4.23 dev: true @@ -2183,13 +2187,13 @@ packages: postcss: 8.4.23 dev: true - /@csstools/postcss-ic-unit@2.0.3(postcss@8.4.23): - resolution: {integrity: sha512-azDezOeI7IhLGqRauyfi/JuJOfNHM951h0TZWnL9L38xTmlBK+s7y4MpWXTq/Ohz8IuiIuVPobXTewsqXaTeiQ==} + /@csstools/postcss-ic-unit@2.0.4(postcss@8.4.23): + resolution: {integrity: sha512-9W2ZbV7whWnr1Gt4qYgxMWzbevZMOvclUczT5vk4yR6vS53W/njiiUhtm/jh/BKYwQ1W3PECZjgAd2dH4ebJig==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 dependencies: - '@csstools/postcss-progressive-custom-properties': 2.2.0(postcss@8.4.23) + '@csstools/postcss-progressive-custom-properties': 2.3.0(postcss@8.4.23) postcss: 8.4.23 postcss-value-parser: 4.2.0 dev: true @@ -2234,8 +2238,8 @@ packages: postcss: 8.4.23 dev: true - /@csstools/postcss-media-minmax@1.0.2(postcss@8.4.23): - resolution: {integrity: sha512-DsEykSINZTqlBefi1uSQBym1Rj0NQOj92dLRd5jUQpSy8yBVaXXmkiUgBUbb+gQh8imAdqPpz2v4sAUnw8yXXA==} + /@csstools/postcss-media-minmax@1.0.3(postcss@8.4.23): + resolution: {integrity: sha512-os7qe2HV/qBILKCGa/dl5AbpO6c+MZyunFBWPWJBrEVhulCYo13FgEWbhyERFM5FeJghiqYgJxM54oiJASpBnw==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 @@ -2243,19 +2247,19 @@ packages: '@csstools/css-calc': 1.1.1(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1) '@csstools/css-parser-algorithms': 2.1.1(@csstools/css-tokenizer@2.1.1) '@csstools/css-tokenizer': 2.1.1 - '@csstools/media-query-list-parser': 2.0.4(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1) + '@csstools/media-query-list-parser': 2.1.0(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1) postcss: 8.4.23 dev: true - /@csstools/postcss-media-queries-aspect-ratio-number-values@1.0.2(postcss@8.4.23): - resolution: {integrity: sha512-rOSR5p+5m0joXUoitYgCyMqNCu97yfLsLG3cnNaM8VeJRCWHGEu5hE9Gv0M7n9A4wo2pYF8QqaxkTlWbSJY9Fg==} + /@csstools/postcss-media-queries-aspect-ratio-number-values@1.0.3(postcss@8.4.23): + resolution: {integrity: sha512-JHdwBSNZsur/mJXwzuC/gxyekhfSdWJaTiSOhUITk2D8pYRYcjV1MZiCiWupQNfM2Qp2W7w1A/gEU6U/xlpIyA==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 dependencies: '@csstools/css-parser-algorithms': 2.1.1(@csstools/css-tokenizer@2.1.1) '@csstools/css-tokenizer': 2.1.1 - '@csstools/media-query-list-parser': 2.0.4(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1) + '@csstools/media-query-list-parser': 2.1.0(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1) postcss: 8.4.23 dev: true @@ -2279,8 +2283,8 @@ packages: postcss-value-parser: 4.2.0 dev: true - /@csstools/postcss-oklab-function@2.2.2(postcss@8.4.23): - resolution: {integrity: sha512-25Y9GYia9QamEOHx3B8hyHftDo/lzVhmPPm96ziOzOri9MDZvphPYPyx8NxQXh0P1P0j92eJcOjw4AO6HcXWYw==} + /@csstools/postcss-oklab-function@2.2.3(postcss@8.4.23): + resolution: {integrity: sha512-AgJ2rWMnLCDcbSMTHSqBYn66DNLBym6JpBpCaqmwZ9huGdljjDRuH3DzOYzkgQ7Pm2K92IYIq54IvFHloUOdvA==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 @@ -2288,12 +2292,12 @@ packages: '@csstools/css-color-parser': 1.2.0(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1) '@csstools/css-parser-algorithms': 2.1.1(@csstools/css-tokenizer@2.1.1) '@csstools/css-tokenizer': 2.1.1 - '@csstools/postcss-progressive-custom-properties': 2.2.0(postcss@8.4.23) + '@csstools/postcss-progressive-custom-properties': 2.3.0(postcss@8.4.23) postcss: 8.4.23 dev: true - /@csstools/postcss-progressive-custom-properties@2.2.0(postcss@8.4.23): - resolution: {integrity: sha512-qtJ2Jgf5bQW65OK7JaR0dw+XL3tc3BN99g+I5cRdik++HpyZitrKKxIwDGb3OHp2Yo3PZKuiX8pXljqmLHT/eg==} + /@csstools/postcss-progressive-custom-properties@2.3.0(postcss@8.4.23): + resolution: {integrity: sha512-Zd8ojyMlsL919TBExQ1I0CTpBDdyCpH/yOdqatZpuC3sd22K4SwC7+Yez3Q/vmXMWSAl+shjNeFZ7JMyxMjK+Q==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 @@ -2302,8 +2306,8 @@ packages: postcss-value-parser: 4.2.0 dev: true - /@csstools/postcss-relative-color-syntax@1.0.0(postcss@8.4.23): - resolution: {integrity: sha512-/Q2xOHjOeq8p8j/+yilJlroWzqbBca3+tux2ikkArsAsQS9sHWbFtPz602EpNnoGSnVg7o/QSf3xxaekyzv/8A==} + /@csstools/postcss-relative-color-syntax@1.0.1(postcss@8.4.23): + resolution: {integrity: sha512-IskxdQqAkx/pyyOEW3Lhn3nvOu5zlaZ8wQljFl5zc3ABl+gEFf2G42yWK3+wX+J0F4jm7OikOigXo9fAISFEmg==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 @@ -2311,7 +2315,7 @@ packages: '@csstools/css-color-parser': 1.2.0(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1) '@csstools/css-parser-algorithms': 2.1.1(@csstools/css-tokenizer@2.1.1) '@csstools/css-tokenizer': 2.1.1 - '@csstools/postcss-progressive-custom-properties': 2.2.0(postcss@8.4.23) + '@csstools/postcss-progressive-custom-properties': 2.3.0(postcss@8.4.23) postcss: 8.4.23 dev: true @@ -2599,13 +2603,13 @@ packages: dev: true optional: true - /@eslint-community/eslint-utils@4.4.0(eslint@8.41.0): + /@eslint-community/eslint-utils@4.4.0(eslint@8.42.0): resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} peerDependencies: eslint: ^6.0.0 || ^7.0.0 || >=8.0.0 dependencies: - eslint: 8.41.0 + eslint: 8.42.0 eslint-visitor-keys: 3.4.1 dev: true @@ -2631,8 +2635,8 @@ packages: - supports-color dev: true - /@eslint/js@8.41.0: - resolution: {integrity: sha512-LxcyMGxwmTh2lY9FwHPGWOHmYFCZvbrFCBZL4FzSSsxsRPuhrYUg/49/0KDfW8tnIEaEHtfmn6+NPN+1DqaNmA==} + /@eslint/js@8.42.0: + resolution: {integrity: sha512-6SWlXpWU5AvId8Ac7zjzmIOqMOba/JWY8XZ4A7q7Gn1Vlfg/SFFIlrtHXt9nPn4op9ZPAkl91Jao+QQv3r/ukw==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} dev: true @@ -2640,8 +2644,8 @@ packages: resolution: {integrity: sha512-cEee/Z+I12mZcFJshKcCqC8tuX5hG3s+d+9nZ3LabqKF1vKdF41B92pJVCBggjAGORAeOzyyDDKrZwIkLffeOQ==} dev: true - /@humanwhocodes/config-array@0.11.8: - resolution: {integrity: sha512-UybHIJzJnR5Qc/MsD9Kr+RpO2h+/P1GhOwdiLPXK5TWk5sgTdu88bTD9UP+CKbPPh5Rni1u0GjAdYQLemG8g+g==} + /@humanwhocodes/config-array@0.11.10: + resolution: {integrity: sha512-KVVjQmNUepDVGXNuoRRdmmEjruj0KfiGSbS8LVc12LMsWDQzRXJ0qdhN8L8uUigKpfEHRhlaQFY0ib1tnUbNeQ==} engines: {node: '>=10.10.0'} dependencies: '@humanwhocodes/object-schema': 1.2.1 @@ -2712,7 +2716,7 @@ packages: dependencies: '@types/istanbul-lib-coverage': 2.0.4 '@types/istanbul-reports': 3.0.1 - '@types/node': 16.18.33 + '@types/node': 16.18.34 '@types/yargs': 16.0.5 chalk: 4.1.2 dev: true @@ -2724,12 +2728,12 @@ packages: '@jest/schemas': 29.4.3 '@types/istanbul-lib-coverage': 2.0.4 '@types/istanbul-reports': 3.0.1 - '@types/node': 16.18.33 + '@types/node': 16.18.34 '@types/yargs': 17.0.24 chalk: 4.1.2 dev: true - /@joshwooding/vite-plugin-react-docgen-typescript@0.2.1(typescript@5.0.4)(vite@4.3.9): + /@joshwooding/vite-plugin-react-docgen-typescript@0.2.1(typescript@5.1.3)(vite@4.3.9): resolution: {integrity: sha512-ou4ZJSXMMWHqGS4g8uNRbC5TiTWxAgQZiVucoUrOCWuPrTbkpJbmVyIi9jU72SBry7gQtuMEDp4YR8EEXAg7VQ==} peerDependencies: typescript: '>= 4.3.x' @@ -2741,9 +2745,9 @@ packages: glob: 7.2.3 glob-promise: 4.2.2(glob@7.2.3) magic-string: 0.27.0 - react-docgen-typescript: 2.2.2(typescript@5.0.4) - typescript: 5.0.4 - vite: 4.3.9(@types/node@16.18.33)(less@4.1.3) + react-docgen-typescript: 2.2.2(typescript@5.1.3) + typescript: 5.1.3 + vite: 4.3.9(@types/node@16.18.34)(less@4.1.3) dev: true /@jridgewell/gen-mapping@0.3.2: @@ -2809,24 +2813,24 @@ packages: react: 17.0.2 dev: true - /@microsoft/api-extractor-model@7.27.0(@types/node@16.18.33): - resolution: {integrity: sha512-wHqIMiwSARmiuVLn/zmVpiRncq6hvBfC5GF+sjrN3w4FqVkqFYk7DetvfRNdy/3URdqqmYGrhJlcU9HpLnHOPg==} + /@microsoft/api-extractor-model@7.27.1(@types/node@16.18.34): + resolution: {integrity: sha512-WgmuQwElTuRLATQxCx+pqk5FtUeRX3FW8WDo7tSDmrN/7+XAggeVg5t8ItiJt688jEdbiPvagZlvjAcJMpXspg==} dependencies: '@microsoft/tsdoc': 0.14.2 '@microsoft/tsdoc-config': 0.16.2 - '@rushstack/node-core-library': 3.59.1(@types/node@16.18.33) + '@rushstack/node-core-library': 3.59.2(@types/node@16.18.34) transitivePeerDependencies: - '@types/node' dev: true - /@microsoft/api-extractor@7.35.0(@types/node@16.18.33): - resolution: {integrity: sha512-yBGfPJeEtzk8sg2hE2/vOPRvnJBvstbWNGeyGV1jIEUSgytzQ0QPgPEkOsP2n7nBfnyRXmZaBa2vJPGOzVWy+g==} + /@microsoft/api-extractor@7.35.1(@types/node@16.18.34): + resolution: {integrity: sha512-xGVf1lKCYKEyJsspLzQjo4Oo6PGDPH95Z5/te75xQWpcRHcfemb6zTSPtiFeVDHkg9Tan5HW2QXGLwQRkW199w==} hasBin: true dependencies: - '@microsoft/api-extractor-model': 7.27.0(@types/node@16.18.33) + '@microsoft/api-extractor-model': 7.27.1(@types/node@16.18.34) '@microsoft/tsdoc': 0.14.2 '@microsoft/tsdoc-config': 0.16.2 - '@rushstack/node-core-library': 3.59.1(@types/node@16.18.33) + '@rushstack/node-core-library': 3.59.2(@types/node@16.18.34) '@rushstack/rig-package': 0.3.19 '@rushstack/ts-command-line': 4.13.3 colors: 1.2.5 @@ -2985,15 +2989,15 @@ packages: picomatch: 2.3.1 dev: true - /@rushstack/node-core-library@3.59.1(@types/node@16.18.33): - resolution: {integrity: sha512-iy/xaEhXGpX+DY1ZzAtNA+QPw+9+TJh773Im+JxG4R1fu00/vWq470UOEj6upxlUxmp0JxhnmNRxzfptHrn/Uw==} + /@rushstack/node-core-library@3.59.2(@types/node@16.18.34): + resolution: {integrity: sha512-Od8i9ZXiRPHrnkuNOZ9IjEYRQ9JsBLNHlkWJr1wSQZrD2TVIc8APpIB/FnzEcjfpbJMT4XhtcCZaa0pVx+hTXw==} peerDependencies: '@types/node': '*' peerDependenciesMeta: '@types/node': optional: true dependencies: - '@types/node': 16.18.33 + '@types/node': 16.18.34 colors: 1.2.5 fs-extra: 7.0.1 import-lazy: 4.0.0 @@ -3409,7 +3413,7 @@ packages: - supports-color dev: true - /@storybook/builder-vite@7.0.18(typescript@5.0.4)(vite@4.3.9): + /@storybook/builder-vite@7.0.18(typescript@5.1.3)(vite@4.3.9): resolution: {integrity: sha512-Qze6/PwUJq+z776dBoG5uinAEVZyPalZIaU/VOWpTrN8L9FQbL0+HDrZU2E/BMNW+ZfnSjF3V2USLyiutsC1Tw==} peerDependencies: '@preact/preset-vite': '*' @@ -3444,8 +3448,8 @@ packages: remark-external-links: 8.0.0 remark-slug: 6.1.0 rollup: 3.21.0 - typescript: 5.0.4 - vite: 4.3.9(@types/node@16.18.33)(less@4.1.3) + typescript: 5.1.3 + vite: 4.3.9(@types/node@16.18.34)(less@4.1.3) transitivePeerDependencies: - supports-color dev: true @@ -3580,7 +3584,7 @@ packages: dependencies: '@storybook/node-logger': 7.0.18 '@storybook/types': 7.0.18 - '@types/node': 16.18.33 + '@types/node': 16.18.34 '@types/pretty-hrtime': 1.0.1 chalk: 4.1.2 esbuild: 0.17.18 @@ -3623,7 +3627,7 @@ packages: '@storybook/telemetry': 7.0.18 '@storybook/types': 7.0.18 '@types/detect-port': 1.3.2 - '@types/node': 16.18.33 + '@types/node': 16.18.34 '@types/node-fetch': 2.6.4 '@types/pretty-hrtime': 1.0.1 '@types/semver': 7.5.0 @@ -3800,7 +3804,7 @@ packages: react-dom: 17.0.2(react@17.0.2) dev: true - /@storybook/react-vite@7.0.18(react-dom@17.0.2)(react@17.0.2)(typescript@5.0.4)(vite@4.3.9): + /@storybook/react-vite@7.0.18(react-dom@17.0.2)(react@17.0.2)(typescript@5.1.3)(vite@4.3.9): resolution: {integrity: sha512-rxJwp/b0dPazn15xLIeRgwrdZGWmoqoLhU7Mm+AXKToXvbe77i2bjHhkFbz34dpKFtD0i/ajcZSpmsxpxfB0HA==} engines: {node: '>=16'} peerDependencies: @@ -3808,17 +3812,17 @@ packages: react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 vite: ^3.0.0 || ^4.0.0 dependencies: - '@joshwooding/vite-plugin-react-docgen-typescript': 0.2.1(typescript@5.0.4)(vite@4.3.9) + '@joshwooding/vite-plugin-react-docgen-typescript': 0.2.1(typescript@5.1.3)(vite@4.3.9) '@rollup/pluginutils': 4.2.1 - '@storybook/builder-vite': 7.0.18(typescript@5.0.4)(vite@4.3.9) - '@storybook/react': 7.0.18(react-dom@17.0.2)(react@17.0.2)(typescript@5.0.4) + '@storybook/builder-vite': 7.0.18(typescript@5.1.3)(vite@4.3.9) + '@storybook/react': 7.0.18(react-dom@17.0.2)(react@17.0.2)(typescript@5.1.3) '@vitejs/plugin-react': 3.1.0(vite@4.3.9) ast-types: 0.14.2 magic-string: 0.27.0 react: 17.0.2 react-docgen: 6.0.0-alpha.3 react-dom: 17.0.2(react@17.0.2) - vite: 4.3.9(@types/node@16.18.33)(less@4.1.3) + vite: 4.3.9(@types/node@16.18.34)(less@4.1.3) transitivePeerDependencies: - '@preact/preset-vite' - supports-color @@ -3826,7 +3830,7 @@ packages: - vite-plugin-glimmerx dev: true - /@storybook/react@7.0.18(react-dom@17.0.2)(react@17.0.2)(typescript@5.0.4): + /@storybook/react@7.0.18(react-dom@17.0.2)(react@17.0.2)(typescript@5.1.3): resolution: {integrity: sha512-lumUbHYeuL3qa4SZR9K2YC4UIt1hwW19GuI/6f2HEV5gR9QHHSJHg9HD9pjcxv4fQaiG81ACZ0Sg6lyUkcJvuQ==} engines: {node: '>=16.0.0'} peerDependencies: @@ -3846,7 +3850,7 @@ packages: '@storybook/types': 7.0.18 '@types/escodegen': 0.0.6 '@types/estree': 0.0.51 - '@types/node': 16.18.33 + '@types/node': 16.18.34 acorn: 7.4.1 acorn-jsx: 5.3.2(acorn@7.4.1) acorn-walk: 7.2.0 @@ -3859,7 +3863,7 @@ packages: react-element-to-jsx-string: 15.0.0(react-dom@17.0.2)(react@17.0.2) ts-dedent: 2.2.0 type-fest: 2.19.0 - typescript: 5.0.4 + typescript: 5.1.3 util-deprecate: 1.0.2 transitivePeerDependencies: - supports-color @@ -4039,13 +4043,13 @@ packages: resolution: {integrity: sha512-ALYone6pm6QmwZoAgeyNksccT9Q4AWZQ6PvfwR37GT6r6FWUPguq6sUmNGSMV2Wr761oQoBxwGGa6DR5o1DC9g==} dependencies: '@types/connect': 3.4.35 - '@types/node': 16.18.33 + '@types/node': 16.18.34 dev: true /@types/connect@3.4.35: resolution: {integrity: sha512-cdeYyv4KWoEgpBISTxWvqYsVy444DOqehiF3fM3ne10AmJ62RSyNkUnxMJXHQWRQQX2eR94m5y1IZyDwBjV9FQ==} dependencies: - '@types/node': 16.18.33 + '@types/node': 16.18.34 dev: true /@types/detect-port@1.3.2: @@ -4071,7 +4075,7 @@ packages: /@types/express-serve-static-core@4.17.35: resolution: {integrity: sha512-wALWQwrgiB2AWTT91CB62b6Yt0sNHpznUXeZEcnPU3DRdlDIz74x8Qg1UUYKSVFi+va5vKOLYRBI1bRKiLLKIg==} dependencies: - '@types/node': 16.18.33 + '@types/node': 16.18.34 '@types/qs': 6.9.7 '@types/range-parser': 1.2.4 '@types/send': 0.17.1 @@ -4098,20 +4102,20 @@ packages: resolution: {integrity: sha512-ZUxbzKl0IfJILTS6t7ip5fQQM/J3TJYubDm3nMbgubNNYS62eXeUpoLUC8/7fJNiFYHTrGPQn7hspDUzIHX3UA==} dependencies: '@types/minimatch': 5.1.2 - '@types/node': 16.18.33 + '@types/node': 16.18.34 dev: true /@types/glob@8.1.0: resolution: {integrity: sha512-IO+MJPVhoqz+28h1qLAcBEH2+xHMK6MTyHJc7MTnnYb6wsoLR29POVGJ7LycmVXIqyy/4/2ShP5sUwTXuOwb/w==} dependencies: '@types/minimatch': 5.1.2 - '@types/node': 16.18.33 + '@types/node': 16.18.34 dev: true /@types/graceful-fs@4.1.6: resolution: {integrity: sha512-Sig0SNORX9fdW+bQuTEovKj3uHcUL6LQKbCrrqb1X7J6/ReAbhCXRAhc+SMejhLELFj2QcyuxmUooZ4bt5ReSw==} dependencies: - '@types/node': 16.18.33 + '@types/node': 16.18.34 dev: true /@types/hast@2.3.4: @@ -4181,12 +4185,12 @@ packages: /@types/node-fetch@2.6.4: resolution: {integrity: sha512-1ZX9fcN4Rvkvgv4E6PAY5WXUFWFcRWxZa3EW83UjycOB9ljJCedb2CupIP4RZMEwF/M3eTcCihbBRgwtGbg5Rg==} dependencies: - '@types/node': 16.18.33 + '@types/node': 16.18.34 form-data: 3.0.1 dev: true - /@types/node@16.18.33: - resolution: {integrity: sha512-WjW7iYRVtePnSeLxVfE1e+g1yStJrfR9Anuv4y6JZVgOqYyFcW7GhPBk2/J1d0rC4ZNLrI13lS4e32NUuuRmHA==} + /@types/node@16.18.34: + resolution: {integrity: sha512-VmVm7gXwhkUimRfBwVI1CHhwp86jDWR04B5FGebMMyxV90SlCmFujwUHrxTD4oO+SOYU86SoxvhgeRQJY7iXFg==} dev: true /@types/normalize-package-data@2.4.1: @@ -4246,14 +4250,14 @@ packages: resolution: {integrity: sha512-Cwo8LE/0rnvX7kIIa3QHCkcuF21c05Ayb0ZfxPiv0W8VRiZiNW/WuRupHKpqqGVGf7SUA44QSOUKaEd9lIrd/Q==} dependencies: '@types/mime': 1.3.2 - '@types/node': 16.18.33 + '@types/node': 16.18.34 dev: true /@types/serve-static@1.15.1: resolution: {integrity: sha512-NUo5XNiAdULrJENtJXZZ3fHtfMolzZwczzBbnAeBbqBwG+LaG6YaJtuwzwGSQZ2wsCrxjEhNNjAkKigy3n8teQ==} dependencies: '@types/mime': 3.0.1 - '@types/node': 16.18.33 + '@types/node': 16.18.34 dev: true /@types/unist@2.0.6: @@ -4280,8 +4284,8 @@ packages: '@types/yargs-parser': 21.0.0 dev: true - /@typescript-eslint/eslint-plugin@5.59.8(@typescript-eslint/parser@5.59.8)(eslint@8.41.0)(typescript@5.0.4): - resolution: {integrity: sha512-JDMOmhXteJ4WVKOiHXGCoB96ADWg9q7efPWHRViT/f09bA8XOMLAVHHju3l0MkZnG1izaWXYmgvQcUjTRcpShQ==} + /@typescript-eslint/eslint-plugin@5.59.9(@typescript-eslint/parser@5.59.9)(eslint@8.42.0)(typescript@5.1.3): + resolution: {integrity: sha512-4uQIBq1ffXd2YvF7MAvehWKW3zVv/w+mSfRAu+8cKbfj3nwzyqJLNcZJpQ/WZ1HLbJDiowwmQ6NO+63nCA+fqA==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} peerDependencies: '@typescript-eslint/parser': ^5.0.0 @@ -4292,24 +4296,24 @@ packages: optional: true dependencies: '@eslint-community/regexpp': 4.5.1 - '@typescript-eslint/parser': 5.59.8(eslint@8.41.0)(typescript@5.0.4) - '@typescript-eslint/scope-manager': 5.59.8 - '@typescript-eslint/type-utils': 5.59.8(eslint@8.41.0)(typescript@5.0.4) - '@typescript-eslint/utils': 5.59.8(eslint@8.41.0)(typescript@5.0.4) + '@typescript-eslint/parser': 5.59.9(eslint@8.42.0)(typescript@5.1.3) + '@typescript-eslint/scope-manager': 5.59.9 + '@typescript-eslint/type-utils': 5.59.9(eslint@8.42.0)(typescript@5.1.3) + '@typescript-eslint/utils': 5.59.9(eslint@8.42.0)(typescript@5.1.3) debug: 4.3.4 - eslint: 8.41.0 + eslint: 8.42.0 grapheme-splitter: 1.0.4 ignore: 5.2.4 natural-compare-lite: 1.4.0 semver: 7.3.7 - tsutils: 3.21.0(typescript@5.0.4) - typescript: 5.0.4 + tsutils: 3.21.0(typescript@5.1.3) + typescript: 5.1.3 transitivePeerDependencies: - supports-color dev: true - /@typescript-eslint/parser@5.59.8(eslint@8.41.0)(typescript@5.0.4): - resolution: {integrity: sha512-AnR19RjJcpjoeGojmwZtCwBX/RidqDZtzcbG3xHrmz0aHHoOcbWnpDllenRDmDvsV0RQ6+tbb09/kyc+UT9Orw==} + /@typescript-eslint/parser@5.59.9(eslint@8.42.0)(typescript@5.1.3): + resolution: {integrity: sha512-FsPkRvBtcLQ/eVK1ivDiNYBjn3TGJdXy2fhXX+rc7czWl4ARwnpArwbihSOHI2Peg9WbtGHrbThfBUkZZGTtvQ==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} peerDependencies: eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 @@ -4318,26 +4322,26 @@ packages: typescript: optional: true dependencies: - '@typescript-eslint/scope-manager': 5.59.8 - '@typescript-eslint/types': 5.59.8 - '@typescript-eslint/typescript-estree': 5.59.8(typescript@5.0.4) + '@typescript-eslint/scope-manager': 5.59.9 + '@typescript-eslint/types': 5.59.9 + '@typescript-eslint/typescript-estree': 5.59.9(typescript@5.1.3) debug: 4.3.4 - eslint: 8.41.0 - typescript: 5.0.4 + eslint: 8.42.0 + typescript: 5.1.3 transitivePeerDependencies: - supports-color dev: true - /@typescript-eslint/scope-manager@5.59.8: - resolution: {integrity: sha512-/w08ndCYI8gxGf+9zKf1vtx/16y8MHrZs5/tnjHhMLNSixuNcJavSX4wAiPf4aS5x41Es9YPCn44MIe4cxIlig==} + /@typescript-eslint/scope-manager@5.59.9: + resolution: {integrity: sha512-8RA+E+w78z1+2dzvK/tGZ2cpGigBZ58VMEHDZtpE1v+LLjzrYGc8mMaTONSxKyEkz3IuXFM0IqYiGHlCsmlZxQ==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} dependencies: - '@typescript-eslint/types': 5.59.8 - '@typescript-eslint/visitor-keys': 5.59.8 + '@typescript-eslint/types': 5.59.9 + '@typescript-eslint/visitor-keys': 5.59.9 dev: true - /@typescript-eslint/type-utils@5.59.8(eslint@8.41.0)(typescript@5.0.4): - resolution: {integrity: sha512-+5M518uEIHFBy3FnyqZUF3BMP+AXnYn4oyH8RF012+e7/msMY98FhGL5SrN29NQ9xDgvqCgYnsOiKp1VjZ/fpA==} + /@typescript-eslint/type-utils@5.59.9(eslint@8.42.0)(typescript@5.1.3): + resolution: {integrity: sha512-ksEsT0/mEHg9e3qZu98AlSrONAQtrSTljL3ow9CGej8eRo7pe+yaC/mvTjptp23Xo/xIf2mLZKC6KPv4Sji26Q==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} peerDependencies: eslint: '*' @@ -4346,23 +4350,23 @@ packages: typescript: optional: true dependencies: - '@typescript-eslint/typescript-estree': 5.59.8(typescript@5.0.4) - '@typescript-eslint/utils': 5.59.8(eslint@8.41.0)(typescript@5.0.4) + '@typescript-eslint/typescript-estree': 5.59.9(typescript@5.1.3) + '@typescript-eslint/utils': 5.59.9(eslint@8.42.0)(typescript@5.1.3) debug: 4.3.4 - eslint: 8.41.0 - tsutils: 3.21.0(typescript@5.0.4) - typescript: 5.0.4 + eslint: 8.42.0 + tsutils: 3.21.0(typescript@5.1.3) + typescript: 5.1.3 transitivePeerDependencies: - supports-color dev: true - /@typescript-eslint/types@5.59.8: - resolution: {integrity: sha512-+uWuOhBTj/L6awoWIg0BlWy0u9TyFpCHrAuQ5bNfxDaZ1Ppb3mx6tUigc74LHcbHpOHuOTOJrBoAnhdHdaea1w==} + /@typescript-eslint/types@5.59.9: + resolution: {integrity: sha512-uW8H5NRgTVneSVTfiCVffBb8AbwWSKg7qcA4Ot3JI3MPCJGsB4Db4BhvAODIIYE5mNj7Q+VJkK7JxmRhk2Lyjw==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} dev: true - /@typescript-eslint/typescript-estree@5.59.8(typescript@5.0.4): - resolution: {integrity: sha512-Jy/lPSDJGNow14vYu6IrW790p7HIf/SOV1Bb6lZ7NUkLc2iB2Z9elESmsaUtLw8kVqogSbtLH9tut5GCX1RLDg==} + /@typescript-eslint/typescript-estree@5.59.9(typescript@5.1.3): + resolution: {integrity: sha512-pmM0/VQ7kUhd1QyIxgS+aRvMgw+ZljB3eDb+jYyp6d2bC0mQWLzUDF+DLwCTkQ3tlNyVsvZRXjFyV0LkU/aXjA==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} peerDependencies: typescript: '*' @@ -4370,31 +4374,31 @@ packages: typescript: optional: true dependencies: - '@typescript-eslint/types': 5.59.8 - '@typescript-eslint/visitor-keys': 5.59.8 + '@typescript-eslint/types': 5.59.9 + '@typescript-eslint/visitor-keys': 5.59.9 debug: 4.3.4 globby: 11.1.0 is-glob: 4.0.3 semver: 7.3.7 - tsutils: 3.21.0(typescript@5.0.4) - typescript: 5.0.4 + tsutils: 3.21.0(typescript@5.1.3) + typescript: 5.1.3 transitivePeerDependencies: - supports-color dev: true - /@typescript-eslint/utils@5.59.8(eslint@8.41.0)(typescript@5.0.4): - resolution: {integrity: sha512-Tr65630KysnNn9f9G7ROF3w1b5/7f6QVCJ+WK9nhIocWmx9F+TmCAcglF26Vm7z8KCTwoKcNEBZrhlklla3CKg==} + /@typescript-eslint/utils@5.59.9(eslint@8.42.0)(typescript@5.1.3): + resolution: {integrity: sha512-1PuMYsju/38I5Ggblaeb98TOoUvjhRvLpLa1DoTOFaLWqaXl/1iQ1eGurTXgBY58NUdtfTXKP5xBq7q9NDaLKg==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} peerDependencies: eslint: ^6.0.0 || ^7.0.0 || ^8.0.0 dependencies: - '@eslint-community/eslint-utils': 4.4.0(eslint@8.41.0) + '@eslint-community/eslint-utils': 4.4.0(eslint@8.42.0) '@types/json-schema': 7.0.12 '@types/semver': 7.5.0 - '@typescript-eslint/scope-manager': 5.59.8 - '@typescript-eslint/types': 5.59.8 - '@typescript-eslint/typescript-estree': 5.59.8(typescript@5.0.4) - eslint: 8.41.0 + '@typescript-eslint/scope-manager': 5.59.9 + '@typescript-eslint/types': 5.59.9 + '@typescript-eslint/typescript-estree': 5.59.9(typescript@5.1.3) + eslint: 8.42.0 eslint-scope: 5.1.1 semver: 7.3.7 transitivePeerDependencies: @@ -4402,11 +4406,11 @@ packages: - typescript dev: true - /@typescript-eslint/visitor-keys@5.59.8: - resolution: {integrity: sha512-pJhi2ms0x0xgloT7xYabil3SGGlojNNKjK/q6dB3Ey0uJLMjK2UDGJvHieiyJVW/7C3KI+Z4Q3pEHkm4ejA+xQ==} + /@typescript-eslint/visitor-keys@5.59.9: + resolution: {integrity: sha512-bT7s0td97KMaLwpEBckbzj/YohnvXtqbe2XgqNvTl6RJVakY5mvENOTPvw5u66nljfZxthESpDozs86U+oLY8Q==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} dependencies: - '@typescript-eslint/types': 5.59.8 + '@typescript-eslint/types': 5.59.9 eslint-visitor-keys: 3.4.1 dev: true @@ -4421,7 +4425,7 @@ packages: '@babel/plugin-transform-react-jsx-source': 7.19.6(@babel/core@7.21.5) magic-string: 0.27.0 react-refresh: 0.14.0 - vite: 4.3.9(@types/node@16.18.33)(less@4.1.3) + vite: 4.3.9(@types/node@16.18.34)(less@4.1.3) transitivePeerDependencies: - supports-color dev: true @@ -4436,7 +4440,7 @@ packages: '@babel/plugin-transform-react-jsx-self': 7.21.0(@babel/core@7.21.5) '@babel/plugin-transform-react-jsx-source': 7.19.6(@babel/core@7.21.5) react-refresh: 0.14.0 - vite: 4.3.9(@types/node@16.18.33)(less@4.1.3) + vite: 4.3.9(@types/node@16.18.34)(less@4.1.3) transitivePeerDependencies: - supports-color dev: true @@ -5926,13 +5930,13 @@ packages: optionalDependencies: source-map: 0.6.1 - /eslint-config-prettier@8.8.0(eslint@8.41.0): + /eslint-config-prettier@8.8.0(eslint@8.42.0): resolution: {integrity: sha512-wLbQiFre3tdGgpDv67NQKnJuTlcUVYHas3k+DZCc2U2BadthoEY4B7hLPvAxaqdyOGCzuLfii2fqGph10va7oA==} hasBin: true peerDependencies: eslint: '>=7.0.0' dependencies: - eslint: 8.41.0 + eslint: 8.42.0 dev: true /eslint-import-resolver-node@0.3.7: @@ -5945,7 +5949,7 @@ packages: - supports-color dev: true - /eslint-module-utils@2.8.0(@typescript-eslint/parser@5.59.8)(eslint-import-resolver-node@0.3.7)(eslint@8.41.0): + /eslint-module-utils@2.8.0(@typescript-eslint/parser@5.59.9)(eslint-import-resolver-node@0.3.7)(eslint@8.42.0): resolution: {integrity: sha512-aWajIYfsqCKRDgUfjEXNN/JlrzauMuSEy5sbd7WXbtW3EH6A6MpwEh42c7qD+MqQo9QMJ6fWLAeIJynx0g6OAw==} engines: {node: '>=4'} peerDependencies: @@ -5966,15 +5970,15 @@ packages: eslint-import-resolver-webpack: optional: true dependencies: - '@typescript-eslint/parser': 5.59.8(eslint@8.41.0)(typescript@5.0.4) + '@typescript-eslint/parser': 5.59.9(eslint@8.42.0)(typescript@5.1.3) debug: 3.2.7 - eslint: 8.41.0 + eslint: 8.42.0 eslint-import-resolver-node: 0.3.7 transitivePeerDependencies: - supports-color dev: true - /eslint-plugin-import@2.27.5(@typescript-eslint/parser@5.59.8)(eslint@8.41.0): + /eslint-plugin-import@2.27.5(@typescript-eslint/parser@5.59.9)(eslint@8.42.0): resolution: {integrity: sha512-LmEt3GVofgiGuiE+ORpnvP+kAm3h6MLZJ4Q5HCyHADofsb4VzXFsRiWj3c0OFiV+3DWFh0qg3v9gcPlfc3zRow==} engines: {node: '>=4'} peerDependencies: @@ -5984,15 +5988,15 @@ packages: '@typescript-eslint/parser': optional: true dependencies: - '@typescript-eslint/parser': 5.59.8(eslint@8.41.0)(typescript@5.0.4) + '@typescript-eslint/parser': 5.59.9(eslint@8.42.0)(typescript@5.1.3) array-includes: 3.1.6 array.prototype.flat: 1.3.1 array.prototype.flatmap: 1.3.1 debug: 3.2.7 doctrine: 2.1.0 - eslint: 8.41.0 + eslint: 8.42.0 eslint-import-resolver-node: 0.3.7 - eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.59.8)(eslint-import-resolver-node@0.3.7)(eslint@8.41.0) + eslint-module-utils: 2.8.0(@typescript-eslint/parser@5.59.9)(eslint-import-resolver-node@0.3.7)(eslint@8.42.0) has: 1.0.3 is-core-module: 2.12.0 is-glob: 4.0.3 @@ -6007,12 +6011,12 @@ packages: - supports-color dev: true - /eslint-plugin-simple-import-sort@10.0.0(eslint@8.41.0): + /eslint-plugin-simple-import-sort@10.0.0(eslint@8.42.0): resolution: {integrity: sha512-AeTvO9UCMSNzIHRkg8S6c3RPy5YEwKWSQPx3DYghLedo2ZQxowPFLGDN1AZ2evfg6r6mjBSZSLxLFsWSu3acsw==} peerDependencies: eslint: '>=5.0.0' dependencies: - eslint: 8.41.0 + eslint: 8.42.0 dev: true /eslint-scope@5.1.1: @@ -6036,16 +6040,16 @@ packages: engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} dev: true - /eslint@8.41.0: - resolution: {integrity: sha512-WQDQpzGBOP5IrXPo4Hc0814r4/v2rrIsB0rhT7jtunIalgg6gYXWhRMOejVO8yH21T/FGaxjmFjBMNqcIlmH1Q==} + /eslint@8.42.0: + resolution: {integrity: sha512-ulg9Ms6E1WPf67PHaEY4/6E2tEn5/f7FXGzr3t9cBMugOmf1INYvuUwwh1aXQN4MfJ6a5K2iNwP3w4AColvI9A==} engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0} hasBin: true dependencies: - '@eslint-community/eslint-utils': 4.4.0(eslint@8.41.0) + '@eslint-community/eslint-utils': 4.4.0(eslint@8.42.0) '@eslint-community/regexpp': 4.5.1 '@eslint/eslintrc': 2.0.3 - '@eslint/js': 8.41.0 - '@humanwhocodes/config-array': 0.11.8 + '@eslint/js': 8.42.0 + '@humanwhocodes/config-array': 0.11.10 '@humanwhocodes/module-importer': 1.0.1 '@nodelib/fs.walk': 1.2.8 ajv: 6.12.6 @@ -7390,7 +7394,7 @@ packages: dependencies: '@jest/types': 29.5.0 '@types/graceful-fs': 4.1.6 - '@types/node': 16.18.33 + '@types/node': 16.18.34 anymatch: 3.1.3 fb-watchman: 2.0.2 graceful-fs: 4.2.10 @@ -7408,7 +7412,7 @@ packages: engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0} dependencies: '@jest/types': 27.5.1 - '@types/node': 16.18.33 + '@types/node': 16.18.34 dev: true /jest-regex-util@29.4.3: @@ -7421,7 +7425,7 @@ packages: engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0} dependencies: '@jest/types': 29.5.0 - '@types/node': 16.18.33 + '@types/node': 16.18.34 chalk: 4.1.2 ci-info: 3.8.0 graceful-fs: 4.2.10 @@ -7432,7 +7436,7 @@ packages: resolution: {integrity: sha512-NcrQnevGoSp4b5kg+akIpthoAFHxPBcb5P6mYPY0fUNT+sSvmtu6jlkEle3anczUKIKEbMxFimk9oTP/tpIPgA==} engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0} dependencies: - '@types/node': 16.18.33 + '@types/node': 16.18.34 jest-util: 29.5.0 merge-stream: 2.0.0 supports-color: 8.1.1 @@ -7625,7 +7629,7 @@ packages: engines: {node: '>=6'} dev: true - /koajax@0.8.4(jsdom@21.1.2)(typescript@5.0.4): + /koajax@0.8.4(jsdom@21.1.2)(typescript@5.1.3): resolution: {integrity: sha512-U7u2abdz0LypPTsPYDh7isO1GWmu9buTv8JQlCy0lrd8p7xbmOXx/EjZXWaYLSJx2clnJtmyNGQJgcHbCFBgww==} peerDependencies: jsdom: ^21.0.0 @@ -7634,7 +7638,7 @@ packages: iterable-observer: 1.0.0-rc.1 jsdom: 21.1.2 regenerator-runtime: 0.13.11 - web-utility: 4.0.0(typescript@5.0.4) + web-utility: 4.0.0(typescript@5.1.3) transitivePeerDependencies: - typescript dev: false @@ -8032,13 +8036,6 @@ packages: brace-expansion: 2.0.1 dev: true - /minimatch@9.0.0: - resolution: {integrity: sha512-0jJj8AvgKqWN05mrwuqi8QYKx1WmYSUoKSxu5Qhs9prezTz10sxAHGNZe9J9cqIJzta8DWsleh2KaVaLl6Ru2w==} - engines: {node: '>=16 || 14 >=14.17'} - dependencies: - brace-expansion: 2.0.1 - dev: true - /minimatch@9.0.1: resolution: {integrity: sha512-0jWhJpD/MdhPXwPuiRkCbfYfSKp2qnn2eOc279qI7f+osl/l+prKSrvhg157zSYvx/1nmgn2NqdT6k2Z7zSH9w==} engines: {node: '>=16 || 14 >=14.17'} @@ -8689,12 +8686,13 @@ packages: postcss-value-parser: 4.2.0 dev: true - /postcss-color-functional-notation@5.0.2(postcss@8.4.23): - resolution: {integrity: sha512-M6ygxWOyd6eWf3sd1Lv8xi4SeF4iBPfJvkfMU4ITh8ExJc1qhbvh/U8Cv/uOvBgUVOMDdScvCdlg8+hREQzs7w==} + /postcss-color-functional-notation@5.1.0(postcss@8.4.23): + resolution: {integrity: sha512-w2R4py6zrVE1U7FwNaAc76tNQlG9GLkrBbcFw+VhUjyDDiV28vfZG+l4LyPmpoQpeSJVtu8VgNjE8Jv5SpC7dQ==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 dependencies: + '@csstools/postcss-progressive-custom-properties': 2.3.0(postcss@8.4.23) postcss: 8.4.23 postcss-value-parser: 4.2.0 dev: true @@ -8719,8 +8717,8 @@ packages: postcss-value-parser: 4.2.0 dev: true - /postcss-custom-media@9.1.3(postcss@8.4.23): - resolution: {integrity: sha512-W1C4Fu6KAZ7sKYQCuGMr8gyaE4BtjTQGPLVS4m0WCaWM6l7PgVbvmDeb4ClBc5R/7kdwESYf0hdxGtEPhi9CLA==} + /postcss-custom-media@9.1.4(postcss@8.4.23): + resolution: {integrity: sha512-4A7WEG3iIyKwfpxL5bkuSlHoHHGRTHl0212Z3uvpwJPyVfZJlkZAQNNgVC+oogrJgksDnfKyuuMbG6HafZPW8Q==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 @@ -8728,12 +8726,12 @@ packages: '@csstools/cascade-layer-name-parser': 1.0.2(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1) '@csstools/css-parser-algorithms': 2.1.1(@csstools/css-tokenizer@2.1.1) '@csstools/css-tokenizer': 2.1.1 - '@csstools/media-query-list-parser': 2.0.4(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1) + '@csstools/media-query-list-parser': 2.1.0(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1) postcss: 8.4.23 dev: true - /postcss-custom-properties@13.1.5(postcss@8.4.23): - resolution: {integrity: sha512-98DXk81zTGqMVkGANysMHbGIg3voH383DYo3/+c+Abzay3nao+vM/f4Jgzsakk9S7BDsEw5DiW7sFy5G4W2wLA==} + /postcss-custom-properties@13.2.0(postcss@8.4.23): + resolution: {integrity: sha512-UYiPqbqmVayyv56y0mtGhvUKZClflwE9cTTmPaqEX8fOVjVwsotqKGYtJXSLxrJLwf9tt7ka+Luyh1ZAOhGHWA==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 @@ -8768,13 +8766,13 @@ packages: postcss-selector-parser: 6.0.11 dev: true - /postcss-double-position-gradients@4.0.3(postcss@8.4.23): - resolution: {integrity: sha512-Td1+C+kFCadnhRBMMf6D/eiQxjp33eAgwgMcLNYzZPcgXt1iU6vi/qEJ/YObp4nwn3QOtudFBMUOVHoGqmpfiA==} + /postcss-double-position-gradients@4.0.4(postcss@8.4.23): + resolution: {integrity: sha512-nUAbUXURemLXIrl4Xoia2tiu5z/n8sY+BVDZApoeT9BlpByyrp02P/lFCRrRvZ/zrGRE+MOGLhk8o7VcMCtPtQ==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 dependencies: - '@csstools/postcss-progressive-custom-properties': 2.2.0(postcss@8.4.23) + '@csstools/postcss-progressive-custom-properties': 2.3.0(postcss@8.4.23) postcss: 8.4.23 postcss-value-parser: 4.2.0 dev: true @@ -8834,8 +8832,8 @@ packages: postcss: 8.4.23 dev: true - /postcss-lab-function@5.2.2(postcss@8.4.23): - resolution: {integrity: sha512-O5LrVYzOD3anfPqvSL1HiQ8PpKAav74Gst3pXgZBHSFo6t5sws3dLGTQMnw4hgn1t064SODWAjb9KcC39N820A==} + /postcss-lab-function@5.2.3(postcss@8.4.23): + resolution: {integrity: sha512-fi32AYKzji5/rvgxo5zXHFvAYBw0u0OzELbeCNjEZVLUir18Oj+9RmNphtM8QdLUaUnrfx8zy8vVYLmFLkdmrQ==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 @@ -8843,7 +8841,7 @@ packages: '@csstools/css-color-parser': 1.2.0(@csstools/css-parser-algorithms@2.1.1)(@csstools/css-tokenizer@2.1.1) '@csstools/css-parser-algorithms': 2.1.1(@csstools/css-tokenizer@2.1.1) '@csstools/css-tokenizer': 2.1.1 - '@csstools/postcss-progressive-custom-properties': 2.2.0(postcss@8.4.23) + '@csstools/postcss-progressive-custom-properties': 2.3.0(postcss@8.4.23) postcss: 8.4.23 dev: true @@ -8905,30 +8903,30 @@ packages: postcss-value-parser: 4.2.0 dev: true - /postcss-preset-env@8.4.1(postcss@8.4.23): - resolution: {integrity: sha512-IlcUT8ZSuQFWXJ/F+KvqmkzT85u33rlvd36IzM6qhdnccO7Rs3uBrHY802BFjNcPRawqSCDmPv7KKyCzNxx5Fw==} + /postcss-preset-env@8.4.2(postcss@8.4.23): + resolution: {integrity: sha512-Bihxo+FsyVNjsRADiYYnj9Ez0WBSWSSHAe8WvxoMlqrw8H8m6gK9E0MkDd7P6ForoikRIF3I8grGg/pFM6ECRQ==} engines: {node: ^14 || ^16 || >=18} peerDependencies: postcss: ^8.4 dependencies: '@csstools/postcss-cascade-layers': 3.0.1(postcss@8.4.23) - '@csstools/postcss-color-function': 2.2.2(postcss@8.4.23) - '@csstools/postcss-color-mix-function': 1.0.2(postcss@8.4.23) + '@csstools/postcss-color-function': 2.2.3(postcss@8.4.23) + '@csstools/postcss-color-mix-function': 1.0.3(postcss@8.4.23) '@csstools/postcss-font-format-keywords': 2.0.2(postcss@8.4.23) - '@csstools/postcss-gradients-interpolation-method': 3.0.5(postcss@8.4.23) + '@csstools/postcss-gradients-interpolation-method': 3.0.6(postcss@8.4.23) '@csstools/postcss-hwb-function': 2.2.2(postcss@8.4.23) - '@csstools/postcss-ic-unit': 2.0.3(postcss@8.4.23) + '@csstools/postcss-ic-unit': 2.0.4(postcss@8.4.23) '@csstools/postcss-is-pseudo-class': 3.2.1(postcss@8.4.23) '@csstools/postcss-logical-float-and-clear': 1.0.1(postcss@8.4.23) '@csstools/postcss-logical-resize': 1.0.1(postcss@8.4.23) '@csstools/postcss-logical-viewport-units': 1.0.3(postcss@8.4.23) - '@csstools/postcss-media-minmax': 1.0.2(postcss@8.4.23) - '@csstools/postcss-media-queries-aspect-ratio-number-values': 1.0.2(postcss@8.4.23) + '@csstools/postcss-media-minmax': 1.0.3(postcss@8.4.23) + '@csstools/postcss-media-queries-aspect-ratio-number-values': 1.0.3(postcss@8.4.23) '@csstools/postcss-nested-calc': 2.0.2(postcss@8.4.23) '@csstools/postcss-normalize-display-values': 2.0.1(postcss@8.4.23) - '@csstools/postcss-oklab-function': 2.2.2(postcss@8.4.23) - '@csstools/postcss-progressive-custom-properties': 2.2.0(postcss@8.4.23) - '@csstools/postcss-relative-color-syntax': 1.0.0(postcss@8.4.23) + '@csstools/postcss-oklab-function': 2.2.3(postcss@8.4.23) + '@csstools/postcss-progressive-custom-properties': 2.3.0(postcss@8.4.23) + '@csstools/postcss-relative-color-syntax': 1.0.1(postcss@8.4.23) '@csstools/postcss-scope-pseudo-class': 2.0.2(postcss@8.4.23) '@csstools/postcss-stepped-value-functions': 2.1.1(postcss@8.4.23) '@csstools/postcss-text-decoration-shorthand': 2.2.4(postcss@8.4.23) @@ -8943,21 +8941,21 @@ packages: postcss: 8.4.23 postcss-attribute-case-insensitive: 6.0.2(postcss@8.4.23) postcss-clamp: 4.1.0(postcss@8.4.23) - postcss-color-functional-notation: 5.0.2(postcss@8.4.23) + postcss-color-functional-notation: 5.1.0(postcss@8.4.23) postcss-color-hex-alpha: 9.0.2(postcss@8.4.23) postcss-color-rebeccapurple: 8.0.2(postcss@8.4.23) - postcss-custom-media: 9.1.3(postcss@8.4.23) - postcss-custom-properties: 13.1.5(postcss@8.4.23) + postcss-custom-media: 9.1.4(postcss@8.4.23) + postcss-custom-properties: 13.2.0(postcss@8.4.23) postcss-custom-selectors: 7.1.3(postcss@8.4.23) postcss-dir-pseudo-class: 7.0.2(postcss@8.4.23) - postcss-double-position-gradients: 4.0.3(postcss@8.4.23) + postcss-double-position-gradients: 4.0.4(postcss@8.4.23) postcss-focus-visible: 8.0.2(postcss@8.4.23) postcss-focus-within: 7.0.2(postcss@8.4.23) postcss-font-variant: 5.0.0(postcss@8.4.23) postcss-gap-properties: 4.0.1(postcss@8.4.23) postcss-image-set-function: 5.0.2(postcss@8.4.23) postcss-initial: 4.0.1(postcss@8.4.23) - postcss-lab-function: 5.2.2(postcss@8.4.23) + postcss-lab-function: 5.2.3(postcss@8.4.23) postcss-logical: 6.2.0(postcss@8.4.23) postcss-nesting: 11.2.2(postcss@8.4.23) postcss-opacity-percentage: 2.0.0(postcss@8.4.23) @@ -9252,12 +9250,12 @@ packages: react-dom: 17.0.2(react@17.0.2) dev: true - /react-docgen-typescript@2.2.2(typescript@5.0.4): + /react-docgen-typescript@2.2.2(typescript@5.1.3): resolution: {integrity: sha512-tvg2ZtOpOi6QDwsb3GZhOjDkkX0h8Z2gipvTg6OVMUyoYoURhEiRNePT8NZItTVCDh39JJHnLdfCOkzoLbFnTg==} peerDependencies: typescript: '>= 4.3.x' dependencies: - typescript: 5.0.4 + typescript: 5.1.3 dev: true /react-docgen@6.0.0-alpha.3: @@ -10284,7 +10282,7 @@ packages: engines: {node: '>=6.10'} dev: true - /ts-node@10.9.1(@types/node@16.18.33)(typescript@5.0.4): + /ts-node@10.9.1(@types/node@16.18.34)(typescript@5.1.3): resolution: {integrity: sha512-NtVysVPkxxrwFGUUxGYhfux8k78pQB3JqYBXlLRZgdGUqTO5wU/UyHop5p70iEbGhB7q5KmiZiU0Y3KlJrScEw==} hasBin: true peerDependencies: @@ -10303,14 +10301,14 @@ packages: '@tsconfig/node12': 1.0.11 '@tsconfig/node14': 1.0.3 '@tsconfig/node16': 1.0.3 - '@types/node': 16.18.33 + '@types/node': 16.18.34 acorn: 8.7.1 acorn-walk: 8.2.0 arg: 4.1.3 create-require: 1.1.1 diff: 4.0.2 make-error: 1.3.6 - typescript: 5.0.4 + typescript: 5.1.3 v8-compile-cache-lib: 3.0.1 yn: 3.1.1 dev: true @@ -10331,14 +10329,14 @@ packages: /tslib@2.4.0: resolution: {integrity: sha512-d6xOpEDfsi2CZVlPQzGeux8XMwLT9hssAsaPYExaQMuYskwb+x1x7J371tWlbBdWHroy99KnVB6qIkUbs5X3UQ==} - /tsutils@3.21.0(typescript@5.0.4): + /tsutils@3.21.0(typescript@5.1.3): resolution: {integrity: sha512-mHKK3iUXL+3UF6xL5k0PEhKRUBKPBCv/+RkEOpjRWxxx27KKRBmmA60A9pgOUvMi8GKhRMPEmjBRPzs2W7O1OA==} engines: {node: '>= 6'} peerDependencies: typescript: '>=2.8.0 || >= 3.2.0-dev || >= 3.3.0-dev || >= 3.4.0-dev || >= 3.5.0-dev || >= 3.6.0-dev || >= 3.6.0-beta || >= 3.7.0-dev || >= 3.7.0-beta' dependencies: tslib: 1.14.1 - typescript: 5.0.4 + typescript: 5.1.3 dev: true /type-check@0.3.2: @@ -10414,32 +10412,38 @@ packages: resolution: {integrity: sha512-/aCDEGatGvZ2BIk+HmLf4ifCJFwvKFNb9/JeZPMulfgFracn9QFcAf5GO8B/mweUjSoblS5In0cWhqpfs/5PQA==} dev: true - /typedoc-plugin-mdn-links@3.0.3(typedoc@0.24.7): + /typedoc-plugin-mdn-links@3.0.3(typedoc@0.24.8): resolution: {integrity: sha512-NXhIpwQnsg7BcyMCHVqj3tUK+DL4g3Bt96JbFl4APzTGFkA+iM6GfZ/fn3TAqJ8O0CXG5R9BfWxolw1m1omNuQ==} peerDependencies: typedoc: '>= 0.23.14 || 0.24.x' dependencies: - typedoc: 0.24.7(typescript@5.0.4) + typedoc: 0.24.8(typescript@5.1.3) dev: true - /typedoc@0.24.7(typescript@5.0.4): - resolution: {integrity: sha512-zzfKDFIZADA+XRIp2rMzLe9xZ6pt12yQOhCr7cD7/PBTjhPmMyMvGrkZ2lPNJitg3Hj1SeiYFNzCsSDrlpxpKw==} + /typedoc@0.24.8(typescript@5.1.3): + resolution: {integrity: sha512-ahJ6Cpcvxwaxfu4KtjA8qZNqS43wYt6JL27wYiIgl1vd38WW/KWX11YuAeZhuz9v+ttrutSsgK+XO1CjL1kA3w==} engines: {node: '>= 14.14'} hasBin: true peerDependencies: - typescript: 4.6.x || 4.7.x || 4.8.x || 4.9.x || 5.0.x + typescript: 4.6.x || 4.7.x || 4.8.x || 4.9.x || 5.0.x || 5.1.x dependencies: lunr: 2.3.9 marked: 4.3.0 - minimatch: 9.0.0 + minimatch: 9.0.1 shiki: 0.14.2 - typescript: 5.0.4 + typescript: 5.1.3 dev: true /typescript@5.0.4: resolution: {integrity: sha512-cW9T5W9xY37cc+jfEnaUvX91foxtHkza3Nw3wkoF4sSlKn0MONdkdEndig/qPBWXNkmplh3NzayQzCiHM4/hqw==} engines: {node: '>=12.20'} hasBin: true + dev: true + + /typescript@5.1.3: + resolution: {integrity: sha512-XH627E9vkeqhlZFQuL+UsyAXEnibT0kWR2FWONlr4sTjvxyJYnyefgrkyECLzM5NenmKzRAy2rR/OlYLA1HkZw==} + engines: {node: '>=14.17'} + hasBin: true /uglify-js@3.17.4: resolution: {integrity: sha512-T9q82TJI9e/C1TAxYvfb16xO120tMVFZrGA3f9/P4424DNu6ypK103y0GPFVa17yotwSyZW5iYXgjYHkGrJW/g==} @@ -10661,7 +10665,7 @@ packages: engines: {node: '>= 0.8'} dev: true - /vite@4.3.9(@types/node@16.18.33)(less@4.1.3): + /vite@4.3.9(@types/node@16.18.34)(less@4.1.3): resolution: {integrity: sha512-qsTNZjO9NoJNW7KnOrgYwczm0WctJ8m/yqYAMAK9Lxt4SoySUfS5S8ia9K7JHpa3KEeMfyF8LoJ3c5NeBJy6pg==} engines: {node: ^14.18.0 || >=16.0.0} hasBin: true @@ -10686,7 +10690,7 @@ packages: terser: optional: true dependencies: - '@types/node': 16.18.33 + '@types/node': 16.18.34 esbuild: 0.17.18 less: 4.1.3 postcss: 8.4.23 @@ -10736,7 +10740,7 @@ packages: defaults: 1.0.4 dev: true - /web-utility@4.0.0(typescript@5.0.4): + /web-utility@4.0.0(typescript@5.1.3): resolution: {integrity: sha512-anM4exkNbRHTXidCCkKMPxh2qAUvKQXAFQ8QH4t4sUoBddFo9fFC6i5Ga9C3HAEQviKIPr+3puMEe99YsIYoSg==} peerDependencies: typescript: ^4.1.0 @@ -10744,7 +10748,7 @@ packages: '@swc/helpers': 0.4.14 element-internals-polyfill: 1.3.5 regenerator-runtime: 0.13.11 - typescript: 5.0.4 + typescript: 5.1.3 dev: false /webidl-conversions@3.0.1: diff --git a/source/IdeaPopover.tsx b/source/IdeaPopover.tsx index 15b4709..e4a9e9d 100644 --- a/source/IdeaPopover.tsx +++ b/source/IdeaPopover.tsx @@ -1,57 +1,37 @@ -import { createRef, PropsWithChildren, PureComponent } from 'react'; -import { Overlay, Popover } from 'react-bootstrap'; - -interface State { - showPopover: boolean; - popoverTarget: EventTarget; +import { FC, ReactNode } from 'react'; +import { + OverlayTrigger, + OverlayTriggerProps, + Popover, + Tooltip +} from 'react-bootstrap'; + +export interface OverlayBoxProps extends OverlayTriggerProps { + title: ReactNode; + detail?: ReactNode; } -export type IdeaPopoverProps = PropsWithChildren<{ - onShow?: () => any; - title: string; -}>; - -export class IdeaPopover extends PureComponent { - static displayName = 'IdeaPopover'; - - popoverRef = createRef(); - - state = { - showPopover: false, - popoverTarget: {} as HTMLDivElement - }; - - handleClick = async (event: React.MouseEvent) => { - const { showPopover } = this.state; - - this.setState({ - popoverTarget: event.target - }); - if (!showPopover) this.props.onShow?.(); - - this.setState({ showPopover: !showPopover }); - }; - - render() { - const { showPopover, popoverTarget } = this.state; - const { title, children } = this.props; - - return ( -
-
{children?.[0]}
- - - - {title} - {children?.[1]} - - -
- ); - } -} +export const OverlayBox: FC = ({ + title, + detail, + children, + ...props +}) => ( + + {title} + {detail} + + ) : ( + {title} + ) + } + > + {children} + +); + +OverlayBox.displayName = 'OverlayBox'; diff --git a/stories/IdeaPopover.stories.tsx b/stories/IdeaPopover.stories.tsx index 3f7eead..d5199f4 100644 --- a/stories/IdeaPopover.stories.tsx +++ b/stories/IdeaPopover.stories.tsx @@ -1,26 +1,52 @@ import type { Meta, StoryObj } from '@storybook/react'; -import { IdeaPopover } from '../source/IdeaPopover'; +import { OverlayBox } from '../source/IdeaPopover'; -const meta: Meta = { - title: 'Idea-React/IdeaPopover', - component: IdeaPopover, +const meta: Meta = { + title: 'Idea-React/OverlayBox', + component: OverlayBox, tags: ['autodocs'] }; export default meta; -type Story = StoryObj; +type Story = StoryObj; -export const Primary: Story = { +export const Tooltip: Story = { render: args => ( - - - This is the content of popover. - + + + + ), + args: { + title: 'Tooltip content', + placement: 'bottom' + } +}; + +export const Popover: Story = { + render: args => ( + + + + ), + args: { + title: 'Popover Title', + detail: 'This is the content of popover.', + placement: 'bottom' + } +}; + +export const PopoverClick: Story = { + render: args => ( + + + ), args: { title: 'Popover Title', - onShow: console.log + detail: 'This is the content of popover.', + placement: 'bottom', + trigger: 'click' } }; diff --git a/stories/Introduction.mdx b/stories/Introduction.mdx index 43a5901..1c2cec0 100644 --- a/stories/Introduction.mdx +++ b/stories/Introduction.mdx @@ -21,11 +21,11 @@ A **[React][1] advanced components library** based on [TypeScript][2] & [Bootstr ```html - ``` @@ -114,11 +110,11 @@ git push origin master --tags # push all branches and tags on master [1]: https://reactjs.org/ [2]: https://www.typescriptlang.org/ [3]: https://getbootstrap.com/ -[4]: https://ideapp.dev/ +[4]: https://idea2app.github.io/ [5]: https://david-dm.org/idea2app/Idea-React [6]: https://github.com/idea2app/Idea-React/actions/workflows/main.yml [7]: https://nodei.co/npm/idea-react/ -[8]: https://ideapp.dev/React-MobX-Bootstrap-ts/ +[8]: https://idea2app.github.io/React-MobX-Bootstrap-ts/ [9]: https://github.com/idea2app/React-MobX-Bootstrap-ts/blob/master/src/page/Component.tsx [10]: https://next-bootstrap-ts.vercel.app/ [11]: https://github.com/idea2app/next-bootstrap-ts/blob/main/pages/component.tsx