Skip to content

Commit 9d885b8

Browse files
susnuxsusnux
committed
fixup! fixup! refactor(utils): Replace GenRandomId with getRandomId 
1 parent fb630c5 commit 9d885b8

File tree

24 files changed

+57
-57
lines changed

24 files changed

+57
-57
lines changed

‎src/components/NcActionButtonGroup/NcActionButtonGroup.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -87,7 +87,7 @@ export default {
8787

8888
<script>
8989
import { defineComponent } from 'vue'
90-
import { getRandomId } from '../../utils/getRandomId.ts'
90+
import { getElementId } from '../../utils/getElementId.ts'
9191
import { t } from '../../l10n.js'
9292

9393
/**
@@ -116,7 +116,7 @@ export default defineComponent({
116116

117117
setup() {
118118
return {
119-
labelId: `nc-action-button-group-${getRandomId()}`,
119+
labelId: `nc-action-button-group-${getElementId()}`,
120120
}
121121
},
122122

‎src/components/NcActionCheckbox/NcActionCheckbox.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -39,7 +39,7 @@ This component is made to be used inside of the [NcActions](#NcActions) componen
3939

4040
<script>
4141
import ActionGlobalMixin from '../../mixins/actionGlobal.js'
42-
import { getRandomId } from '../../utils/getRandomId.ts'
42+
import { getElementId } from '../../utils/getElementId.ts'
4343

4444
export default {
4545
name: 'NcActionCheckbox',
@@ -59,7 +59,7 @@ export default {
5959
*/
6060
id: {
6161
type: String,
62-
default: () => 'action-' + getRandomId(),
62+
default: () => 'action-' + getElementId(),
6363
validator: id => id.trim() !== '',
6464
},
6565

‎src/components/NcActionInput/NcActionInput.vue

+3-3
Original file line numberDiff line numberDiff line change
@@ -246,7 +246,7 @@ import NcPasswordField from '../NcPasswordField/index.js'
246246
import NcSelect from '../NcSelect/index.js'
247247
import NcTextField from '../NcTextField/index.js'
248248
import ActionGlobalMixin from '../../mixins/actionGlobal.js'
249-
import { getRandomId } from '../../utils/getRandomId.ts'
249+
import { getElementId } from '../../utils/getElementId.ts'
250250
import { t } from '../../l10n.js'
251251

252252
export default {
@@ -270,15 +270,15 @@ export default {
270270
*/
271271
id: {
272272
type: String,
273-
default: () => 'action-' + getRandomId(),
273+
default: () => 'action-' + getElementId(),
274274
validator: id => id.trim() !== '',
275275
},
276276
/**
277277
* id attribute of the text input element
278278
*/
279279
inputId: {
280280
type: String,
281-
default: () => 'action-input-' + getRandomId(),
281+
default: () => 'action-input-' + getElementId(),
282282
validator: id => id.trim() !== '',
283283
},
284284
/**

‎src/components/NcActionRadio/NcActionRadio.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -42,7 +42,7 @@ So that only one of each name set can be selected at the same time.
4242

4343
<script>
4444
import ActionGlobalMixin from '../../mixins/actionGlobal.js'
45-
import { getRandomId } from '../../utils/getRandomId.ts'
45+
import { getElementId } from '../../utils/getElementId.ts'
4646

4747
export default {
4848
name: 'NcActionRadio',
@@ -62,7 +62,7 @@ export default {
6262
*/
6363
id: {
6464
type: String,
65-
default: () => 'action-' + getRandomId(),
65+
default: () => 'action-' + getElementId(),
6666
validator: id => id.trim() !== '',
6767
},
6868

‎src/components/NcActionTextEditable/NcActionTextEditable.vue

+3-3
Original file line numberDiff line numberDiff line change
@@ -83,7 +83,7 @@ export default {
8383

8484
<script>
8585
import ActionTextMixin from '../../mixins/actionText.js'
86-
import { getRandomId } from '../../utils/getRandomId.ts'
86+
import { getElementId } from '../../utils/getElementId.ts'
8787

8888
import ArrowRight from 'vue-material-design-icons/ArrowRight.vue'
8989

@@ -102,7 +102,7 @@ export default {
102102
*/
103103
id: {
104104
type: String,
105-
default: () => 'action-' + getRandomId(),
105+
default: () => 'action-' + getElementId(),
106106
validator: id => id.trim() !== '',
107107
},
108108
/**
@@ -138,7 +138,7 @@ export default {
138138
},
139139

140140
computedId() {
141-
return getRandomId()
141+
return getElementId()
142142
},
143143
},
144144

‎src/components/NcActions/NcActions.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -925,7 +925,7 @@ import { t } from '../../l10n.js'
925925

926926
import NcButton from '../NcButton/index.ts'
927927
import NcPopover from '../NcPopover/index.js'
928-
import { getRandomId } from '../../utils/getRandomId.ts'
928+
import { getElementId } from '../../utils/getElementId.ts'
929929
import isSlotPopulated from '../../utils/isSlotPopulated.ts'
930930

931931
import IconDotsHorizontal from 'vue-material-design-icons/DotsHorizontal.vue'
@@ -1112,7 +1112,7 @@ export default {
11121112
],
11131113

11141114
setup(props) {
1115-
const randomId = `menu-${getRandomId()}`
1115+
const randomId = `menu-${getElementId()}`
11161116
const triggerRandomId = `trigger-${randomId}`
11171117

11181118
const triggerButton = ref()

‎src/components/NcAppNavigationItem/NcAppNavigationItem.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -399,7 +399,7 @@ import NcAppNavigationIconCollapsible from './NcAppNavigationIconCollapsible.vue
399399
import { useIsMobile } from '../../composables/useIsMobile/index.js'
400400
import NcInputConfirmCancel from './NcInputConfirmCancel.vue'
401401
import { t } from '../../l10n.js'
402-
import { getRandomId } from '../../utils/getRandomId.ts'
402+
import { getElementId } from '../../utils/getElementId.ts'
403403

404404
import Pencil from 'vue-material-design-icons/Pencil.vue'
405405
import Undo from 'vue-material-design-icons/Undo.vue'
@@ -449,7 +449,7 @@ export default {
449449
*/
450450
id: {
451451
type: String,
452-
default: () => 'app-navigation-item-' + getRandomId(),
452+
default: () => 'app-navigation-item-' + getElementId(),
453453
validator: id => id.trim() !== '',
454454
},
455455

‎src/components/NcAppSidebar/NcAppSidebar.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -712,7 +712,7 @@ import NcEmptyContent from '../NcEmptyContent/index.js'
712712
import Focus from '../../directives/Focus/index.js'
713713
import Linkify from '../../directives/Linkify/index.js'
714714
import { useIsSmallMobile } from '../../composables/useIsMobile/index.js'
715-
import { getRandomId } from '../../utils/getRandomId.ts'
715+
import { getElementId } from '../../utils/getElementId.ts'
716716
import { getTrapStack } from '../../utils/focusTrap.js'
717717
import { t } from '../../l10n.js'
718718
import isSlotPopulated from '../../utils/isSlotPopulated.ts'
@@ -924,7 +924,7 @@ export default {
924924

925925
setup() {
926926
return {
927-
uid: getRandomId(),
927+
uid: getElementId(),
928928
isMobile: useIsSmallMobile(),
929929
}
930930
},

‎src/components/NcBreadcrumb/NcBreadcrumb.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -61,7 +61,7 @@ Renders a button element when given no redirection props, otherwise, renders <a/
6161

6262
<script>
6363
import NcActions from '../NcActions/index.js'
64-
import { getRandomId } from '../../utils/getRandomId.ts'
64+
import { getElementId } from '../../utils/getElementId.ts'
6565
import NcButton from '../NcButton/NcButton.vue'
6666

6767
import ChevronRight from 'vue-material-design-icons/ChevronRight.vue'
@@ -172,7 +172,7 @@ export default {
172172
* The unique id of the breadcrumb. Necessary to append the
173173
* Actions menu to the correct crumb.
174174
*/
175-
crumbId: `crumb-id-${getRandomId()}`,
175+
crumbId: `crumb-id-${getElementId()}`,
176176
}
177177
},
178178
computed: {

‎src/components/NcCheckboxRadioSwitch/NcCheckboxRadioSwitch.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -303,7 +303,7 @@ export default {
303303

304304
<script>
305305
import NcCheckboxContent, { TYPE_BUTTON, TYPE_CHECKBOX, TYPE_RADIO, TYPE_SWITCH } from './NcCheckboxContent.vue'
306-
import { getRandomId } from '../../utils/getRandomId.ts'
306+
import { getElementId } from '../../utils/getElementId.ts'
307307
import { t, n } from '../../l10n.js'
308308

309309
export default {
@@ -322,7 +322,7 @@ export default {
322322
*/
323323
id: {
324324
type: String,
325-
default: () => 'checkbox-radio-switch-' + getRandomId(),
325+
default: () => 'checkbox-radio-switch-' + getElementId(),
326326
validator: id => id.trim() !== '',
327327
},
328328

‎src/components/NcColorPicker/NcColorPicker.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -205,7 +205,7 @@ import NcPopover from '../NcPopover/index.js'
205205
import { t } from '../../l10n.js'
206206
import { defaultPalette } from '../../utils/GenColors.js'
207207

208-
import { getRandomId } from '../../utils/getRandomId.ts'
208+
import { getElementId } from '../../utils/getElementId.ts'
209209

210210
import ArrowLeft from 'vue-material-design-icons/ArrowLeft.vue'
211211
import Check from 'vue-material-design-icons/Check.vue'
@@ -306,7 +306,7 @@ export default defineComponent({
306306
},
307307

308308
uid() {
309-
return getRandomId()
309+
return getElementId()
310310
},
311311
contrastColor() {
312312
const black = '#000000'

‎src/components/NcDateTimePicker/NcDateTimePicker.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -157,7 +157,7 @@ export default {
157157

158158
<script>
159159
import { t } from '../../l10n.js'
160-
import { getRandomId } from '../../utils/getRandomId.ts'
160+
import { getElementId } from '../../utils/getElementId.ts'
161161

162162
import NcTimezonePicker from '../NcTimezonePicker/index.js'
163163
import NcPopover from '../NcPopover/index.js'
@@ -280,7 +280,7 @@ export default ScopeComponent({
280280

281281
setup() {
282282
return {
283-
timezoneDialogHeaderId: `timezone-dialog-header-${getRandomId()}`,
283+
timezoneDialogHeaderId: `timezone-dialog-header-${getElementId()}`,
284284
}
285285
},
286286

‎src/components/NcDialog/NcDialog.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -261,7 +261,7 @@ import { computed, defineComponent, ref } from 'vue'
261261
import NcModal from '../NcModal/index.js'
262262
import NcDialogButton from '../NcDialogButton/index.js'
263263

264-
import { getRandomId } from '../../utils/getRandomId.ts'
264+
import { getElementId } from '../../utils/getElementId.ts'
265265

266266
type NcDialogButtonProps = ComponentProps<typeof NcDialogButton>
267267

@@ -475,7 +475,7 @@ export default defineComponent({
475475
/**
476476
* The unique id of the nav element
477477
*/
478-
const navigationId = getRandomId()
478+
const navigationId = getElementId()
479479

480480
/**
481481
* aria-label attribute for the nav element

‎src/components/NcHeaderButton/NcHeaderButton.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -86,7 +86,7 @@ export default {
8686
</template>
8787

8888
<script setup lang="ts">
89-
import { getRandomId } from '../../utils/getRandomId.ts'
89+
import { getElementId } from '../../utils/getElementId.ts'
9090
import NcButton, { ButtonType } from '../NcButton/index.js'
9191

9292
defineProps<{
@@ -102,7 +102,7 @@ defineEmits<{
102102
click: [event: MouseEvent]
103103
}>()
104104

105-
const descriptionId = getRandomId()
105+
const descriptionId = getElementId()
106106
</script>
107107

108108
<style lang="scss" scoped>

‎src/components/NcHeaderMenu/NcHeaderMenu.vue

+3-3
Original file line numberDiff line numberDiff line change
@@ -109,7 +109,7 @@ import { vOnClickOutside as ClickOutside } from '@vueuse/components'
109109
import { createFocusTrap } from 'focus-trap'
110110

111111
import { clickOutsideOptions } from '../../mixins/index.js'
112-
import { getRandomId } from '../../utils/getRandomId.ts'
112+
import { getElementId } from '../../utils/getElementId.ts'
113113
import { getTrapStack } from '../../utils/focusTrap.js'
114114

115115
import NcButton from '../NcButton/index.ts'
@@ -189,8 +189,8 @@ export default {
189189
focusTrap: null,
190190
opened: this.open,
191191
shortcutsDisabled: window.OCP?.Accessibility?.disableKeyboardShortcuts?.(),
192-
triggerId: getRandomId(),
193-
descriptionId: getRandomId(),
192+
triggerId: getElementId(),
193+
descriptionId: getElementId(),
194194
}
195195
},
196196

‎src/components/NcInputField/NcInputField.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -92,7 +92,7 @@ For a list of all available props and attributes, please check the [HTMLInputEle
9292

9393
<script>
9494
import NcButton from '../NcButton/index.ts'
95-
import { getRandomId } from '../../utils/getRandomId.ts'
95+
import { getElementId } from '../../utils/getElementId.ts'
9696

9797
import AlertCircle from 'vue-material-design-icons/AlertCircleOutline.vue'
9898
import Check from 'vue-material-design-icons/Check.vue'
@@ -259,7 +259,7 @@ export default {
259259
},
260260

261261
inputName() {
262-
return 'input' + getRandomId()
262+
return 'input' + getElementId()
263263
},
264264

265265
hasTrailingIcon() {

‎src/components/NcModal/NcModal.vue

+2-2
Original file line numberDiff line numberDiff line change
@@ -330,7 +330,7 @@ import { warn as VueWarn } from 'vue'
330330

331331
import { getTrapStack } from '../../utils/focusTrap.js'
332332
import { t } from '../../l10n.js'
333-
import { getRandomId } from '../../utils/getRandomId.ts'
333+
import { getElementId } from '../../utils/getElementId.ts'
334334
import NcActions from '../NcActions/index.js'
335335
import NcButton from '../NcButton/index.ts'
336336
import Timer from '../../utils/Timer.js'
@@ -543,7 +543,7 @@ export default {
543543
iconSize: 24,
544544
focusTrap: null,
545545
externalFocusTrapStack: [],
546-
randId: getRandomId(),
546+
randId: getElementId(),
547547
internalShow: true,
548548
}
549549
},

‎src/components/NcRichContenteditable/NcRichContenteditable.vue

+4-4
Original file line numberDiff line numberDiff line change
@@ -294,7 +294,7 @@ import { searchProvider, getLinkWithPicker } from '../NcRichText/index.js'
294294
import Tribute from 'tributejs/dist/tribute.esm.js'
295295
import debounce from 'debounce'
296296
import stringLength from 'string-length'
297-
import { getRandomId } from '../../utils/getRandomId.ts'
297+
import { getElementId } from '../../utils/getElementId.ts'
298298

299299
/**
300300
* Populate the list of text smiles we want to offer via Tribute.
@@ -324,7 +324,7 @@ export default {
324324
*/
325325
id: {
326326
type: String,
327-
default: () => getRandomId(7),
327+
default: () => getElementId(7),
328328
},
329329

330330
/**
@@ -425,7 +425,7 @@ export default {
425425
],
426426

427427
setup() {
428-
const uid = getRandomId(5)
428+
const uid = getElementId(5)
429429
return {
430430
// Constants
431431
labelId: `nc-rich-contenteditable-${uid}-label`,
@@ -559,7 +559,7 @@ export default {
559559
},
560560

561561
initializeTribute() {
562-
const renderMenuItem = (content) => `<div id="nc-rich-contenteditable-tribute-item-${getRandomId(5)}" class="${this.$style['tribute-item']}" role="option">${content}</div>`
562+
const renderMenuItem = (content) => `<div id="nc-rich-contenteditable-tribute-item-${getElementId(5)}" class="${this.$style['tribute-item']}" role="option">${content}</div>`
563563

564564
const tributesCollection = []
565565
tributesCollection.push({

‎src/components/NcRichText/NcRichText.vue

+4-4
Original file line numberDiff line numberDiff line change
@@ -98,7 +98,7 @@ Table row | value A | value B
9898
---
9999

100100
\`\`\`js
101-
const getRandomId = (length) => {
101+
const getElementId = (length) => {
102102
\treturn Math.random()
103103
\t\t.toString(36)
104104
\t\t.replace(/[^a-z]+/g, '')
@@ -307,7 +307,7 @@ import NcCheckboxRadioSwitch from '../NcCheckboxRadioSwitch/NcCheckboxRadioSwitc
307307
import NcLoadingIcon from '../NcLoadingIcon/NcLoadingIcon.vue'
308308
import { getRoute, remarkAutolink } from './autolink.ts'
309309
import { remarkPlaceholder, prepareTextNode } from './placeholder.js'
310-
import { getRandomId } from '../../utils/getRandomId.ts'
310+
import { getElementId } from '../../utils/getElementId.ts'
311311

312312
import { unified } from 'unified'
313313
import remarkParse from 'remark-parse'
@@ -419,7 +419,7 @@ export default {
419419

420420
data() {
421421
return {
422-
parentId: getRandomId(5),
422+
parentId: getElementId(5),
423423
}
424424
},
425425

@@ -556,7 +556,7 @@ export default {
556556
labelParts.splice(nestedNodeIndex)
557557
}
558558

559-
const id = this.parentId + '-markdown-input-' + getRandomId(5)
559+
const id = this.parentId + '-markdown-input-' + getElementId(5)
560560
const propsToForward = { ...inputNode.props }
561561
// The checked prop is name modelValue for NcCheckboxRadioSwitch
562562
delete propsToForward.checked

0 commit comments

Comments
 (0)