@ndlib/component-library 0.0.18 → 0.0.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/composites/NavMenu/NavMenu.stories.d.ts +6 -0
- package/dist/components/composites/NavMenu/NavMenu.stories.js +12 -0
- package/dist/components/composites/NavMenu/NavMenu.test.d.ts +1 -0
- package/dist/components/composites/NavMenu/NavMenu.test.js +96 -0
- package/dist/components/composites/NavMenu/demo.d.ts +1 -0
- package/dist/components/composites/NavMenu/demo.js +89 -0
- package/dist/components/composites/NavMenu/index.d.ts +5 -0
- package/dist/components/composites/NavMenu/index.js +41 -0
- package/dist/components/elements/Button/index.js +10 -1
- package/dist/components/elements/Fields/DatePicker/DatePicker.stories.d.ts +7 -0
- package/dist/components/elements/Fields/DatePicker/DatePicker.stories.js +20 -0
- package/dist/components/elements/Fields/DatePicker/index.d.ts +19 -0
- package/dist/components/elements/Fields/DatePicker/index.js +34 -0
- package/dist/components/elements/Fields/MonthPicker/MonthPicker.stories.d.ts +7 -0
- package/dist/components/elements/Fields/MonthPicker/MonthPicker.stories.js +20 -0
- package/dist/components/elements/Fields/MonthPicker/index.d.ts +13 -0
- package/dist/components/elements/Fields/MonthPicker/index.js +22 -0
- package/dist/components/elements/Fields/Select/index.js +1 -1
- package/dist/components/elements/Fields/TextInput/TextInput.stories.js +1 -1
- package/dist/components/elements/Fields/TextInput/index.d.ts +14 -4
- package/dist/components/elements/Fields/TextInput/index.js +9 -6
- package/dist/components/elements/Link/index.js +1 -1
- package/dist/components/elements/layout/Box.d.ts +1 -2
- package/dist/components/elements/text/ReadMore/ReadMore.stories.d.ts +7 -0
- package/dist/components/elements/text/ReadMore/ReadMore.stories.js +19 -0
- package/dist/components/elements/text/ReadMore/index.d.ts +10 -0
- package/dist/components/elements/text/ReadMore/index.js +74 -0
- package/dist/components/providers/menu.d.ts +46 -0
- package/dist/components/providers/menu.js +305 -0
- package/dist/index.d.ts +13 -1
- package/dist/index.js +13 -1
- package/dist/theme/GlobalStyles.d.ts +1 -0
- package/dist/theme/GlobalStyles.js +162 -0
- package/dist/theme/colors.d.ts +1 -0
- package/dist/theme/colors.js +2 -0
- package/dist/theme/index.d.ts +2 -0
- package/dist/theme/typography.d.ts +2 -2
- package/dist/utils/hooks/useCheckMidClick.d.ts +8 -0
- package/dist/utils/hooks/useCheckMidClick.js +17 -0
- package/dist/utils/misc.d.ts +3 -0
- package/dist/utils/misc.js +3 -0
- package/package.json +3 -1
- package/global.css +0 -54
|
@@ -82,12 +82,12 @@ export declare const typographyStyleMap: {
|
|
|
82
82
|
fontFamily: FONT;
|
|
83
83
|
fontSize: FONT_SIZE;
|
|
84
84
|
fontWeight?: FONT_WEIGHT;
|
|
85
|
-
lineHeight
|
|
85
|
+
lineHeight: LINE_HEIGHT;
|
|
86
86
|
};
|
|
87
87
|
};
|
|
88
88
|
export declare const getTypographyStyles: (typography?: TYPOGRAPHY_TYPE) => {
|
|
89
89
|
fontFamily: FONT;
|
|
90
90
|
fontSize: FONT_SIZE;
|
|
91
91
|
fontWeight?: FONT_WEIGHT | undefined;
|
|
92
|
-
lineHeight
|
|
92
|
+
lineHeight: LINE_HEIGHT;
|
|
93
93
|
};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
export const useCheckMidClick = () => {
|
|
3
|
+
const isMidClick = React.useRef(false);
|
|
4
|
+
const onMouseDown = () => {
|
|
5
|
+
isMidClick.current = true;
|
|
6
|
+
};
|
|
7
|
+
const onMouseUp = () => {
|
|
8
|
+
isMidClick.current = false;
|
|
9
|
+
};
|
|
10
|
+
return {
|
|
11
|
+
elementProps: {
|
|
12
|
+
onMouseDown,
|
|
13
|
+
onMouseUp,
|
|
14
|
+
},
|
|
15
|
+
isMidClick,
|
|
16
|
+
};
|
|
17
|
+
};
|
package/dist/utils/misc.d.ts
CHANGED
package/dist/utils/misc.js
CHANGED
|
@@ -9,5 +9,8 @@ export var KEY_CODES;
|
|
|
9
9
|
KEY_CODES["ENTER"] = "Enter";
|
|
10
10
|
KEY_CODES["ARROW_UP"] = "ArrowUp";
|
|
11
11
|
KEY_CODES["ARROW_DOWN"] = "ArrowDown";
|
|
12
|
+
KEY_CODES["ARROW_RIGHT"] = "ArrowRight";
|
|
13
|
+
KEY_CODES["ARROW_LEFT"] = "ArrowLeft";
|
|
12
14
|
KEY_CODES["ESCAPE"] = "Escape";
|
|
13
15
|
})(KEY_CODES || (KEY_CODES = {}));
|
|
16
|
+
export const equals = (a, b) => JSON.stringify(a) === JSON.stringify(b);
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ndlib/component-library",
|
|
3
|
-
"version": "0.0.
|
|
3
|
+
"version": "0.0.20",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"sideEffects": false,
|
|
6
6
|
"files": [
|
|
@@ -52,6 +52,7 @@
|
|
|
52
52
|
"@testing-library/react": "^14.0.0",
|
|
53
53
|
"@testing-library/user-event": "^14.4.3",
|
|
54
54
|
"@types/react": "^18.0.28",
|
|
55
|
+
"@types/react-datepicker": "^4.15.0",
|
|
55
56
|
"@types/react-dom": "^18.0.11",
|
|
56
57
|
"@types/sanitize-html": "^2.9.0",
|
|
57
58
|
"@typescript-eslint/eslint-plugin": "^5.57.1",
|
|
@@ -79,6 +80,7 @@
|
|
|
79
80
|
},
|
|
80
81
|
"dependencies": {
|
|
81
82
|
"@floating-ui/react": "^0.24.5",
|
|
83
|
+
"react-datepicker": "^4.16.0",
|
|
82
84
|
"react-markdown": "^8.0.7",
|
|
83
85
|
"rehype-raw": "^6.1.1",
|
|
84
86
|
"sanitize-html": "^2.11.0"
|
package/global.css
DELETED
|
@@ -1,54 +0,0 @@
|
|
|
1
|
-
html, body, div, span, applet, object, iframe,
|
|
2
|
-
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
|
|
3
|
-
a, abbr, acronym, address, big, cite, code,
|
|
4
|
-
del, dfn, em, img, ins, kbd, q, s, samp,
|
|
5
|
-
small, strike, strong, sub, sup, tt, var,
|
|
6
|
-
b, u, i, center,
|
|
7
|
-
dl, dt, dd, ol, ul, li,
|
|
8
|
-
fieldset, form, label, legend,
|
|
9
|
-
table, caption, tbody, tfoot, thead, tr, th, td,
|
|
10
|
-
article, aside, canvas, details, embed,
|
|
11
|
-
figure, figcaption, footer, header, hgroup,
|
|
12
|
-
menu, nav, output, ruby, section, summary,
|
|
13
|
-
time, mark, audio, video {
|
|
14
|
-
margin: 0;
|
|
15
|
-
padding: 0;
|
|
16
|
-
border: 0;
|
|
17
|
-
font-size: 100%;
|
|
18
|
-
font: inherit;
|
|
19
|
-
vertical-align: baseline;
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
/* HTML5 display-role reset for older browsers */
|
|
23
|
-
article, aside, details, figcaption, figure,
|
|
24
|
-
footer, header, hgroup, menu, nav, section {
|
|
25
|
-
display: block;
|
|
26
|
-
}
|
|
27
|
-
body {
|
|
28
|
-
line-height: 1;
|
|
29
|
-
font-size: 16px;
|
|
30
|
-
}
|
|
31
|
-
ol, ul {
|
|
32
|
-
list-style: none;
|
|
33
|
-
}
|
|
34
|
-
blockquote, q {
|
|
35
|
-
quotes: none;
|
|
36
|
-
}
|
|
37
|
-
blockquote:before, blockquote:after,
|
|
38
|
-
q:before, q:after {
|
|
39
|
-
content: '';
|
|
40
|
-
content: none;
|
|
41
|
-
}
|
|
42
|
-
table {
|
|
43
|
-
border-collapse: collapse;
|
|
44
|
-
border-spacing: 0;
|
|
45
|
-
}
|
|
46
|
-
|
|
47
|
-
@font-face {
|
|
48
|
-
font-family: GPCMed;
|
|
49
|
-
font-display: swap;
|
|
50
|
-
src:
|
|
51
|
-
url("https://static.nd.edu/fonts/gp-min/gpc-medium.woff2") format("woff2"),
|
|
52
|
-
url("https://static.nd.edu/fonts/gp-min/gpc-medium.woff") format("woff"),
|
|
53
|
-
url("https://static.nd.edu/fonts/gp-min/gpc-medium.ttf") format("truetype")
|
|
54
|
-
}
|