@yosgo/swap-ui 1.0.126 → 1.0.129

package/LICENSE

@@ -1,21 +1,21 @@
-MIT License
-
-Copyright (c) 2020 Harvey Delaney
-
-Permission is hereby granted, free of charge, to any person obtaining a copy
-of this software and associated documentation files (the "Software"), to deal
-in the Software without restriction, including without limitation the rights
-to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-copies of the Software, and to permit persons to whom the Software is
-furnished to do so, subject to the following conditions:
-
-The above copyright notice and this permission notice shall be included in all
-copies or substantial portions of the Software.
-
-THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
-IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
-FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
-AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
-LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
-OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+MIT License
+
+Copyright (c) 2020 Harvey Delaney
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,61 +1,61 @@
-<img src="https://raw.githubusercontent.com/yosgo-open-source/swap-ui/master/src/SWAPLogo/SWAP_LOGO_01.svg" width="150" />
-
-# 關於 SWAP-UI
-
-基於 [@material-ui/core](https://material-ui.com/) 的前端框架來開發 SWAP 專屬的介面框架，這個框架的特性如下：
-
-1. 標準化元件。封裝 SWAP 服務內常見的介面場景，減少開發時重新定義相同的佈局、函式...並讓介面保持一致
-2. 易於使用。儘量不需要再寫額外的輔助函式或是過於多層的元件包裝就能使用，避免 Material-ui 多層包裝的缺點
-
-想要參考 swap-ui 可以透過以下方式：
-
-1. 直接訪問 swap 的網站 [www.swap.work](www.swap.work)
-2. 瀏覽 <a href="https://yosgo-open-source.github.io/swap-ui/?path=/docs/swaplogo--%E8%AA%8D%E8%AD%98" target="_blank">Storybook</a>
-
-即將新增
-
-1. SWAPModal: 增加支援多步驟的 Modal 視窗
-1. SWAPBanner: 顯示於頁面上的警示訊息
-1. SWAPCopyField：可複製文字至剪貼簿的輸入框
-1. SWAPIncomeAndExpenseTypeField：依據工作內容提供所得類型的建議
-1. SWAPPage: 讓用戶在完整的頁面中完成某件事情
-1. SWAPAnnotatedLayout: 用於帳戶設定頁面中，解釋各類型設定
-
-# 安裝
-
-```
-# peerDependencies
-$ yarn add react react-dom styled-components @material-ui/core @material-ui/icons
-
-# install swap-ui
-$ yarn add @yosgo/swap-ui
-```
-
-# 開發
-
-```
-# 產生一個元件範本
-$ yarn generate NewComponentName
-
-# 使用本機的 storybook 來瀏覽元件
-$ yarn storybook
-```
-
-# 發佈
-
-```
-# 發佈套件到 NPM 上
-$ npm publish
-
-# 更新 gh-page 上的 Storybook
-$ yarn deploy-storybook
-
-# 確認發佈狀態
-$ npm show @yosgo/swap-ui
-```
-
-# 參考資料
-
-- [Creating a React Component Library using Rollup, Typescript, Sass and Storybook](https://blog.harveydelaney.com/creating-your-own-react-component-library/)
-- [Material-ui and Typescript error when bundling #29](https://github.com/transitive-bullshit/react-modern-library-boilerplate/issues/29#issuecomment-635883117)
-- [Shopify Polaris](https://5d559397bae39100201eedc1-jyzwfelqxv.chromatic.com/)
+<img src="https://raw.githubusercontent.com/yosgo-open-source/swap-ui/master/src/SWAPLogo/SWAP_LOGO_01.svg" width="150" />
+
+# 關於 SWAP-UI
+
+基於 [@material-ui/core](https://material-ui.com/) 的前端框架來開發 SWAP 專屬的介面框架，這個框架的特性如下：
+
+1. 標準化元件。封裝 SWAP 服務內常見的介面場景，減少開發時重新定義相同的佈局、函式...並讓介面保持一致
+2. 易於使用。儘量不需要再寫額外的輔助函式或是過於多層的元件包裝就能使用，避免 Material-ui 多層包裝的缺點
+
+想要參考 swap-ui 可以透過以下方式：
+
+1. 直接訪問 swap 的網站 [www.swap.work](www.swap.work)
+2. 瀏覽 <a href="https://yosgo-open-source.github.io/swap-ui/?path=/docs/swaplogo--%E8%AA%8D%E8%AD%98" target="_blank">Storybook</a>
+
+即將新增
+
+1. SWAPModal: 增加支援多步驟的 Modal 視窗
+1. SWAPBanner: 顯示於頁面上的警示訊息
+1. SWAPCopyField：可複製文字至剪貼簿的輸入框
+1. SWAPIncomeAndExpenseTypeField：依據工作內容提供所得類型的建議
+1. SWAPPage: 讓用戶在完整的頁面中完成某件事情
+1. SWAPAnnotatedLayout: 用於帳戶設定頁面中，解釋各類型設定
+
+# 安裝
+
+```
+# peerDependencies
+$ yarn add react react-dom styled-components @material-ui/core @material-ui/icons
+
+# install swap-ui
+$ yarn add @yosgo/swap-ui
+```
+
+# 開發
+
+```
+# 產生一個元件範本
+$ yarn generate NewComponentName
+
+# 使用本機的 storybook 來瀏覽元件
+$ yarn storybook
+```
+
+# 發佈
+
+```
+# 發佈套件到 NPM 上
+$ npm publish
+
+# 更新 gh-page 上的 Storybook
+$ yarn deploy-storybook
+
+# 確認發佈狀態
+$ npm show @yosgo/swap-ui
+```
+
+# 參考資料
+
+- [Creating a React Component Library using Rollup, Typescript, Sass and Storybook](https://blog.harveydelaney.com/creating-your-own-react-component-library/)
+- [Material-ui and Typescript error when bundling #29](https://github.com/transitive-bullshit/react-modern-library-boilerplate/issues/29#issuecomment-635883117)
+- [Shopify Polaris](https://5d559397bae39100201eedc1-jyzwfelqxv.chromatic.com/)

package/build/AutoComplete/AutoComplete.types.d.ts

@@ -18,5 +18,6 @@ export interface MyAutoCompleteProps extends OmitAutocompleteProps {
         horizontal?: string | number;
         vertical?: string | number;
     };
+    addNewOptionsText?: string;
 }
 export {};

package/build/Modal/Modal.types.d.ts

@@ -1,4 +1,6 @@
 /// <reference types="react" />
+import { MyTooltipProps } from "../Tooltip/Tooltip.types";
+declare type OmitTooltipProps = Omit<MyTooltipProps, "children">;
 export interface ModalProps {
     footer?: React.ReactNode;
     multiline?: boolean;
@@ -32,6 +34,7 @@ export interface ModalProps {
         style?: React.CSSProperties;
         variant?: "primary" | "secondary" | "text" | "tertiary" | "black" | "danger";
         loading?: boolean;
+        tooltip?: OmitTooltipProps;
     };
     primaryButton?: {
         title?: string | React.ReactNode;
@@ -40,6 +43,7 @@ export interface ModalProps {
         style?: React.CSSProperties;
         variant?: "primary" | "secondary" | "text" | "tertiary" | "black" | "danger";
         loading?: boolean;
+        tooltip?: OmitTooltipProps;
     };
     disUnderLine?: boolean;
     disCloseIcon?: boolean;
@@ -47,3 +51,4 @@ export interface ModalProps {
     checkIconColor?: "primary" | "secondary" | "tertiary" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "primaryA11y" | "secondary50" | "secondary100" | "secondary200" | "secondary300" | "secondary400" | "secondary500" | "secondary600" | "secondary700" | "secondary800" | "secondary900" | "secondaryA11y" | "danger50" | "danger100" | "danger200" | "danger300" | "danger400" | "danger500" | "danger600" | "danger700" | "danger800" | "danger900" | "dangerA11y" | "success50" | "success100" | "success200" | "success300" | "success400" | "success500" | "success600" | "success700" | "success800" | "success900" | "successA11y" | "white" | "black100" | "black200" | "black300" | "black400" | "black500" | "black600" | "black700" | "black800" | "black900" | "black1000";
     iconColor?: "primary" | "secondary" | "tertiary" | "primary50" | "primary100" | "primary200" | "primary300" | "primary400" | "primary500" | "primary600" | "primary700" | "primary800" | "primary900" | "primaryA11y" | "secondary50" | "secondary100" | "secondary200" | "secondary300" | "secondary400" | "secondary500" | "secondary600" | "secondary700" | "secondary800" | "secondary900" | "secondaryA11y" | "danger50" | "danger100" | "danger200" | "danger300" | "danger400" | "danger500" | "danger600" | "danger700" | "danger800" | "danger900" | "dangerA11y" | "success50" | "success100" | "success200" | "success300" | "success400" | "success500" | "success600" | "success700" | "success800" | "success900" | "successA11y" | "white" | "black100" | "black200" | "black300" | "black400" | "black500" | "black600" | "black700" | "black800" | "black900" | "black1000";
 }
+export {};