Skip to content

Commit

Permalink
chore(v5): merge main into v5 (patternfly#5281)
Browse files Browse the repository at this point in the history
* feat(icons): added open-drawer-right pficon (patternfly#5160)

* feat(progress): added helper text (patternfly#5161)

* chore(a11y docs): removed a11y section from example pages (patternfly#5167)

* Create new extensions github workflow (patternfly#5186)

* Create new extensions github workflow

Automatically add any issues tagged with 'extensions' label to the PatternFly extensions github project

* Update extensions.yml

* chore(deps): update dependency @patternfly/react-code-editor to v4.82.26 (patternfly#5164)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/documentation-framework to v1.2.47 (patternfly#5132)

* chore(deps): update dependency @patternfly/react-core to v4.250.1 (patternfly#5165)

* chore(deps): update dependency @patternfly/react-table to v4.111.4 (patternfly#5166)

* chore(deps): update dependency @patternfly/documentation-framework to v1.2.48 (patternfly#5190)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* fix(dropdown): disabled top positioning when using static variation (patternfly#5189)

* fix(context-selector): updated static props (patternfly#5191)

* chore(page): updated example content, made text readable (patternfly#5187)

* chore(beta-components): promote 2022.14 candidates (patternfly#5179)

* chore(deps): update dependency @patternfly/documentation-framework to v1.2.50 (patternfly#5193)

* chore(deps): update dependency @patternfly/documentation-framework to v1.2.51 (patternfly#5196)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* fix(release-notes): added release notes for 2022.14 (patternfly#5194)

* fix(release-notes): added release notes for 2022.14

* chore(demos): update screenshots

* chore(demos): update screenshots, part deux

* Update extensions.yml

* Update add-new-issues-to-project.yml

* chore(deps): update dependency @patternfly/documentation-framework to v1.2.60 (patternfly#5197)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/documentation-framework to v1.2.61 (patternfly#5208)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/react-table to v4.111.33 (patternfly#5206)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/react-code-editor to v4.82.55 (patternfly#5205)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* feat(tabs): added help popover, refactored tab action (patternfly#5213)

* feat(icons): added data-sink and data-source (patternfly#5228)

* chore(deps): bump loader-utils from 1.4.0 to 1.4.1 (patternfly#5225)

* fix(pagination): added support for insets (patternfly#5207)

* fix(release-notes): added 2022.15 (patternfly#5237)

* fix(formcontrol): fixed form control select dark theme icon (patternfly#5242)

* chore(deps): update dependency @patternfly/documentation-framework to v1.2.66 (patternfly#5236)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/react-table to v4.111.45 (patternfly#5252)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/react-code-editor to v4.82.67 (patternfly#5251)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(tabs): updated nested demo heading levels (patternfly#5246)

* chore(deps): bump loader-utils from 1.4.1 to 1.4.2 (patternfly#5245)

Bumps [loader-utils](https://github.com/webpack/loader-utils) from 1.4.1 to 1.4.2.
- [Release notes](https://github.com/webpack/loader-utils/releases)
- [Changelog](https://github.com/webpack/loader-utils/blob/v1.4.2/CHANGELOG.md)
- [Commits](webpack/loader-utils@v1.4.1...v1.4.2)

---
updated-dependencies:
- dependency-name: loader-utils
  dependency-type: indirect
...

Signed-off-by: dependabot[bot] <support@github.com>

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>

* chore(deps): update dependency @patternfly/documentation-framework to v1.2.67 (patternfly#5253)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(demos): clean up demos, add path as way to include partials (patternfly#5135)

* chore(deps): update dependency @patternfly/react-core to v4.264.0 (patternfly#5254)

Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>

* chore(button): removed test code from patternfly#5135 (patternfly#5255)

* feat(dropdown): adds loading state for split button checkbox (patternfly#5269)

* fix(tabs): remove pagination, expose tags (patternfly#5259)

* fix(slider): updated value input styling (patternfly#5249)

* fix(Menu): prevented hidden drilldown items from being focusable (patternfly#5271)

* fix(release-notes): added 2022.16 (patternfly#5275)

* chore(button): remove unused demo file

Signed-off-by: dependabot[bot] <support@github.com>
Co-authored-by: Austin Sullivan <ausulliv@redhat.com>
Co-authored-by: Eric Olkowski <70952936+thatblindgeye@users.noreply.github.com>
Co-authored-by: Nicole Thoen <nthoen@redhat.com>
Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com>
Co-authored-by: dependabot[bot] <49699333+dependabot[bot]@users.noreply.github.com>
Co-authored-by: Burundi Fletcher <96086344+blfetche@users.noreply.github.com>
Co-authored-by: Evan <evan.wilkinson@redhat.com>
Co-authored-by: Jenny <32821331+jenny-s51@users.noreply.github.com>
  • Loading branch information
9 people authored and mattnolting committed Feb 22, 2023
1 parent ea12e34 commit 3677ab3
Show file tree
Hide file tree
Showing 11 changed files with 193 additions and 166 deletions.
30 changes: 30 additions & 0 deletions RELEASE-NOTES.md
Expand Up @@ -3,6 +3,36 @@ id: Release notes
section: developer-resources
releaseNoteTOC: true
---
## 2022.16 release notes (2022-12-09)
Packages released:
- [@patternfly/patternfly@v4.222.4](https://www.npmjs.com/package/@patternfly/patternfly/v/4.222.4)

### Components
- **Dropdown:** Added loading state for split button checkbox ([#5269](https://github.com/patternfly/patternfly/pull/5269))
- **Form control:** Fixed select dark theme icon ([#5242](https://github.com/patternfly/patternfly/pull/5242))
- **Menu:** Prevented hidden drilldown items from being focusable ([#5271](https://github.com/patternfly/patternfly/pull/5271))
- **Slider:** Updated value input styling ([#5249](https://github.com/patternfly/patternfly/pull/5249))
- **Tabs:**
- Updated nested demo heading levels ([#5246](https://github.com/patternfly/patternfly/pull/5246))
- Removed pagination from demo, exposed tags ([#5259](https://github.com/patternfly/patternfly/pull/5259))

### Other
- **Workspace:**
- Cleaned up demos, added path as way to include partials ([#5135](https://github.com/patternfly/patternfly/pull/5135))
- Removed test code from #5135 ([#5255](https://github.com/patternfly/patternfly/pull/5255))


## 2022.15 release notes (2022-11-18)
Packages released:
- [@patternfly/patternfly@v4.221.2](https://www.npmjs.com/package/@patternfly/patternfly/v/4.221.2)

### Components
- **Pagination:** Added support for insets ([#5207](https://github.com/patternfly/patternfly/pull/5207))
- **Tabs:** Added help popover, refactored tab action ([#5213](https://github.com/patternfly/patternfly/pull/5213))

### Other
- **Icons:** Added data-sink and data-source ([#5228](https://github.com/patternfly/patternfly/pull/5228))

## 2022.14 release notes (2022-10-28)
Packages released:
- [@patternfly/patternfly@v4.219.2](https://www.npmjs.com/package/@patternfly/patternfly/v/4.219.2)
Expand Down
121 changes: 63 additions & 58 deletions package.json
Expand Up @@ -21,80 +21,70 @@
"lint:fix": "npm run lint:js -- --fix && npm run lint:sass -- --fix",
"lint:sass": "stylelint 'src/**/*.scss'",
"lint:js": "eslint .",
"precommit": "lint-staged",
"screenshots": "rimraf patternfly-docs/generated/**/*.png && pf-docs-framework screenshots --urlPrefix http://localhost:5000",
"serve": "pf-docs-framework serve public",
"start": "gulp develop",
"test": "npm run a11y",
"workflows": "node .github/generate-workflows",
"prepare": "husky install"
"workflows": "node .github/generate-workflows"
},
"devDependencies": {
"@babel/core": "^7.20.12",
"@babel/eslint-parser": "^7.19.1",
"@babel/plugin-proposal-class-properties": "^7.18.6",
"@babel/plugin-proposal-optional-chaining": "^7.20.7",
"@babel/plugin-proposal-private-methods": "^7.18.6",
"@babel/plugin-proposal-private-property-in-object": "^7.20.5",
"@babel/plugin-transform-react-jsx": "^7.20.13",
"@babel/preset-env": "^7.20.2",
"@babel/preset-react": "^7.18.6",
"@commitlint/cli": "^17.4.2",
"@commitlint/config-conventional": "^17.4.2",
"@commitlint/cli": "^17.1.2",
"@commitlint/config-conventional": "^17.1.0",
"@fortawesome/fontawesome": "^1.1.8",
"@octokit/rest": "^19.0.7",
"@patternfly/documentation-framework": "1.8.0",
"@octokit/rest": "^16.40.1",
"@patternfly/patternfly-a11y": "4.3.1",
"@patternfly/react-code-editor": "4.82.113",
"@patternfly/react-core": "4.276.6",
"@patternfly/react-table": "4.112.39",
"@patternfly/react-code-editor": "4.82.67",
"@patternfly/react-core": "4.264.0",
"@patternfly/react-table": "4.111.45",
"@starptech/prettyhtml": "^0.10.0",
"cheerio": "^1.0.0-rc.12",
"commander": "^10.0.0",
"cssnano": "^5.1.14",
"eslint": "^8.33.0",
"eslint-config-standard": "^17.0.0",
"eslint-config-standard-jsx": "^11.0.0",
"eslint-config-standard-react": "^13.0.0",
"eslint-plugin-import": "^2.27.5",
"eslint-plugin-n": "^15.6.1",
"eslint-plugin-node": "^11.1.0",
"eslint-plugin-promise": "^6.1.1",
"eslint-plugin-react": "^7.32.2",
"eslint-plugin-react-hooks": "^4.6.0",
"glob": "^8.1.0",
"babel-eslint": "^8.2.3",
"cheerio": "^1.0.0-rc.3",
"commander": "^5.1.0",
"cssnano": "^4.0.0",
"eslint": "^7.0.0",
"eslint-config-standard": "^16.0.0",
"eslint-config-standard-jsx": "^10.0.0",
"eslint-config-standard-react": "^11.0.0",
"eslint-plugin-import": "^2.24.2",
"eslint-plugin-node": "^11.0.0",
"eslint-plugin-promise": "^5.0.0",
"eslint-plugin-react": "^7.0.0",
"glob": "^7.1.2",
"gulp": "^4.0.2",
"gulp-cli": "^2.3.0",
"gulp-iconfont": "^11.0.1",
"gulp-cli": "^2.2.0",
"gulp-iconfont": "^10.0.3",
"gulp-iconfont-css": "^3.0.0",
"gulp-postcss": "^9.0.1",
"gulp-rename": "^2.0.0",
"gulp-sourcemaps": "^3.0.0",
"lint-staged": "^13.1.1",
"node-plop": "^0.31.1",
"postcss": "^8.4.21",
"postcss-css-variables": "^0.18.0",
"postcss-preset-env": "^8.0.1",
"prettier": "^2.8.4",
"react": "^18.2.0",
"react-dom": "^18.2.0",
"remark-parse": "^10.0.1",
"remark-stringify": "^10.0.2",
"gulp-postcss": "^8.0.0",
"gulp-rename": "^1.4.0",
"gulp-sourcemaps": "^2.6.5",
"husky": "^1.3.1",
"lint-staged": "^9.2.5",
"node-plop": "^0.18.0",
"postcss": "^8.3.11",
"postcss-css-variables": "^0.13.0",
"postcss-preset-env": "^6.7.0",
"prettier": "^2.7.1",
"react": "^17.0.0",
"react-dom": "^17.0.0",
"remark-parse": "^8.0.3",
"remark-stringify": "^8.1.0",
"rimraf": "*",
"sass": "^1.58.0",
"sass-graph": "^4.0.1",
"stylelint": "^15.0.0",
"stylelint-config-recommended-scss": "^8.0.0",
"stylelint-config-standard": "^30.0.1",
"stylelint-order": "^6.0.2",
"sass": "^1.34.0",
"sass-graph": "^3.0.4",
"stylelint": "^14.12.1",
"stylelint-config-recommended-scss": "^7.0.0",
"stylelint-config-standard": "^28.0.0",
"stylelint-order": "^5.0.0",
"stylelint-scss": "^4.3.0",
"stylelint-value-no-unknown-custom-properties": "^4.0.0",
"surge": "^0.23.1",
"unified": "^10.1.2",
"webpack": "^5.75.0",
"husky": "^8.0.3"
"surge": "^0.21.3",
"@patternfly/documentation-framework": "1.2.67",
"unified": "^9.2.0",
"webpack": "^4.43.0"
},
"resolutions": {
"@babel/preset-env": "7.18.2",
"@babel/preset-env": "7.6.3",
"monaco-editor": "0.21.3"
},
"repository": {
Expand All @@ -105,5 +95,20 @@
"registry": "https://registry.npmjs.org/",
"tag": "alpha",
"access": "public"
},
"husky": {
"hooks": {
"commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
}
},
"lint-staged": {
"*.js": [
"eslint --fix",
"git add"
],
"*.scss": [
"stylelint --fix",
"git add"
]
}
}
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
55 changes: 26 additions & 29 deletions scripts/gulp/html.mjs
@@ -1,18 +1,17 @@
import path from 'path';
import fs from 'fs-extra';
import glob from 'glob';
import gulp from 'gulp';
import through2 from 'through2';
import { unified } from 'unified';
import toMDAST from 'remark-parse';
import stringifyMDAST from 'remark-stringify';
import Handlebars from 'handlebars';
import visit from 'unist-util-visit';
import prettyhtml from '@starptech/prettyhtml';

const { src, watch } = gulp;
export const hbsFileMap = {};
export const hbsInstance = Handlebars.create();
const path = require('path');
const fs = require('fs-extra');
const glob = require('glob');
const { src, watch } = require('gulp');
const through2 = require('through2');
const unified = require('unified');
const toMDAST = require('remark-parse');
const stringifyMDAST = require('remark-stringify');
const Handlebars = require('handlebars');
const visit = require('unist-util-visit');
const prettyhtml = require('@starptech/prettyhtml');

const hbsFileMap = {};
const hbsInstance = Handlebars.create();
hbsInstance.registerHelper('concat', (...params) => {
// Ignore the object appended by handlebars.
if (typeof params[params.length - 1] === 'object') {
Expand All @@ -38,16 +37,6 @@ hbsInstance.registerHelper('ifEquals', (arg1, arg2, options) => {
// something else
// {{/ifEquals}}

hbsInstance.registerHelper('ternary', (testValue, trueValue, fallback) => {
return testValue ? trueValue : fallback;
});

// Using ternary
// if custom value for select--width: {{#> select select--width='160px'}}Filter by name{{/select}}
// else custom value for select--width: {{#> select)}}Filter by name{{/select}}
// {{#> select select--id=(concat toolbar--id '-select-name') select--width=(ternary toolbar-items-search-filter--width toolbar-items-search-filter--width '175px') select-toggle--icon="fas fa-filter"}}
// {{> toolbar-item-search-filter toolbar-items-search-filter--width="300px"}}

function compileHBS0(srcFiles) {
return srcFiles.pipe(
through2.obj((chunk, _, cb2) => {
Expand All @@ -60,7 +49,7 @@ function compileHBS0(srcFiles) {
);
}

export function compileHBS(hbsFiles) {
function compileHBS(hbsFiles) {
return compileHBS0(src(hbsFiles));
}

Expand Down Expand Up @@ -116,7 +105,7 @@ function compileMD0(srcFiles) {
);
}

export function compileMD(mdFiles) {
function compileMD(mdFiles) {
return compileMD0(src(mdFiles));
}

Expand Down Expand Up @@ -148,14 +137,14 @@ function onHBSChange(file) {
glob.sync(mdGlob).forEach(mdFile => onMDChange(mdFile));
}

export function watchHBS(hbsFiles) {
function watchHBS(hbsFiles) {
const watcher = watch(hbsFiles, { delay: 0 });

watcher.on('change', onHBSChange);
watcher.on('add', onHBSChange);
}

export function watchMD(mdFiles) {
function watchMD(mdFiles) {
const watcher = watch(mdFiles, { delay: 0 });

watcher.on('change', onMDChange);
Expand All @@ -165,3 +154,11 @@ export function watchMD(mdFiles) {
// Helper which allows a booleans value to be inversed, similar to how notting a variable with ! works in regular JS
hbsInstance.registerHelper('inverse', bool => bool ? null : 'true');

module.exports = {
hbsInstance,
hbsFileMap,
compileHBS,
compileMD,
watchHBS,
watchMD
};
22 changes: 15 additions & 7 deletions src/patternfly/components/Dropdown/dropdown-toggle-check.hbs
Expand Up @@ -5,13 +5,21 @@
{{#if dropdown-toggle-check--attribute}}
{{{dropdown-toggle-check--attribute}}}
{{/if}}>
{{#> check check--modifier="pf-m-standalone"}}
{{#> check-input
check-input--IsChecked=(concat dropdown-toggle-check--CheckboxIsChecked)
check-input--IsDisabled=(concat dropdown-toggle--IsDisabled dropdown-toggle-check--IsInProgress)
check-input--attribute=(concat 'id="' dropdown--id '-toggle-check" aria-label="' (ternary dropdown-toggle-check--aria-label dropdown-toggle-check--aria-label 'check')'"' (ternary dropdown-toggle--split-button--text (concat 'aria-labelledby="' dropdown--id '-toggle-check ' dropdown--id '-toggle-check-text"') ''))
}}{{/check-input}}
{{/check}}
<input type="checkbox" id="{{dropdown--id}}-toggle-check"
{{#if (concat dropdown-toggle--IsDisabled dropdown-toggle-check--IsInProgress)}}
disabled
{{/if}}
{{#if dropdown-toggle-check--aria-label}}
aria-label="{{dropdown-toggle-check--aria-label}}"
{{else}}
aria-label="Check"
{{/if}}
{{#if dropdown-toggle-check--CheckboxIsChecked}}
checked
{{/if}}
{{#if dropdown-toggle--split-button--text}}
aria-labelledby="{{dropdown--id}}-toggle-check {{dropdown--id}}-toggle-check-text"
{{/if}}>
{{#if dropdown-toggle-check--IsProgress}}
{{> dropdown-toggle-progress}}
{{/if}}
Expand Down
4 changes: 4 additions & 0 deletions src/patternfly/components/Dropdown/dropdown.scss
Expand Up @@ -67,6 +67,10 @@ $pf-c-dropdown--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "
--pf-c-dropdown__toggle-progress--Visibility: hidden;
--pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm); // should match the checkbox input size

// toggle progress
--pf-c-dropdown__toggle-progress--Visibility: hidden;
--pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm); // should match the checkbox input size

// split buttons
--pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
--pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
Expand Down
11 changes: 11 additions & 0 deletions src/patternfly/components/Dropdown/examples/Dropdown.md
Expand Up @@ -86,6 +86,15 @@ import './Dropdown.css'
{{> dropdown dropdown--id="dropdown-split-button-text" dropdown--template--SplitButton="true" dropdown-toggle-check--CheckboxIsChecked="true" dropdown-menu--IsBulkSelect="true" dropdown-toggle--split-button--text="10 selected"}}
```

### Split button (progress checkbox)
```hbs isBeta
{{> dropdown dropdown--id="dropdown-split-button-progress" dropdown--template--SplitButton="true"dropdown-toggle--HasCheckBox="true" dropdown-toggle-check--IsProgress="true"}}
{{> dropdown dropdown--id="dropdown-split-button-in-progress" dropdown--template--SplitButton="true"dropdown-toggle--HasCheckBox="true" dropdown-toggle-check--IsProgress="true" dropdown-toggle-check--IsInProgress="true"}}
{{> dropdown dropdown--id="dropdown-split-button-progress-text" dropdown--template--SplitButton="true" dropdown-toggle-check--CheckboxIsChecked="true" dropdown-menu--IsBulkSelect="true" dropdown-toggle--split-button--text="10 selected" dropdown-toggle-check--IsProgress="true"}}
{{> dropdown dropdown--id="dropdown-split-button-in-progress-text" dropdown--template--SplitButton="true" dropdown-toggle-check--CheckboxIsChecked="true" dropdown-menu--IsBulkSelect="true" dropdown-toggle--split-button--text="10 selected" dropdown-toggle-check--IsProgress="true" dropdown-toggle-check--IsInProgress="true"}}
```

### Split button (action)
```hbs
{{> dropdown dropdown--template--SplitButton="true" dropdown--id="dropdown-split-button-action" dropdown--IsActionButton="true" dropdown-toggle--HasActionButton="true"}}
Expand Down Expand Up @@ -193,6 +202,7 @@ The dropdown menu can contain either links or buttons, depending on the expected
| `.pf-c-dropdown__toggle-text` | `<span>` | Defines the dropdown toggle text. **Required when text is present, adds truncation**. |
| `.pf-c-dropdown__toggle-check` | `<label>` | Defines a checkbox in the toggle area of a split button dropdown. |
| `.pf-c-dropdown__toggle-button` | `<button>` | Defines the toggle button for a split button dropdown. |
| `.pf-c-dropdown__toggle-progress` | `<span>` | Defines the progress element to indicate a dropdown action is in progress. |
| `.pf-c-dropdown__menu` | `<ul>`, `<div>` | Defines the parent wrapper of the menu items. |
| `.pf-c-dropdown__menu-item` | `<a>` | Defines a menu item that navigates to another page. |
| `.pf-c-dropdown__menu-item-icon` | `<span>` | Defines the wrapper for the menu item icon. |
Expand Down Expand Up @@ -220,3 +230,4 @@ The dropdown menu can contain either links or buttons, depending on the expected
| `.pf-m-icon` | `.pf-c-dropdown__menu-item` | Modifies an item to support adding an icon. |
| `.pf-m-active` | `.pf-c-dropdown__toggle` | Modifies the dropdown menu toggle for the active state. |
| `.pf-m-description` | `.pf-c-dropdown__menu-item` | Modifies an item to support adding a description. |
| `.pf-m-in-progress` | `.pf-c-dropdown__toggle-check` | Modifies a toggle check element to indicate the check action is in progress. |

0 comments on commit 3677ab3

Please sign in to comment.