Skip to content

Instantly share code, notes, and snippets.

View bjankord's full-sized avatar
🎵
Chillin'

Brett Jankord bjankord

🎵
Chillin'
View GitHub Profile
@bjankord
bjankord / postcss-ast.js
Created December 2, 2022 18:51
POSTCSS Find background CSS declarations that use /p/assets/images/1x1.png
const uniqueValue = [
"/p/assets/images/1x1.png"
];
const plugin = () => ({
postcssPlugin: 'postcss-reverse-props',
Once(root) {
// Transform CSS AST here
root.walkRules(rule => {
// Transform each rule here
@bjankord
bjankord / viewed-all-files script
Created July 30, 2019 17:32
Viewed All Files script
// Checkes all "Viewed" checkboxes
var x = document.querySelectorAll('.js-reviewed-checkbox'), i = 0;
for (i = 0; i < x.length; i++) {
x[i].click();
}
@bjankord
bjankord / datepicker-popup.jsx
Created April 9, 2019 10:28
datepicker-popup
{calendar && <Popup
attachmentBehavior="flip"
contentAttachment={'top center'}
isArrowDisplayed={true}
isOpen={(this.state.open && !this.props.disabled)}
targetAttachment={'bottom center'}
targetRef={() => this.datePickerContainer}
contentHeight="auto"
contentWidth="auto"
>
add src/icons/0001_plus_a.svg themeable
search src/icons/0002_magnifyingGlass_a.svg themeable
commit src/icons/0003_check_a.svg themeable
reload src/icons/0152_circleArrow_a.svg themeable deprecated
checkmark src/icons/0003_check_a.svg themeable
success src/icons/0003_check_i_heavyCircleGreen.svg
success_low_light src/icons/LL_0003_check_i_heavyCircleGreen.svg
success_inverse src/icons/0003_check_i_heavyCircleWhite.svg
success_inverse_low_light src/icons/LL_0003_check_i_heavyCircleWhite.svg
available src/icons/0003_check_i_heavyCircleGreen.svg
@bjankord
bjankord / lerna-updated-output.md
Created March 26, 2019 15:36
terra-base terra-i18n major version bump

terra-core|update-base-and-i18n-packages ⇒ lerna updated lerna info version 2.11.0 lerna info versioning independent lerna info ignore [ 'DEPENDENCIES.md', 'terra-i18n-plugin', '*.tgz' ] lerna info Checking for updated packages... lerna info Comparing with terra-responsive-element@4.5.0. lerna info Checking for prereleased packages... lerna info result

  • terra-base
  • terra-i18n
@bjankord
bjankord / updates.diff
Created March 9, 2019 07:53
Frame.jsx diff
@ packages/terra-form-select/src/_Frame.jsx:207 @ class Frame extends React.Component {
className: cx('search-input', { 'is-hidden': Util.shouldHideSearch(this.props, this.state) }),
};
+ const selected = 'selected!';
switch (variant) {
case Variants.TAG:
case Variants.MULTIPLE:
@ packages/terra-form-select/src/_Frame.jsx:224 @ class Frame extends React.Component {
@bjankord
bjankord / index.js
Created January 14, 2019 18:34
axe-core + puppeteer set up
const util = require('util');
const puppeteer = require('puppeteer');
const axe = require('axe-core');
const urls = [
'https://engineering.cerner.com/terra-ui/#/home/terra-ui/index',
'https://engineering.cerner.com/terra-ui/#/getting-started/terra-ui/what-is-terra',
];
const results = [];
@bjankord
bjankord / memoized-custom-properties-check.js
Created December 26, 2018 19:06
memoized-custom-properties-check
/* Didn't notice any perf improvement with memozing this, actually saw a regression
memoized custom property check, may see improvement if called more frequently */
const customPropertyCheck = () => {
let cache = {};
console.log(cache);
return () => {
if ('customProperties' in cache) {
console.log('Fetching from cache');
return cache['customProperties'];
}

react-dates uses an aria-describedby on the input attribute that points to a p element with the following content within it. "Press the down arrow key to interact with the calendar and select a date. Press the question mark key to get the keyboard shortcuts for changing dates."

  • Focusing on the input reads, "Date, edit text" followed by the aria-describedby content.
  • Pressing ? key opens a modal with the following keyboard shortcuts:

Keyboard Shortcuts

  • ↵ Select the date in focus.
  • ←/→ Move backward (left) and forward (right) by one day.

Get all packages

Get all packages by running lerna ls. Convert this to an array Save array as a const named all.

Get updated packages

Get updated package by running lerna updated Convert this to an array Save array as a const named updated.