Skip to content

Commit

Permalink
[ONL-6705] Migrate dropdown to Vue 3 (#1232)
Browse files Browse the repository at this point in the history 
* [ONL-6705] chore: Updated latest dependencies.

* [ONL-6705] chore: Migrated dropdown to Vue 3.

* 2.0.1
  • Loading branch information
@mcibique
mcibique authored Aug 16, 2022
1 parent fa0f056 commit e40e080
Show file tree
Hide file tree
Showing 15 changed files with 1,621 additions and 1,443 deletions.
1,643 changes: 787 additions & 856 deletions package-lock.json
View file

Large diffs are not rendered by default.

34 changes: 17 additions & 17 deletions package.json
View file
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
{
"name": "@ebury/chameleon-components",
"version": "2.0.0",
"version": "2.0.1",
"main": "src/main.js",
"sideEffects": false,
"author": "Ebury Team (http://labs.ebury.rocks/)",
Expand Down Expand Up @@ -50,19 +50,19 @@
"@babel/eslint-parser": "7.18.9",
"@fullhuman/postcss-purgecss": "4.0.3",
"@sinonjs/fake-timers": "9.1.2",
"@storybook/addon-a11y": "6.5.9",
"@storybook/addon-actions": "6.5.9",
"@storybook/addon-a11y": "6.5.10",
"@storybook/addon-actions": "6.5.10",
"@storybook/addon-cssresources": "6.2.9",
"@storybook/addon-essentials": "6.5.9",
"@storybook/addon-links": "6.5.9",
"@storybook/addon-essentials": "6.5.10",
"@storybook/addon-links": "6.5.10",
"@storybook/addon-postcss": "2.0.0",
"@storybook/addon-viewport": "6.5.9",
"@storybook/addons": "6.5.9",
"@storybook/builder-webpack5": "6.5.9",
"@storybook/manager-webpack5": "6.5.9",
"@storybook/source-loader": "6.5.9",
"@storybook/theming": "6.5.9",
"@storybook/vue3": "6.5.9",
"@storybook/addon-viewport": "6.5.10",
"@storybook/addons": "6.5.10",
"@storybook/builder-webpack5": "6.5.10",
"@storybook/manager-webpack5": "6.5.10",
"@storybook/source-loader": "6.5.10",
"@storybook/theming": "6.5.10",
"@storybook/vue3": "6.5.10",
"@testing-library/jest-dom": "5.16.5",
"@vue/cli-plugin-babel": "5.0.8",
"@vue/cli-plugin-eslint": "5.0.8",
Expand All @@ -76,19 +76,19 @@
"babel-jest": "27.5.1",
"babel-preset-vue": "2.0.2",
"color": "4.2.3",
"css-tree": "2.1.0",
"css-tree": "2.2.0",
"cypress": "9.7.0",
"cypress-image-snapshot": "4.0.1",
"eslint": "8.21.0",
"eslint-plugin-cypress": "2.12.1",
"eslint-plugin-jest": "26.7.0",
"eslint-plugin-jest": "26.8.2",
"eslint-plugin-simple-import-sort": "7.0.0",
"eslint-plugin-vue": "9.3.0",
"eslint-plugin-vuejs-accessibility": "1.2.0",
"intl": "1.2.5",
"jest": "27.5.1",
"lint-staged": "13.0.3",
"postcss": "8.4.14",
"postcss": "8.4.16",
"postcss-html": "1.4.1",
"postcss-import": "14.1.0",
"postcss-mixins": "9.0.3",
Expand All @@ -97,9 +97,9 @@
"purgecss-from-html": "4.0.3",
"snapshot-diff": "0.9.0",
"storybook-vue3-router": "2.3.1",
"stylelint": "14.9.1",
"stylelint": "14.10.0",
"stylelint-config-recommended-vue": "1.4.0",
"stylelint-config-standard": "26.0.0",
"stylelint-config-standard": "27.0.0",
"stylelint-config-standard-scss": "5.0.0",
"stylelint-webpack-plugin": "3.3.0",
"svg-sprite-loader": "6.0.11",
Expand Down
4 changes: 2 additions & 2 deletions src/components/ec-amount-filter-input/__snapshots__/ec-amount-filter-input.spec.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -98,7 +98,7 @@ exports[`EcAmountFilterInput :props should render with a sensitive class when is
class="ec-amount-filter-input__inputs-group"
>
<div
class="ec-dropdown-search ec-dropdown ec-amount-filter-input__comparison-symbol-selector"
class="ec-amount-filter-input__comparison-symbol-selector ec-dropdown ec-dropdown-search"
data-test="ec-dropdown ec-dropdown-search"
>
<ec-stub
Expand Down Expand Up @@ -241,7 +241,7 @@ exports[`EcAmountFilterInput should render properly 1`] = `
class="ec-amount-filter-input__inputs-group"
>
<div
class="ec-dropdown-search ec-dropdown ec-amount-filter-input__comparison-symbol-selector"
class="ec-amount-filter-input__comparison-symbol-selector ec-dropdown ec-dropdown-search"
data-test="ec-dropdown ec-dropdown-search"
>
<ec-stub
Expand Down
8 changes: 4 additions & 4 deletions src/components/ec-currency-filter/__snapshots__/ec-currency-filter.spec.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -122,7 +122,7 @@ exports[`EcCurrencyFilter should pass down props required by ec-amount-filter-in
class="ec-amount-filter-input__inputs-group"
>
<div
class="ec-dropdown-search ec-dropdown ec-amount-filter-input__comparison-symbol-selector"
class="ec-amount-filter-input__comparison-symbol-selector ec-dropdown ec-dropdown-search"
data-test="ec-dropdown ec-dropdown-search"
>
<ec-stub
Expand Down Expand Up @@ -562,7 +562,7 @@ exports[`EcCurrencyFilter should preselect given filters from the value prop 2`]
class="ec-amount-filter-input__inputs-group"
>
<div
class="ec-dropdown-search ec-dropdown ec-amount-filter-input__comparison-symbol-selector"
class="ec-amount-filter-input__comparison-symbol-selector ec-dropdown ec-dropdown-search"
data-test="ec-dropdown ec-dropdown-search"
>
<ec-stub
Expand Down Expand Up @@ -1159,7 +1159,7 @@ exports[`EcCurrencyFilter should render correctly 1`] = `
class="ec-amount-filter-input__inputs-group"
>
<div
class="ec-dropdown-search ec-dropdown ec-amount-filter-input__comparison-symbol-selector"
class="ec-amount-filter-input__comparison-symbol-selector ec-dropdown ec-dropdown-search"
data-test="ec-dropdown ec-dropdown-search"
>
<ec-stub
Expand Down Expand Up @@ -1395,7 +1395,7 @@ exports[`EcCurrencyFilter v-model should clear the amount and comparison symbol
class="ec-amount-filter-input__inputs-group"
>
<div
class="ec-dropdown-search ec-dropdown ec-amount-filter-input__comparison-symbol-selector"
class="ec-amount-filter-input__comparison-symbol-selector ec-dropdown ec-dropdown-search"
data-test="ec-dropdown ec-dropdown-search"
>
<ec-stub
Expand Down
10 changes: 5 additions & 5 deletions src/components/ec-currency-input/__snapshots__/ec-currency-input.spec.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -73,7 +73,7 @@ exports[`EcCurrencyInput $attrs should use data-test attribute to prefix all dat
class="ec-currency-input__input-group"
>
<div
class="ec-dropdown-search ec-dropdown ec-currency-input__currencies"
class="ec-currency-input__currencies ec-dropdown ec-dropdown-search"
data-test="ec-dropdown ec-dropdown-search"
>
<ec-stub
Expand Down Expand Up @@ -220,7 +220,7 @@ exports[`EcCurrencyInput $attrs should use data-test attribute with multiple val
class="ec-currency-input__input-group"
>
<div
class="ec-dropdown-search ec-dropdown ec-currency-input__currencies"
class="ec-currency-input__currencies ec-dropdown ec-dropdown-search"
data-test="ec-dropdown ec-dropdown-search"
>
<ec-stub
Expand Down Expand Up @@ -551,7 +551,7 @@ exports[`EcCurrencyInput :props should render the searching field with the place

exports[`EcCurrencyInput :props should render without any currencies if the currencies prop is empty 1`] = `
<div
class="ec-dropdown-search ec-dropdown ec-currency-input__currencies"
class="ec-currency-input__currencies ec-dropdown ec-dropdown-search"
data-test="ec-dropdown ec-dropdown-search"
>
<ec-stub
Expand Down Expand Up @@ -649,7 +649,7 @@ exports[`EcCurrencyInput should render properly 1`] = `
class="ec-currency-input__input-group"
>
<div
class="ec-dropdown-search ec-dropdown ec-currency-input__currencies"
class="ec-currency-input__currencies ec-dropdown ec-dropdown-search"
data-test="ec-dropdown ec-dropdown-search"
>
<ec-stub
Expand Down Expand Up @@ -795,7 +795,7 @@ exports[`EcCurrencyInput should render with a sensitive class when isSensitive p
class="ec-currency-input__input-group"
>
<div
class="ec-dropdown-search ec-dropdown ec-currency-input__currencies"
class="ec-currency-input__currencies ec-dropdown ec-dropdown-search"
data-test="ec-dropdown ec-dropdown-search"
>
<ec-stub
Expand Down
96 changes: 96 additions & 0 deletions src/components/ec-dropdown-search/__snapshots__/ec-dropdown-search.spec.js.snap
View file
Original file line number Diff line number Diff line change
Expand Up @@ -757,6 +757,66 @@ exports[`EcDropdownSearch should render given cta slot with a tooltip 1`] = `
</div>
`;
exports[`EcDropdownSearch should render given custom attributes 1`] = `
<div
class="my-custom-class ec-dropdown-search"
data-test="my-data-test ec-dropdown-search"
id="my-id"
>
<ec-stub
autosize="true"
class="ec-dropdown-search__trigger"
data-test="ec-popover-dropdown-search ec-stub ec-popover-stub"
disabled="false"
distance="8"
placement="bottom-start"
popperclass="ec-dropdown-search__popover"
shift="false"
shown="false"
>
<div>
<ul
class="ec-dropdown-search__item-list"
data-test="ec-dropdown-search__item-list"
>
<li
class="ec-dropdown-search__search-area"
data-test="ec-dropdown-search__search-area"
>
<svg
class="ec-icon ec-dropdown-search__search-icon"
>
<use
xlink:href="#ec-simple-search"
/>
</svg>
<input
autocomplete="off"
class="ec-dropdown-search__search-input"
data-test="ec-dropdown-search__search-input"
placeholder="Search..."
/>
</li>
<!--v-if-->
<li
class="ec-dropdown-search__no-items"
data-test="ec-dropdown-search__no-items"
title="No results found"
>
No results found
</li>
</ul>
</div>
</ec-stub>
</div>
`;
exports[`EcDropdownSearch should render given default slot 1`] = `
<div
class="ec-dropdown-search"
Expand Down Expand Up @@ -1153,6 +1213,42 @@ exports[`EcDropdownSearch should render given popover style when it is a functio
</div>
`;
exports[`EcDropdownSearch should render sensitive class 1`] = `
<ul
class="ec-dropdown-search__item-list my-sensitive-content-test-class"
data-test="ec-dropdown-search__item-list"
>
<li
class="ec-dropdown-search__search-area"
data-test="ec-dropdown-search__search-area"
>
<svg
class="ec-icon ec-dropdown-search__search-icon"
>
<use
xlink:href="#ec-simple-search"
/>
</svg>
<input
autocomplete="off"
class="ec-dropdown-search__search-input"
data-test="ec-dropdown-search__search-input"
placeholder="Search..."
/>
</li>
<!--v-if-->
<li
class="ec-dropdown-search__no-items"
data-test="ec-dropdown-search__no-items"
title="No results found"
>
No results found
</li>
</ul>
`;
exports[`EcDropdownSearch should render the search by default 1`] = `
<li
class="ec-dropdown-search__search-area"
Expand Down
Loading

1 comment on commit e40e080

@vercel
Copy link

@vercel vercel bot commented on e40e080 Aug 16, 2022

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Successfully deployed to the following URLs:

chameleon – ./

chameleon-git-master-ebury.vercel.app
chameleon-ebury.vercel.app
chameleon-dead-plane.vercel.app

Please sign in to comment.