@hypothesis/frontend-shared
Version:
Shared components, styles and utilities for Hypothesis projects
401 lines (398 loc) • 15.6 kB
JavaScript
var _jsxFileName = "/home/runner/work/frontend-shared/frontend-shared/src/pattern-library/components/patterns/samples.js";
import { jsxDEV as _jsxDEV } from "preact/jsx-dev-runtime";
import { Fragment as _Fragment } from "preact/jsx-dev-runtime";
/**
* Fixture-like "sample" HTML-cased components for filling out pattern and
* component examples.
*/
/**
* <li> elements for examples. The international NATO phonetic (radio) alphabet.
*/
export function SampleListElements() {
return _jsxDEV(_Fragment, {
children: [_jsxDEV("li", {
children: "Alpha"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 12,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Bravo"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 13,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Charlie"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 14,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Delta"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 15,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Echo"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 16,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Foxtrot"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 17,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Golf"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 18,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Hotel"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 19,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "India"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 20,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Juliett"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 21,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Kilo"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 22,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Lima"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 23,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Mike"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 24,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "November"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 25,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Oscar"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 26,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Papa"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 27,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Quebec"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 28,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Romeo"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 29,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Sierra"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 30,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Tango"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 31,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Uniform"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 32,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Victor"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 33,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Whiskey"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 34,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "XRay"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 35,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Yankee"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 36,
columnNumber: 7
}, this), _jsxDEV("li", {
children: "Zulu"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 37,
columnNumber: 7
}, this)]
}, void 0, true);
}
export function SampleTableBody() {
return _jsxDEV("tbody", {
children: [_jsxDEV("tr", {
children: [_jsxDEV("td", {
children: "Alphanumeric Balloons"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 46,
columnNumber: 9
}, this), _jsxDEV("td", {
children: "Champagne Delusions"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 47,
columnNumber: 9
}, this)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 45,
columnNumber: 7
}, this), _jsxDEV("tr", {
children: [_jsxDEV("td", {
children: "Elephantine Fry-ups"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 50,
columnNumber: 9
}, this), _jsxDEV("td", {
children: "Gargantuan Hiccups"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 51,
columnNumber: 9
}, this)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 49,
columnNumber: 7
}, this), _jsxDEV("tr", {
className: "is-selected",
children: [_jsxDEV("td", {
children: "Illicit Jugglers"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 54,
columnNumber: 9
}, this), _jsxDEV("td", {
children: "Katydid Lozenges Meringue"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 55,
columnNumber: 9
}, this)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 53,
columnNumber: 7
}, this), _jsxDEV("tr", {
children: [_jsxDEV("td", {
children: "Alphanumeric Balloons"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 58,
columnNumber: 9
}, this), _jsxDEV("td", {
children: "Champagne Delusions"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 59,
columnNumber: 9
}, this)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 57,
columnNumber: 7
}, this), _jsxDEV("tr", {
children: [_jsxDEV("td", {
children: "Elephantine Fry-ups"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 62,
columnNumber: 9
}, this), _jsxDEV("td", {
children: "Gargantuan Hiccups"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 63,
columnNumber: 9
}, this)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 61,
columnNumber: 7
}, this), _jsxDEV("tr", {
children: [_jsxDEV("td", {
children: "Illicit Jugglers"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 66,
columnNumber: 9
}, this), _jsxDEV("td", {
children: "Katydid Lozenges Moebius"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 67,
columnNumber: 9
}, this)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 65,
columnNumber: 7
}, this), _jsxDEV("tr", {
children: [_jsxDEV("td", {
children: "Elephantine Fry-ups"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 70,
columnNumber: 9
}, this), _jsxDEV("td", {
children: "Gargantuan Hiccups"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 71,
columnNumber: 9
}, this)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 69,
columnNumber: 7
}, this), _jsxDEV("tr", {
children: [_jsxDEV("td", {
children: "Illicit Jugglers"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 74,
columnNumber: 9
}, this), _jsxDEV("td", {
children: "Katydid Lozenges Meringue"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 75,
columnNumber: 9
}, this)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 73,
columnNumber: 7
}, this), _jsxDEV("tr", {
children: [_jsxDEV("td", {
children: "Alphanumeric Balloons"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 78,
columnNumber: 9
}, this), _jsxDEV("td", {
children: "Champagne Delusions"
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 79,
columnNumber: 9
}, this)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 77,
columnNumber: 7
}, this)]
}, void 0, true, {
fileName: _jsxFileName,
lineNumber: 44,
columnNumber: 5
}, this);
}
/**
* Provide Lorem Ipsum text.
*
* TODO: This can be extended to return different lengths of lorem.
*/
export function LoremIpsum() {
return _jsxDEV("p", {
children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis a sapien cursus, fringilla diam posuere, varius urna. Phasellus dictum sodales dui, sed scelerisque mauris auctor et. Integer suscipit justo in erat tristique, nec feugiat augue ultrices. Sed accumsan pretium commodo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Ut lobortis tortor metus, sed rutrum risus ultricies non. Maecenas ultricies rutrum diam non feugiat. Nam ut ex ac enim efficitur semper. Integer sed rhoncus eros. Nulla pharetra vulputate faucibus. Vestibulum vestibulum orci non maximus aliquet. Donec id dui ac ipsum pellentesque gravida sit amet non sem. Suspendisse malesuada turpis id erat porta, nec luctus odio mollis. Sed a arcu sed sem venenatis porta. In dictum sapien ut congue facilisis. Curabitur consequat vestibulum ultricies. Vivamus rhoncus vitae sapien id volutpat. Fusce ac nisi dolor. Suspendisse ut venenatis ex. Quisque elementum libero quam, non consectetur lorem faucibus a. Sed eu orci vitae nibh sodales sodales ut at neque. Ut lobortis arcu eu lorem porttitor scelerisque. Aenean euismod est ac enim fermentum, sit amet tristique dui consequat. Phasellus vitae sapien dolor. Nulla iaculis nibh at magna convallis finibus ut vitae ipsum. Maecenas ultricies ultrices diam laoreet lacinia. Nunc commodo eu lorem a bibendum. Sed eu magna rutrum, consectetur orci sit amet, venenatis ex. Aliquam sodales nec odio ac ultricies. In sit amet congue ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Phasellus accumsan justo nec maximus sollicitudin. Aenean eu urna egestas justo dignissim venenatis quis quis massa. Pellentesque convallis posuere elit, eu interdum diam placerat et. Aenean cursus vehicula nibh, in scelerisque nunc feugiat eu. Praesent eleifend ipsum eget urna dictum semper. Nullam dapibus nisl sit amet ultricies lobortis. Vestibulum a velit neque. Suspendisse tincidunt aliquet lorem et consectetur. Phasellus at libero fringilla nulla egestas aliquam. Nullam ut magna risus. Etiam consequat neque sapien, vel ultrices justo vehicula sit amet. Donec semper facilisis odio vel faucibus. Integer eget sagittis justo. Integer sed tincidunt neque. In vulputate fermentum lacus, eget sollicitudin nisi vestibulum vel. Etiam porttitor varius justo, id efficitur tellus congue a. Cras condimentum congue lectus sit amet commodo. Etiam lacus ex, efficitur volutpat enim id, malesuada posuere metus. Mauris convallis convallis arcu, sit amet placerat felis sodales ut. Duis semper a risus ac consequat. Nulla id nibh sem. Aliquam et nulla nec lectus viverra lobortis. Vivamus eros enim, lobortis nec efficitur nec, rhoncus at tortor. Aliquam aliquet bibendum ipsum eu feugiat. Duis iaculis bibendum ligula non ultricies. Curabitur cursus nulla in nisl tincidunt, eget eleifend tellus ultricies. Pellentesque eget mauris nec magna ultrices fringilla id sit amet nulla. Ut nec velit sed augue eleifend pharetra. Aliquam a posuere massa. Nunc vitae tortor ut est cursus vestibulum. In hac habitasse platea dictumst. Nulla eget orci eleifend, elementum turpis vitae, consectetur magna. In in nulla in tellus vestibulum pharetra. Curabitur at rhoncus enim, tempus congue est. Nullam consectetur lobortis nunc, vel feugiat lorem semper a. Ut tellus nulla, tempus id posuere vel, luctus et sem. Nulla nec rhoncus mi. Aenean sit amet mollis nibh. Nam ullamcorper tellus quis arcu aliquam, dignissim ultricies justo efficitur. Cras non ipsum tempor, elementum dui id, pellentesque turpis. Praesent commodo dolor in elit aliquet, sit amet pellentesque sem molestie. In pharetra nisl nec orci pellentesque, ut posuere quam faucibus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas mollis purus non erat tempor euismod. Vestibulum non leo eget magna vestibulum mattis. Aenean vitae tortor vel mauris pretium tempor. Sed viverra eros tristique, dapibus tellus a, feugiat ipsum. Pellentesque non tellus scelerisque, molestie massa vitae, fermentum ex. Quisque molestie interdum nibh a luctus. Sed aliquet risus ac varius suscipit. Proin eget leo vel lacus finibus posuere vel non nisl. In tristique ligula leo, sed molestie sem sodales nec. Phasellus sed consectetur lectus. In pretium hendrerit eros, a sagittis est faucibus ac. Etiam faucibus felis et eros commodo fringilla. Duis volutpat lobortis suscipit. Maecenas facilisis metus in lorem aliquet efficitur. Duis scelerisque eros scelerisque, rhoncus massa eget, tempor ipsum. Donec id feugiat purus, non condimentum turpis. Sed consequat lorem a odio pharetra pretium. Proin sed turpis ac sapien convallis iaculis a sit amet est. Proin lorem risus, rhoncus non metus at, fringilla commodo erat. Sed quis elit vitae leo ullamcorper interdum non nec ipsum. Etiam ullamcorper lorem ac velit condimentum, eget porttitor odio mollis. Maecenas semper, urna eu cursus placerat, enim neque aliquam orci, ut elementum justo ex id justo. Nunc malesuada egestas dui at vestibulum."
}, void 0, false, {
fileName: _jsxFileName,
lineNumber: 92,
columnNumber: 5
}, this);
}
export function sampleTableContent() {
return {
tableHeaders: [{
label: 'Name'
}, {
label: 'Last modified'
}],
items: [{
displayName: 'Persnickety.pdf',
updated: 'Jul 28, 2021'
}, {
displayName: 'Albumen.pdf',
updated: 'Jul 20, 2021'
}, {
displayName: 'Yams-and-sauce.pdf',
updated: 'Aug 04, 2021'
}, {
displayName: 'Coneflowers-and-their-allies.pdf',
updated: 'Aug 01, 2021'
}, {
displayName: 'Dollars-and-sense.pdf',
updated: 'Aug 22, 2021'
}, {
displayName: 'Mendicant Friars.PDF',
updated: 'Jul 20, 2021'
}, {
displayName: 'Paleogeography.pdf',
updated: 'Aug 04, 2021'
}, {
displayName: 'Foregone conclusions.pdf',
updated: 'Aug 01, 2021'
}, {
displayName: 'Forklifts-and-bananas.pdf',
updated: 'Aug 01, 2021'
}, {
displayName: 'Coracles.pdf',
updated: 'Aug 05, 2021'
}]
};
}
//# sourceMappingURL=samples.js.map