@patternfly/[email protected]

Major Changes

• e8788c7: Initial Release 🎉

  @patternfly/pfe-core provides utilities for building PatternFly elements,
  like TypeScript decorators and Lit reactive controllers.
  Core utilities replace the PFElement base class.

  Before

  export class PfeJazzHands extends PFElement {
    static get tag() {
      return "pfe-jazz-hands";
    }
  
    static get properties() {
      return {
        cool: {
          type: Boolean,
          observer: "_upgradeObserver",
        },
      };
    }
  }
  PFElement.create(PfeJazzHands);

  After

  @customElement("pf-jazz-hands")
  export class PfJazzHands extends LitElement {
    @observed("_upgradeObserver")
    @property({ type: Boolean })
    cool = true;
    _upgradeObserver() {
      console.log("cool");
    }
  }

  Controllers

  • ✨ Added FloatingDOMController for use with components that require popover
    content. For example, in BaseTooltip we use the controller in this manner:

    import { FloatingDOMController } from "@patternfly/pfe-core/controllers/floating-dom-controller.js";
    
    export class BaseTooltip extends LitElement {
      #domController = new FloatingDOMController(this);
    }

  • ✨ Added InternalsController, providing preliminary facility for
    ElementInternals

  • ✨ Added ScrollSpyController which sets an attribute (active by default)
    on one of it's children when that child's href attribute is to a hash
    reference to an ID'd heading on the page.

  • ✨ Added RovingTabindexController which implements roving tabindex, as
    described in WAI-ARIA practices. Added RovingTabindexController.

  See README and the docs for more info.

Minor Changes

• 530ef71: ✨ Added OverflowController

  When added to a container and given a child array of elements,
  OverflowController checks to see if those elements exceed the bounds of the
  container.

• 2e1fb57: InternalsController: added labels and validity getters; added setFormValue, setValidity, checkValidity and reportValidity methods

Patch Changes

• 5d3315f: Prepared release candidate