npm - @datability/8ui - Versions diffs - 1.1.8 → 1.2.0 - Mend

@datability/8ui 1.1.8 → 1.2.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (80) hide show

package/README.md CHANGED Viewed

@@ -1 +1,146 @@
-1. Dropdawn asyc
+# Commit Message Format
+We have very precise rules over how our Git commit messages must be formatted.
+This format leads to **easier to read commit history** and makes it analyzable for changelog generation.
+Each commit message consists of a **header**, a **body**, and a **footer**.
+```
+<header>
+<BLANK LINE>
+<body>
+<BLANK LINE>
+<footer>
+```
+The `header` is mandatory and must conform to the [Commit Message Header](#commit-header) format.
+The `body` is mandatory for all commits except for those of type "docs".
+When the body is present it must be at least 20 characters long and must conform to the [Commit Message Body](#commit-body) format.
+The `footer` is optional. The [Commit Message Footer](#commit-footer) format describes what the footer is used for and the structure it must have.
+## <a name="commit-header"></a>Commit Message Header
+```
+<type>(<scope>): <short summary>
+  │       │             │
+  │       │             └─⫸ Summary in present tense. Not capitalized. No period at the end.
+  │       │
+  │       └─⫸ Commit Scope: animations|bazel|benchpress|common|compiler|compiler-cli|core|
+  │                          elements|forms|http|language-service|localize|platform-browser|
+  │                          platform-browser-dynamic|platform-server|router|service-worker|
+  │                          upgrade|zone.js|packaging|changelog|docs-infra|migrations|
+  │                          devtools
+  │
+  └─⫸ Commit Type: build|ci|docs|feat|fix|perf|refactor|test
+```
+The `<type>` and `<summary>` fields are mandatory, the `(<scope>)` field is optional.
+### Type
+Must be one of the following:
+| Type         | ความหมาย                       | Version ที่ bump |
+| ------------ | ------------------------------ | ---------------- |
+| **feat**     | เพิ่ม feature ใหม่             | **minor**        |
+| **feat!**    | feature ใหม่ + breaking change | **major**        |
+| **fix**      | แก้ bug                        | **patch**        |
+| **perf**     | ปรับ performance               | patch            |
+| **refactor** | ปรับโค้ด (behavior เดิม)       | ❌ (ไม่ bump)    |
+| **docs**     | เอกสาร                         | ❌               |
+| **test**     | test                           | ❌               |
+| **build**    | build / deps                   | ❌               |
+| **ci**       | CI/CD                          | ❌               |
+### <a name="scope"></a> Scope
+The scope should be the name of the npm package affected (as perceived by the person reading the changelog generated from commit messages).
+The following is the list of supported scopes:
+| Scope      | ใช้เมื่อ                      |
+| ---------- | ----------------------------- |
+| **ui**     | UI component                  |
+| **page**   | page / route                  |
+| **layout** | layout                        |
+| **form**   | form logic                    |
+| **state**  | global state (redux, zustand) |
+| **hook**   | custom hook                   |
+| **api**    | frontend api call             |
+| **auth**   | login / permission            |
+| **theme**  | theme / style                 |
+| **style**  | css / scss                    |
+| **i18n**   | localization                  |
+| **router** | routing                       |
+| **asset**  | image, icon                   |
+| **build**  | vite / next config            |
+| **perf**   | performance                   |
+| **test**   | frontend test                 |
+### Summary
+Use the summary field to provide a succinct description of the change:
+- use the imperative, present tense: "change" not "changed" nor "changes"
+- don't capitalize the first letter
+- no dot (.) at the end
+## <a name="commit-body"></a>Commit Message Body
+Just as in the summary, use the imperative, present tense: "fix" not "fixed" nor "fixes".
+Explain the motivation for the change in the commit message body. This commit message should explain _why_ you are making the change.
+You can include a comparison of the previous behavior with the new behavior in order to illustrate the impact of the change.
+## <a name="commit-footer"></a>Commit Message Footer
+The footer can contain information about breaking changes and deprecations and is also the place to reference GitHub issues and other PRs that this commit closes or is related to.
+For example:
+```
+BREAKING CHANGE: <breaking change summary>
+<BLANK LINE>
+<breaking change description + migration instructions>
+<BLANK LINE>
+<BLANK LINE>
+Fixes #<issue number>
+```
+or
+```
+DEPRECATED: <what is deprecated>
+<BLANK LINE>
+<deprecation description + recommended update path>
+<BLANK LINE>
+<BLANK LINE>
+Closes #<pr number>
+```
+Breaking Change section should start with the phrase `BREAKING CHANGE: ` followed by a _brief_ summary of the breaking change, a blank line, and a detailed description of the breaking change that also includes migration instructions.
+Similarly, a Deprecation section should start with `DEPRECATED: ` followed by a short description of what is deprecated, a blank line, and a detailed description of the deprecation that also mentions the recommended update path.
+## Revert commits
+If the commit reverts a previous commit, it should begin with `revert: `, followed by the header of the reverted commit.
+The content of the commit message body should contain:
+- information about the SHA of the commit being reverted in the following format: `This reverts commit <SHA>`,
+- a clear description of the reason for reverting the commit message.
+[angularjs-commit-message-format]: https://docs.google.com/document/d/1QrDFcIiPjSLDn3EL15IJygNPiHORgU1_OOAqWjiDU5Y/edit#
+### Example commit
+fix: handle expired token → patch
+feat: add profile api → minor
+feat: remove legacy login \n
+BREAKING CHANGE: remove legacy logic → major
+refactor: simplify join logic → no releasee
+ci: update github actions → no releasee

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@datability/8ui",
-  "version": "1.1.8",
+  "version": "1.2.0",
   "type": "module",
   "exports": {
     ".": {
@@ -33,16 +33,23 @@
   },
   "devDependencies": {
     "@eslint/js": "^9.39.1",
+    "@semantic-release/commit-analyzer": "^13.0.1",
+    "@semantic-release/git": "^10.0.1",
+    "@semantic-release/github": "^11.0.6",
+    "@semantic-release/npm": "^12.0.2",
+    "@semantic-release/release-notes-generator": "^14.1.0",
     "@types/node": "^24.10.1",
     "@types/react": "^19.2.5",
     "@types/react-dom": "^19.2.3",
     "@vitejs/plugin-react": "^5.1.1",
+    "conventional-changelog-conventionalcommits": "^9.1.0",
     "copyfiles": "^2.4.1",
     "eslint": "^9.39.1",
     "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.24",
     "globals": "^16.5.0",
     "sass": "^1.97.3",
+    "semantic-release": "^24.2.9",
     "typescript": "~5.9.3",
     "typescript-eslint": "^8.46.4",
     "vite": "^7.2.4",

package/dist/components/assets/closed.svg DELETED Viewed

@@ -1,4 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M18 6L6 18" stroke="#B1B1B1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-<path d="M6 6L18 18" stroke="#B1B1B1" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
-</svg>

package/dist/components/assets/expand-arrow.svg DELETED Viewed

@@ -1,3 +0,0 @@
-<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4.21967 8.46967C4.51256 8.17678 4.98744 8.17678 5.28033 8.46967L12 15.1893L18.7197 8.46967C19.0126 8.17678 19.4874 8.17678 19.7803 8.46967C20.0732 8.76256 20.0732 9.23744 19.7803 9.53033L12.5303 16.7803C12.2374 17.0732 11.7626 17.0732 11.4697 16.7803L4.21967 9.53033C3.92678 9.23744 3.92678 8.76256 4.21967 8.46967Z" fill="#B1B1B1"/>
-</svg>

package/dist/components/assets/visibility-off.svg DELETED Viewed

@@ -1,5 +0,0 @@
-<svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.2">
-<path d="M4.00187 3.07082C3.94973 3.01204 3.88644 2.9642 3.81567 2.93006C3.7449 2.89592 3.66806 2.87617 3.5896 2.87195C3.51114 2.86773 3.43263 2.87912 3.35861 2.90547C3.28458 2.93182 3.21653 2.97259 3.15838 3.02544C3.10023 3.07828 3.05315 3.14214 3.01987 3.21331C2.98658 3.28448 2.96775 3.36156 2.96447 3.44006C2.96119 3.51856 2.97353 3.59693 3.00076 3.67064C3.02799 3.74434 3.06958 3.8119 3.12312 3.86941L4.55109 5.44062C1.85546 7.09496 0.696165 9.64511 0.644954 9.76089C0.611194 9.83683 0.59375 9.919 0.59375 10.0021C0.59375 10.0852 0.611194 10.1674 0.644954 10.2433C0.67093 10.3019 1.29956 11.6958 2.6971 13.0933C4.55925 14.9547 6.91124 15.9389 9.49999 15.9389C10.8305 15.9464 12.1475 15.6725 13.3646 15.1351L14.9974 16.9319C15.0495 16.9907 15.1128 17.0385 15.1836 17.0727C15.2543 17.1068 15.3312 17.1266 15.4096 17.1308C15.4881 17.135 15.5666 17.1236 15.6406 17.0973C15.7147 17.0709 15.7827 17.0301 15.8409 16.9773C15.899 16.9244 15.9461 16.8606 15.9794 16.7894C16.0127 16.7182 16.0315 16.6412 16.0348 16.5627C16.0381 16.4842 16.0257 16.4058 15.9985 16.3321C15.9713 16.2584 15.9297 16.1908 15.8761 16.1333L4.00187 3.07082ZM10.6073 12.1025C10.1416 12.3475 9.6077 12.4309 9.08944 12.3396C8.57118 12.2483 8.09793 11.9874 7.74399 11.598C7.39006 11.2085 7.17549 10.7126 7.13398 10.188C7.09246 9.66336 7.22636 9.13982 7.51464 8.69957L10.6073 12.1025ZM18.355 10.2433C18.3239 10.3131 17.572 11.9778 15.8791 13.4941C15.7624 13.5988 15.6091 13.6531 15.4525 13.6452C15.296 13.6373 15.1489 13.5677 15.0434 13.4518L7.52577 5.18234C7.45386 5.10342 7.40455 5.00657 7.38305 4.90199C7.36155 4.79741 7.36864 4.68896 7.40359 4.58807C7.43853 4.48718 7.50004 4.39759 7.58162 4.32871C7.66321 4.25984 7.76186 4.21424 7.86718 4.19671C8.40687 4.1076 8.953 4.06317 9.49999 4.06386C12.0887 4.06386 14.4407 5.048 16.3029 6.91015C17.7004 8.30769 18.3291 9.70226 18.355 9.76089C18.3888 9.83683 18.4062 9.919 18.4062 10.0021C18.4062 10.0852 18.3888 10.1674 18.355 10.2433Z" fill="#1B1C1E"/>
-</g>
-</svg>

package/dist/components/assets/visibility.svg DELETED Viewed

@@ -1,5 +0,0 @@
-<svg width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-<g opacity="0.2">
-<path d="M18.355 9.75953C18.3291 9.7009 17.7004 8.30633 16.3029 6.90879C14.4407 5.04664 12.0887 4.0625 9.49999 4.0625C6.91124 4.0625 4.55925 5.04664 2.6971 6.90879C1.29956 8.30633 0.667962 9.70313 0.644954 9.75953C0.611194 9.83547 0.59375 9.91764 0.59375 10.0007C0.59375 10.0838 0.611194 10.166 0.644954 10.242C0.67093 10.3006 1.29956 11.6944 2.6971 13.092C4.55925 14.9534 6.91124 15.9375 9.49999 15.9375C12.0887 15.9375 14.4407 14.9534 16.3029 13.092C17.7004 11.6944 18.3291 10.3006 18.355 10.242C18.3888 10.166 18.4062 10.0838 18.4062 10.0007C18.4062 9.91764 18.3888 9.83547 18.355 9.75953ZM9.49999 12.9688C8.91283 12.9688 8.33885 12.7946 7.85064 12.4684C7.36244 12.1422 6.98192 11.6786 6.75723 11.1361C6.53253 10.5936 6.47374 9.99671 6.58829 9.42083C6.70284 8.84494 6.98558 8.31596 7.40077 7.90078C7.81596 7.48559 8.34494 7.20284 8.92082 7.08829C9.4967 6.97374 10.0936 7.03253 10.6361 7.25723C11.1786 7.48193 11.6422 7.86244 11.9684 8.35065C12.2946 8.83886 12.4687 9.41284 12.4687 10C12.4687 10.7874 12.156 11.5425 11.5992 12.0992C11.0425 12.656 10.2874 12.9688 9.49999 12.9688Z" fill="#1B1C1E"/>
-</g>
-</svg>

package/dist/components/blackdrop/index.scss DELETED Viewed

@@ -1,16 +0,0 @@
-.DBui-blackdrop {
-  opacity: 1;
-  transition: opacity 225ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
-  position: fixed;
-  z-index: var(--z-index-backdrop);
-  left: 0;
-  top: 0;
-  width: 100%;
-  height: 100%;
-  background-color: rgba(0, 0, 0, 0.4);
-  &[data-hidden='true'] {
-    opacity: 0;
-    visibility: hidden;
-  }
-}

package/dist/components/button/index.scss DELETED Viewed

@@ -1,40 +0,0 @@
-.DBui-button {
-  transition: opacity 0.3s;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  gap: 0.5em;
-  cursor: pointer;
-  padding: 0.4em 1em;
-  border-radius: 0.3em;
-  border: 1px solid #03287E;
-  background-color: #03287E;
-  color: #FFFFFF;
-  &:hover {
-    opacity: 0.8;
-  }
-  &:disabled {
-    cursor: not-allowed;
-    opacity: 0.5;
-  }
-  .DBui-loaderSpinButton {
-    width: 30px;
-    height: 30px;
-    border: 3px solid #aaaaae;
-    border-bottom-color: #FFFFFF;
-    border-radius: 50%;
-    animation: rotation 1s linear infinite;
-    @keyframes rotation {
-      0% {
-        transform: rotate(0deg);
-      }
-      100% {
-        transform: rotate(360deg);
-      }
-    }
-  }
-}

package/dist/components/chip/index.scss DELETED Viewed

@@ -1,32 +0,0 @@
-.DBui-chip {
-  display: flex;
-  align-items: center;
-  width: fit-content;
-  padding: 0.4em 0.5em;
-  border-radius: 0.3em;
-  border: 1px solid #03287E;
-  background-color: #618aea;
-  gap: 0.5em;
-  &[data-checked='true'] {
-    cursor: pointer;
-    &:hover {
-      opacity: 0.5;
-    }
-  }
-  .DBui-chipIcon {
-    width: 20px;
-    height: 20px;
-    &[data-checked='true'] {
-      cursor: pointer;
-      &:hover {
-        opacity: 0.5;
-      }
-    }
-  }
-}

package/dist/components/divider/index.scss DELETED Viewed

@@ -1,4 +0,0 @@
-.DBui-divider {
-    border: 1px solid #9E9E9E;
-    width: 100%;
-}

package/dist/components/input/extend.scss DELETED Viewed

@@ -1,19 +0,0 @@
-// Disable
-.DBui-disabled {
-    cursor: not-allowed;
-    background-color: #FAFAFA;
-    color: #000000;
-}
-.DBui-input {
-    width: 100%;
-    padding: 0.3em 0.5em;
-    border-radius: 0.3em;
-    border: 1px solid #E3E3E8;
-    background-color: #FFFFFF;
-    color: #000000;
-    &[data-invalid='true'] {
-        border: 1px solid #EB5757;
-    }
-}

package/dist/components/input/input-async-auto-complete/index.scss DELETED Viewed

@@ -1,66 +0,0 @@
-@import '../extend.scss';
-.DBui-wrapInputAsyncAutoComplete {
-  @extend .DBui-input;
-  padding: 0.4em 0.5em;
-  display: flex;
-  align-items: center;
-  gap: 0.3em;
-  height: 36px;
-  &[data-disabled='true'] {
-    @extend .DBui-disabled;
-  }
-  .DBui-wrapSelectValueInputAsyncAutoComplete {
-    display: flex;
-    align-items: center;
-    .DBui-iconInputAsyncAutoComplete {
-      width: 20px;
-      color: #E3E3E8;
-      cursor: pointer;
-    }
-  }
-  .DBui-inputAsyncAutoComplete {
-    border: none;
-    background-color: #FFFFFF;
-    align-items: center;
-    width: 100%;
-    &:disabled {
-      @extend .DBui-disabled;
-    }
-  }
-}
-.DBui-wrapperMenuItemInputAsyncAutoComplete {
-  max-height: 45vh;
-  overflow-y: auto;
-  .DBui-menuItemInputAsyncAutoComplete {
-    background-color: #FFFFFF;
-    color: #000000;
-    padding: 0.3em 0.5em;
-    cursor: pointer;
-    &:hover {
-      background-color: #FAFAFA;
-    }
-    &[data-checked='true'] {
-      background-color: #0045a5;
-      color: #FFFFFF;
-    }
-    .DBui-menuLoading,
-    .DBui-menuEnd {
-      padding: 8px;
-      text-align: center;
-      font-size: 12px;
-      opacity: 0.6;
-    }
-  }
-}

package/dist/components/input/input-async-select/index.scss DELETED Viewed

@@ -1,94 +0,0 @@
-@import '../extend.scss';
-.DBui-wrapperInputAsyncSelect {
-  cursor: pointer;
-  position: relative;
-  height: 35px;
-  width: 100%;
-  padding: 0.3em 35px 0.3em 0.5em;
-  border-radius: 8px;
-  border: 1px solid #e3e3e8;
-  background-color: #ffffff;
-  color: #000000;
-  display: flex;
-  &[data-invalid='true'] {
-    border: 1px solid #eb5757;
-  }
-  &[data-disabled='true'] {
-    @extend .DBui-disabled;
-  }
-  .DBui-wrapperLabel {
-    text-overflow: ellipsis;
-    overflow: hidden;
-    display: -webkit-box;
-    -webkit-line-clamp: 1;
-    -webkit-box-orient: vertical;
-  }
-  .DBui-placeholder {
-    color: #c3c3c3;
-  }
-  .DBui-wrapperLabelInputAsyncSelect {
-    display: flex;
-    gap: 0.3em;
-    align-items: center;
-    width: 100%;
-    .DBui-clearIconInputAsyncSelect {
-      width: 20px;
-      &[data-hidden='true'] {
-        display: none !important;
-      }
-      &:hover {
-        opacity: 0.8;
-      }
-    }
-  }
-  .DBui-arrowIconInputAsyncSelect {
-    position: absolute;
-    right: 5px;
-    top: 50%;
-    transform: translateY(-50%);
-    transition: transform 0.2s;
-    &[data-checked='false'] {
-      transform: rotate(180deg) translateY(50%);
-    }
-  }
-}
-.DBui-wrapperMenuItemInputAsyncSelect {
-  max-height: 45vh;
-  overflow-y: auto;
-  .DBui-menuItemInputAsyncSelect {
-    background-color: #ffffff;
-    color: #000000;
-    padding: 0.3em 0.5em;
-    cursor: pointer;
-    &:hover {
-      background-color: #fafafa;
-    }
-    &[data-checked='true'] {
-      background-color: #0045a5;
-      color: #ffffff;
-    }
-    .DBui-menuLoading,
-    .DBui-menuEnd {
-      padding: 8px;
-      text-align: center;
-      font-size: 12px;
-      opacity: 0.6;
-    }
-  }
-}

package/dist/components/input/input-auto-complete/index.scss DELETED Viewed

@@ -1,53 +0,0 @@
-@import '../extend.scss';
-.DBui-wrapInputAutoComplete {
-  @extend .DBui-input;
-  padding: 0.4em 0.5em;
-  display: flex;
-  align-items: center;
-  gap: 0.3em;
-  height: 36px;
-  &[data-disabled='true'] {
-    @extend .DBui-disabled;
-  }
-  .DBui-wrapSelectValueInputAutoComplete {
-    display: flex;
-    align-items: center;
-    .DBui-iconInputAutoComplete {
-      width: 20px;
-      color: #E3E3E8;
-      cursor: pointer;
-    }
-  }
-  .DBui-inputAutoComplete {
-    border: none;
-    background-color: #FFFFFF;
-    align-items: center;
-    width: 100%;
-    &:disabled {
-      @extend .DBui-disabled;
-    }
-  }
-}
-.DBui-menuItemInputAutoComplete {
-  background-color: #FFFFFF;
-  color: #000000;
-  padding: 0.3em 0.5em;
-  cursor: pointer;
-  &:hover {
-    background-color: #FAFAFA;
-  }
-  &[data-checked='true'] {
-    background-color: #0045a5;
-    color: #FFFFFF;
-  }
-}

package/dist/components/input/input-base/index.scss DELETED Viewed

@@ -1,14 +0,0 @@
-.DBui-inputBase {
-    display: flex;
-    flex-direction: column;
-    &[data-invalid='true'] {
-        .DBui-inputLabel {
-            color: #EB5757;
-        }
-    }
-    .DBui-dataInvalid {
-        color: #EB5757;
-    }
-}

package/dist/components/input/input-basic/index.scss DELETED Viewed

@@ -1,9 +0,0 @@
-@import '../extend.scss';
-.DBui-inputBasic {
-  @extend .DBui-input;
-  &:disabled {
-    @extend .DBui-disabled;
-  }
-}

package/dist/components/input/input-checkbox/index.scss DELETED Viewed

@@ -1,30 +0,0 @@
-@import '../extend.scss';
-.DBui-wrapInputCheckboxList {
-    display: flex;
-    width: 100%;
-    gap: 1em;
-    .DBui-wrapInputCheckbox {
-        display: flex;
-        align-items: center;
-        gap: 0.3em;
-        .DBui-labelCheckbox {
-            &[data-invalid='true'] {
-                color: #EB5757;
-            }
-        }
-        .DBui-inputCheckbox {
-            width: 100%;
-            border-radius: 0.3em;
-            width: 18px;
-            height: 18px;
-            &:disabled {
-                @extend .DBui-disabled;
-            }
-        }
-    }
-}