[feat] Refactor how random IDs are generated

[kylebuch8]

Description of the requested feature

There is a randomId getter in pfelement.js.
https://github.com/patternfly/patternfly-elements/blob/master/elements/pfelement/src/pfelement.js#L168

I'd like to propose we create some utility files in that would export functions like creating a random ID that we could import into other components where needed. I'm picturing something along the lines of

function randomId(prefix = "", suffix = "") {
  return `${prefix}${Math.random().toString(36).substr(2, 9)}${suffix}`;
}

export { randomId }

And then use it like this in a component like pfe-accordion.js

import { randomId } from "some-utility-file.js"
...
_id: {
  type: String,
  default: el => `${randomId(el.tag)}`,
  prefix: false
}
...

The benefit of doing it this way is that we can remove the getter from pfelement.js since it's more of a utility function and then use it however we need to in any of the other components.

Impacted component(s)

• pfelement
• pfe-accordion
• pfe-primary-detail
• pfe-content-set
• pfe-jump-links
• pfe-modal
• pfe-tabs

[castastrophe]

Is this potentially related to #738 ?

[castastrophe]

I have been using this.randomId.replace("pfe-", this.tag) in some places where necessary and it works very nicely

[castastrophe]

We could deprecate the getter in 2.0 as an option

[wesruv]

There are a number of things I've been thinking would be nice to have access to, but don't necessarily reach the level of "put it in the base class".

Things like a throttle/debounce helper, resource conscious resize/scroll functions, the selector list for focusable elements, stuff like that.

Could go nicely in a utility function setup.