@designcrowd/fe-shared-lib 1.2.9-ali-disabled-2 → 1.2.9-ml-currency

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 (10) hide show
  1. package/Dockerfile +1 -1
  2. package/{public → dist}/css/tailwind-brandCrowd.css +582 -501
  3. package/{public → dist}/css/tailwind-brandPage.css +506 -425
  4. package/{public → dist}/css/tailwind-crazyDomains.css +582 -501
  5. package/{public → dist}/css/tailwind-designCom.css +582 -501
  6. package/{public → dist}/css/tailwind-designCrowd.css +582 -501
  7. package/package.json +2 -2
  8. package/src/atoms/components/ButtonGroup/ButtonGroup.stories.js +0 -1
  9. package/src/atoms/components/ButtonGroup/ButtonGroup.vue +12 -24
  10. package/src/atoms/components/Price/Price.vue +17 -0
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@designcrowd/fe-shared-lib",
3
- "version": "1.2.9-ali-disabled-2",
3
+ "version": "1.2.9-ml-currency",
4
4
  "scripts": {
5
5
  "start": "run-p storybook watch:translation",
6
6
  "build": "npm run build:css --production",
@@ -113,4 +113,4 @@
113
113
  "overrides": {
114
114
  "storybook": "$storybook"
115
115
  }
116
- }
116
+ }
package/src/atoms/components/ButtonGroup/ButtonGroup.stories.js CHANGED
@@ -21,7 +21,6 @@ export const Sample = () => {
21
21
  {
22
22
  label: 'Medium',
23
23
  value: 'medium',
24
- disabled: true,
25
24
  },
26
25
  {
27
26
  label: 'Large',
package/src/atoms/components/ButtonGroup/ButtonGroup.vue CHANGED
@@ -10,14 +10,11 @@
10
10
  <button
11
11
  class="button-group-item tw-text-xs tw-shadow-inner tw-w-full tw-py-2"
12
12
  :class="{
13
- '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected && !option.disabled,
14
- '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': !option.isSelected && !option.disabled,
15
- 'hover:!tw-shadow-info-500': !option.isSelected && !option.disabled,
16
- 'tw-opacity-50 !tw-cursor-not-allowed !tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': option.disabled,
13
+ '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected,
14
+ '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200 hover:!tw-shadow-info-500': !option.isSelected,
17
15
  }"
18
- :disabled="option.disabled"
19
16
  v-bind="option.dataAttribute ? { [option.dataAttribute]: '' } : {}"
20
- @click="!option.disabled && $emit('on-select', option)"
17
+ @click="$emit('on-select', option)"
21
18
  >
22
19
  <slot name="content" :option="option"></slot>
23
20
  </button>
@@ -38,10 +35,8 @@
38
35
  <button
39
36
  v-if="variant === 'icon'"
40
37
  :class="{
41
- '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected && !option.disabled,
42
- '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': !option.isSelected && !option.disabled,
43
- 'hover:!tw-shadow-info-500': !option.isSelected && !option.disabled,
44
- 'tw-opacity-50 !tw-cursor-not-allowed !tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': option.disabled,
38
+ '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected,
39
+ '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200 hover:!tw-shadow-info-500': !option.isSelected,
45
40
  'tw-px-2': !option.iconViewBox,
46
41
  'tw-px-px':
47
42
  option.iconViewBox && !option.isSelected && !option.iconName.includes('display-style') && btnStyleVariant, // TODO - move style logic to computed prop
@@ -50,10 +45,9 @@
50
45
  'tw-px-0 tw-py-0': option.iconName.includes('display-style') || btnStyleVariant === 'compressed',
51
46
  }"
52
47
  :style="option.iconName.includes('display-style') ? { lineHeight: 0 } : {}"
53
- :disabled="option.disabled"
54
48
  class="tw-text-xs button-group-icon-button tw-shadow-inner"
55
49
  v-bind="option.dataAttribute ? { [option.dataAttribute]: '' } : {}"
56
- @click="!option.disabled && $emit('on-select', option)"
50
+ @click="$emit('on-select', option)"
57
51
  >
58
52
  <div
59
53
  :class="{
@@ -73,15 +67,12 @@
73
67
  <button
74
68
  v-else
75
69
  :class="{
76
- '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected && !option.disabled,
77
- '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': !option.isSelected && !option.disabled,
78
- 'hover:!tw-shadow-info-500': !option.isSelected && !option.disabled,
79
- 'tw-opacity-50 !tw-cursor-not-allowed !tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': option.disabled,
70
+ '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected,
71
+ '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200 hover:!tw-shadow-info-500': !option.isSelected,
80
72
  }"
81
- :disabled="option.disabled"
82
73
  class="tw-text-xs button-group-image-button tw-shadow-inner"
83
74
  v-bind="option.dataAttribute ? { [option.dataAttribute]: '' } : {}"
84
- @click="!option.disabled && $emit('on-select', option)"
75
+ @click="$emit('on-select', option)"
85
76
  >
86
77
  <img :src="option.src" :alt="option.alt" class="tw-w-full tw-h-full" />
87
78
  </button>
@@ -99,14 +90,11 @@
99
90
  :key="`button-${option.value}`"
100
91
  :class="{
101
92
  'tw-ml-2': idx > 0 && !columns,
102
- '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected && !option.disabled,
103
- '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': !option.isSelected && !option.disabled,
104
- 'hover:!tw-shadow-info-500': !option.isSelected && !option.disabled,
105
- 'tw-opacity-50 !tw-cursor-not-allowed !tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200': option.disabled,
93
+ '!tw-shadow-[0_0_0_2px] !tw-shadow-info-500': option.isSelected,
94
+ '!tw-shadow-[0_0_0_1px] !tw-shadow-secondary-200 hover:!tw-shadow-info-500': !option.isSelected,
106
95
  }"
107
- :disabled="option.disabled"
108
96
  class="tw-text-xs button-group-button tw-shadow-inner"
109
- @click="!option.disabled && $emit('on-select', option)"
97
+ @click="$emit('on-select', option)"
110
98
  >
111
99
  {{ option.label }}
112
100
  </button>
package/src/atoms/components/Price/Price.vue CHANGED
@@ -5,6 +5,10 @@
5
5
  </span>
6
6
  </template>
7
7
  <script>
8
+
9
+ import i18next from "i18next";
10
+ import {setSharedLibLocaleAsync} from "../../../useSharedLibTranslate";
11
+
8
12
  export default {
9
13
  props: {
10
14
  amount: {
@@ -22,6 +26,11 @@ export default {
22
26
  required: false,
23
27
  default: null,
24
28
  },
29
+ localeCurrency: {
30
+ type: String,
31
+ required: false,
32
+ default: null,
33
+ },
25
34
  fraction: {
26
35
  type: [Number, String],
27
36
  required: false,
@@ -48,6 +57,9 @@ export default {
48
57
  default: false,
49
58
  },
50
59
  },
60
+ setup() {
61
+ setSharedLibLocaleAsync();
62
+ },
51
63
  computed: {
52
64
  amountFormatted() {
53
65
  if (this.isDomainCredit) {
@@ -58,6 +70,11 @@ export default {
58
70
  return 'Free';
59
71
  }
60
72
 
73
+ if (this.localeCurrency != null)
74
+ {
75
+ return i18next.t('{{val, number}}', { ns: 'fe-shared-lib', val: this.amount, lng: this.localeCurrency, minimumFractionDigits: this.fraction });
76
+ }
77
+
61
78
  const parsedAmount = Number.parseFloat(this.amount);
62
79
 
63
80
  if (Number.isNaN(parsedAmount)) {