@tendermint/ui - npm Package Compare versions

Comparing version 0.1.0 to 0.2.0

CHANGELOG.md

@@ -12,15 +12,31 @@ # Changelog
 
-- Added `./src/index.js` to support `import`
-- Added a README and CHANGELOG
-- Added a placeholder HelloWorld component
-- Added @nylira/vue-page-header as `tmPageHeader`
-- Added @nylira/vue-notifications as `tmNotifications`
-- Added @nylira/vue-countdown as `tmCountdown`
-- Added @nylira/vue-key-value(s) as `tmKeyValue(s)`
-- Added @nylira/vue-field as `tmField`
-- Added @nylira/vue-form-msg as `TmFormMsg`
-- Added @nylira/vue-module(s) as `tmModule(s)`
-- Added common/NiBarDiscrete as `TmBarDiscrete`
-- Added common/NiListItem as `TmListItem`
-- Added @nylira/vue-button as `tmBtn`
-- Added @nylira/vue-field as `tmField`
+- Added `./src/index.js` to support `import` @nylira
+- Added a README and CHANGELOG @nylira
+- Added a placeholder HelloWorld component @nylira
+- Added @nylira/vue-page-header as `tmPageHeader` @okwme
+- Added @nylira/vue-notifications as `tmNotifications` @okwme
+- Added @nylira/vue-countdown as `tmCountdown` @okwme
+- Added @nylira/vue-key-value(s) as `tmKeyValue(s)` @okwme
+- Added @nylira/vue-field as `tmField` @okwme
+- Added @nylira/vue-form-msg as `TmFormMsg` @okwme
+- Added @nylira/vue-module(s) as `tmModule(s)` @okwme
+- Added common/NiBarDiscrete as `TmBarDiscrete` @okwme
+- Added common/NiListItem as `TmListItem` @okwme
+- Added @nylira/vue-button as `tmBtn` @okwme
+- Added @nylira/vue-field as `tmField` @okwme
+- Added common/NiDataMsg as `TmDataMsg` @okwme
+- Added common/NiFieldGroup as `TmFieldGroup` @okwme
+- Added common/NiFormGroup as `TmFormGroup` @okwme
+- Added common/NiFormStruct as `TmFormStruct` @okwme
+- Added common/NiPage & common/NiPageFooter as `TmPage` & `TmPageFooter` @okwme
+- Added common/NiPart as `TmPart` @okwme
+
+### Changed
+
+- Used relative link for `TmListItem` to `TmBtn` @okwme
+- Updated to consistent PascalCase naming @okwme
+
+### Fixed
+
+- `TmListItem` tests were failing w null props @okwme
+- Fixed capitalization issue affecting Linux systems @nylira

package.json

@@ -5,3 +5,3 @@ {
   "description": "Tendermint UI contains components for front end projects.",
-  "version": "0.1.0",
+  "version": "0.2.0",
   "license": "Apache-2.0",
@@ -16,7 +16,6 @@ "author": "Tendermint, Inc <[e-mail]>",
     "moment": "^2.22.2",
+    "perfect-scrollbar": "^1.4.0",
     "vue": "^2.5.16"
   },
   "devDependencies": {
-    "html-beautify": "^1.0.4",
-    "pug": "^2.0.3",
     "@vue/cli-plugin-babel": "^3.0.0-rc.1",
@@ -23,0 +22,0 @@ "@vue/cli-plugin-eslint": "^3.0.0-rc.1",

src/index.js

@@ -1,11 +0,21 @@
-import TmField from "./components/tmField"
-import TmPageHeader from "./components/tmPageHeader"
-import TmNotifications from "./components/tmNotifications"
-import TmCountdown from "./components/tmCountdown"
-import { TmKeyValues } from "./components/tmKeyValues"
-import { TmKeyValue } from "./components/tmKeyValues"
-import { TmModule } from "./components/tmModules"
-import { TmModules } from "./components/tmModules"
-import TmFormMsg from "./components/tmFormMsg"
-import TmBarDiscrete from "./components/tmBarDiscrete"
+import TmField from "./components/TmField"
+import TmNotifications from "./components/TmNotifications"
+import TmCountdown from "./components/TmCountdown"
+
+import { TmKeyValues } from "./components/TmKeyValues"
+import { TmKeyValue } from "./components/TmKeyValues"
+
+import { TmModules } from "./components/TmModules"
+import { TmModule } from "./components/TmModules"
+
+import TmPart from "./components/TmPart"
+import TmPage from "./components/TmPage"
+import TmPageHeader from "./components/TmPageHeader"
+import TmPageFooter from "./components/TmPageFooter"
+import TmFormStruct from "./components/TmFormStruct"
+import TmFormGroup from "./components/TmFormGroup"
+import TmFieldGroup from "./components/TmFieldGroup"
+import TmDataMsg from "./components/TmDataMsg"
+import TmFormMsg from "./components/TmFormMsg"
+import TmBarDiscrete from "./components/TmBarDiscrete"
 import TmListItem from "./components/TmListItem"
@@ -16,3 +26,6 @@ import TmBtn from "./components/TmBtn"
   TmField,
+  TmPart,
+  TmPage,
   TmPageHeader,
+  TmPageFooter,
   TmNotifications,
@@ -24,2 +37,6 @@ TmCountdown,
   TmModules,
+  TmFormStruct,
+  TmFormGroup,
+  TmFieldGroup,
+  TmDataMsg,
   TmFormMsg,
@@ -39,23 +56,41 @@ TmBarDiscrete,
 
-export { default as TmField } from "./components/tmField/tmField.vue"
+export { default as TmField } from "./components/TmField/TmField.vue"
+export { default as TmPart } from "./components/TmPart/TmPart.vue"
+export { default as TmPage } from "./components/TmPage/TmPage.vue"
 export {
   default as TmPageHeader
-} from "./components/tmPageHeader/tmPageHeader.vue"
+} from "./components/TmPageHeader/TmPageHeader.vue"
 export {
+  default as TmPageFooter
+} from "./components/TmPageFooter/TmPageFooter.vue"
+export {
   default as TmNotifications
-} from "./components/tmNotifications/tmNotifications.vue"
+} from "./components/TmNotifications/TmNotifications.vue"
 export {
   default as TmCountdown
-} from "./components/tmCountdown/tmCountdown.vue"
-export { default as TmKeyValue } from "./components/TmKeyValues/TmKeyValue.vue"
+} from "./components/TmCountdown/TmCountdown.vue"
+
 export {
   default as TmKeyValues
 } from "./components/TmKeyValues/TmKeyValues.vue"
-export { default as TmModule } from "./components/tmModules/tmModule.vue"
-export { default as TmModules } from "./components/tmModules/tmModules.vue"
-export { default as TmFormMsg } from "./components/tmFormMsg/tmFormMsg.vue"
+export { default as TmKeyValue } from "./components/TmKeyValues/TmKeyValue.vue"
+
+export { default as TmModules } from "./components/TmModules/TmModules.vue"
+export { default as TmModule } from "./components/TmModules/TmModule.vue"
+
 export {
+  default as TmFormStruct
+} from "./components/TmFormStruct/TmFormStruct.vue"
+export {
+  default as TmFormGroup
+} from "./components/TmFormGroup/TmFormGroup.vue"
+export {
+  default as TmFieldGroup
+} from "./components/TmFieldGroup/TmFieldGroup.vue"
+export { default as TmDataMsg } from "./components/TmDataMsg/TmDataMsg.vue"
+export { default as TmFormMsg } from "./components/TmFormMsg/TmFormMsg.vue"
+export {
   default as TmBarDiscrete
-} from "./components/tmBarDiscrete/tmBarDiscrete.vue"
+} from "./components/TmBarDiscrete/TmBarDiscrete.vue"
 export { default as TmBtn } from "./components/TmBtn/TmBtn.vue"
 export { default as TmListItem } from "./components/TmListItem/TmListItem.vue"

tests/unit/tmBtn.spec.js

 import { shallowMount } from "@vue/test-utils"
 import htmlBeautify from "html-beautify"
-import TmBtn from "@/components/TmBtn/TmBtn.vue"
+import { TmBtn } from "@/index"
 
@@ -5,0 +5,0 @@ describe("TmBtn.vue", () => {

tests/unit/tmField.spec.js

 import { shallowMount } from "@vue/test-utils"
 import htmlBeautify from "html-beautify"
-import TmField from "@/components/tmField/tmField.vue"
+import { TmField } from "@/index"
 
@@ -5,0 +5,0 @@ describe("TmField.vue", () => {

tests/unit/tmKeyValues.spec.js

 import { shallowMount } from "@vue/test-utils"
 import htmlBeautify from "html-beautify"
-// import TmKeyValues from "@/components/tmKeyValues/tmKeyValues.vue"
-// import TmKeyValue from "@/components/tmKeyValues/tmKeyValue.vue"
-import { TmKeyValues } from "@/index.js"
-import { TmKeyValue } from "@/index.js"
+import { TmKeyValues } from "@/index"
+import { TmKeyValue } from "@/index"
 
@@ -8,0 +6,0 @@ describe("TmKeyValues.vue", () => {

tests/unit/TmListItem.spec.js

@@ -17,3 +17,3 @@ import { shallowMount } from "@vue/test-utils"
         to: null,
-        dt: null,
+        dt: "not null",
         dd: null,
@@ -76,3 +76,3 @@ href: null,
   it("should show a label", () => {
-    wrapper.setProps({ title: "Title", subtitle: "Subtitle" })
+    wrapper.setProps({ dt: null, title: "Title", subtitle: "Subtitle" })
     expect(htmlBeautify(wrapper.html())).toMatchSnapshot()
@@ -79,0 +79,0 @@ expect(wrapper.html()).toContain("Title")

tests/unit/tmNotifications.spec.js

 import { mount } from "@vue/test-utils"
 import htmlBeautify from "html-beautify"
-import { TmNotifications } from "@/index.js"
+import { TmNotifications } from "@/index"
 
@@ -5,0 +5,0 @@ describe("TmNotifications.vue", () => {

tests/unit/tmPageHeader.spec.js

 import { shallowMount } from "@vue/test-utils"
 import htmlBeautify from "html-beautify"
-import { TmPageHeader } from "@/index.js"
+import { TmPageHeader } from "@/index"
 
@@ -5,0 +5,0 @@ describe("TmPageHeader.vue", () => {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

412795

increased by5.08%

Number of package files

101

increased by53.03%

Lines of code

926

increased by39.88%

Worsened metrics

Dependency count

3

increased by50%

Number of medium supply chain risk alerts

1

increased byInfinity%

Dependency changes

• + Addedperfect-scrollbar@^1.4.0

• + Addedperfect-scrollbar@1.5.6(transitive)