Skip to content

Commit 741a61d

Browse files
committed
Export changes
1 parent cac36e9 commit 741a61d

15 files changed

+366
-468
lines changed

Diff for: exports/oneNoteApiDataProvider.Index.ts

-1
This file was deleted.

Diff for: exports/oneNoteItemUtils.Index.ts

-2
This file was deleted.

Diff for: package.json

+6-3
Original file line numberDiff line numberDiff line change
@@ -1,9 +1,11 @@
11
{
22
"name": "onenotepicker",
3-
"version": "2.7.28",
3+
"version": "3.0.0",
44
"files": [
55
"dist/**/*"
66
],
7+
"main": "dist/index.js",
8+
"types": "dist/index.d.ts",
79
"dependencies": {
810
"bulma": "^0.4.2",
911
"mini-css-extract-plugin": "^0.4.0",
@@ -25,6 +27,7 @@
2527
"@types/webpack": "^2.2.15",
2628
"@types/webpack-env": "^1.13.0",
2729
"awesome-typescript-loader": "3.2.1",
30+
"copy-webpack-plugin": "^4.5.3",
2831
"cors": "^2.8.4",
2932
"cross-env": "^5.0.1",
3033
"css-loader": "^0.28.4",
@@ -72,9 +75,9 @@
7275
"test": "cross-env NODE_ENV=test karma start",
7376
"clean": "rimraf dist",
7477
"start": "webpack-dev-server --debug --output-pathinfo --history-api-fallback --hot --inline --progress --colors --port 3000 --open",
75-
"build": "rimraf dist && cross-env NODE_ENV=production webpack --progress --colors && rimraf dist/types",
78+
"build": "rimraf dist && cross-env NODE_ENV=production webpack --progress --colors && tsc --declaration true",
7679
"analyze": "cross-env NODE_ENV=analyze webpack --progress --colors",
7780
"static-content-serve": "node ./static-server.js",
78-
"static-content-build": "cross-env NODE_ENV=production webpack --progress --colors --watch"
81+
"static-content-build": "cross-env NODE_ENV=production webpack --progress --colors --watch && tsc -- declaration true"
7982
}
8083
}

Diff for: sampleApp/standalone.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -2,10 +2,10 @@
22

33
<head>
44
<title></title>
5-
<link href="../dist/OneNotePicker.css" rel="stylesheet" type="text/css" />
5+
<link href="../dist/index.css" rel="stylesheet" type="text/css" />
66
<script src="https://unpkg.com/react@15/dist/react.js"></script>
77
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
8-
<script src="../dist/OneNotePicker.js"></script>
8+
<script src="../dist/index.js"></script>
99
</head>
1010

1111
<body>

Diff for: src/index.css

+276
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,276 @@
1+
#oneNotePicker {
2+
background: white;
3+
-webkit-user-select: none;
4+
-moz-user-select: none;
5+
-ms-user-select: none;
6+
user-select: none;
7+
}
8+
svg.spinner {
9+
animation: spin 1.3s infinite cubic-bezier(0.53, 0.21, 0.29, 0.67);
10+
}
11+
@-moz-keyframes spin {
12+
from {
13+
-moz-transform: rotate(0deg);
14+
}
15+
to {
16+
-moz-transform: rotate(360deg);
17+
}
18+
}
19+
@-webkit-keyframes spin {
20+
from {
21+
-webkit-transform: rotate(0deg);
22+
}
23+
to {
24+
-webkit-transform: rotate(360deg);
25+
}
26+
}
27+
@keyframes spin {
28+
from {
29+
transform: rotate(0deg);
30+
}
31+
to {
32+
transform: rotate(360deg);
33+
}
34+
}
35+
.onenote-picker {
36+
color: #737373;
37+
max-width: 100%;
38+
}
39+
.onenote-picker [dir=rtl] {
40+
direction: rtl;
41+
}
42+
.onenote-picker svg {
43+
width: 1rem;
44+
height: 1rem;
45+
}
46+
.onenote-picker ul {
47+
list-style: none;
48+
padding: 0;
49+
}
50+
.onenote-picker .section-group, .onenote-picker .section {
51+
padding: 0.25rem;
52+
}
53+
.onenote-picker .notebook, .onenote-picker .shared-notebook, .onenote-picker .recent-sections {
54+
padding: 0.5rem;
55+
}
56+
.onenote-picker .notebook, .onenote-picker .section-group, .onenote-picker .section, .onenote-picker .shared-notebook, .onenote-picker .recent-sections {
57+
display: flex;
58+
align-items: center;
59+
line-height: 1rem;
60+
}
61+
.onenote-picker .notebook .chevron-icon, .onenote-picker .section-group .chevron-icon, .onenote-picker .section .chevron-icon, .onenote-picker .shared-notebook .chevron-icon, .onenote-picker .recent-sections .chevron-icon, .onenote-picker .notebook .picker-label, .onenote-picker .section-group .picker-label, .onenote-picker .section .picker-label, .onenote-picker .shared-notebook .picker-label, .onenote-picker .recent-sections .picker-label, .onenote-picker .notebook .picker-icon, .onenote-picker .section-group .picker-icon, .onenote-picker .section .picker-icon, .onenote-picker .shared-notebook .picker-icon, .onenote-picker .recent-sections .picker-icon, .onenote-picker .notebook .picker-shared-icon, .onenote-picker .section-group .picker-shared-icon, .onenote-picker .section .picker-shared-icon, .onenote-picker .shared-notebook .picker-shared-icon, .onenote-picker .recent-sections .picker-shared-icon {
62+
padding: 0.3rem;
63+
order: 4;
64+
}
65+
.onenote-picker .notebook .chevron-icon svg, .onenote-picker .section-group .chevron-icon svg, .onenote-picker .section .chevron-icon svg, .onenote-picker .shared-notebook .chevron-icon svg, .onenote-picker .recent-sections .chevron-icon svg, .onenote-picker .notebook .picker-label svg, .onenote-picker .section-group .picker-label svg, .onenote-picker .section .picker-label svg, .onenote-picker .shared-notebook .picker-label svg, .onenote-picker .recent-sections .picker-label svg, .onenote-picker .notebook .picker-icon svg, .onenote-picker .section-group .picker-icon svg, .onenote-picker .section .picker-icon svg, .onenote-picker .shared-notebook .picker-icon svg, .onenote-picker .recent-sections .picker-icon svg, .onenote-picker .notebook .picker-shared-icon svg, .onenote-picker .section-group .picker-shared-icon svg, .onenote-picker .section .picker-shared-icon svg, .onenote-picker .shared-notebook .picker-shared-icon svg, .onenote-picker .recent-sections .picker-shared-icon svg {
66+
padding: 0;
67+
}
68+
.onenote-picker .notebook .chevron-icon, .onenote-picker .section-group .chevron-icon, .onenote-picker .section .chevron-icon, .onenote-picker .shared-notebook .chevron-icon, .onenote-picker .recent-sections .chevron-icon {
69+
transition-duration: 0.3s;
70+
transition-property: transform;
71+
}
72+
.onenote-picker .notebook .chevron-icon svg, .onenote-picker .section-group .chevron-icon svg, .onenote-picker .section .chevron-icon svg, .onenote-picker .shared-notebook .chevron-icon svg, .onenote-picker .recent-sections .chevron-icon svg {
73+
transform: rotate(180deg);
74+
width: 0.5rem;
75+
}
76+
.onenote-picker .notebook .chevron-icon [dir=rtl], .onenote-picker .section-group .chevron-icon [dir=rtl], .onenote-picker .section .chevron-icon [dir=rtl], .onenote-picker .shared-notebook .chevron-icon [dir=rtl], .onenote-picker .recent-sections .chevron-icon [dir=rtl] {
77+
order: 2;
78+
}
79+
.onenote-picker .notebook .chevron-icon.closed svg, .onenote-picker .section-group .chevron-icon.closed svg, .onenote-picker .section .chevron-icon.closed svg, .onenote-picker .shared-notebook .chevron-icon.closed svg, .onenote-picker .recent-sections .chevron-icon.closed svg {
80+
transform: rotate(90deg);
81+
}
82+
.onenote-picker .notebook .picker-label, .onenote-picker .section-group .picker-label, .onenote-picker .section .picker-label, .onenote-picker .shared-notebook .picker-label, .onenote-picker .recent-sections .picker-label {
83+
flex: 1 1 auto;
84+
overflow: hidden;
85+
text-overflow: ellipsis;
86+
}
87+
.onenote-picker .notebook .picker-label [dir=rtl], .onenote-picker .section-group .picker-label [dir=rtl], .onenote-picker .section .picker-label [dir=rtl], .onenote-picker .shared-notebook .picker-label [dir=rtl], .onenote-picker .recent-sections .picker-label [dir=rtl] {
88+
order: 3;
89+
}
90+
.onenote-picker .notebook .picker-label label, .onenote-picker .section-group .picker-label label, .onenote-picker .section .picker-label label, .onenote-picker .shared-notebook .picker-label label, .onenote-picker .recent-sections .picker-label label, .onenote-picker .notebook .picker-label input, .onenote-picker .section-group .picker-label input, .onenote-picker .section .picker-label input, .onenote-picker .shared-notebook .picker-label input, .onenote-picker .recent-sections .picker-label input {
91+
overflow: hidden;
92+
text-overflow: ellipsis;
93+
white-space: nowrap;
94+
line-height: 1.3rem;
95+
color: #737373;
96+
margin-bottom: 0;
97+
font-weight: normal;
98+
}
99+
.onenote-picker .notebook .picker-label .breadcrumbs, .onenote-picker .section-group .picker-label .breadcrumbs, .onenote-picker .section .picker-label .breadcrumbs, .onenote-picker .shared-notebook .picker-label .breadcrumbs, .onenote-picker .recent-sections .picker-label .breadcrumbs {
100+
color: #666;
101+
font-size: 0.8rem;
102+
}
103+
.onenote-picker .notebook .picker-label .create-label, .onenote-picker .section-group .picker-label .create-label, .onenote-picker .section .picker-label .create-label, .onenote-picker .shared-notebook .picker-label .create-label, .onenote-picker .recent-sections .picker-label .create-label {
104+
color: #0078d7;
105+
}
106+
.onenote-picker .notebook .picker-label .parent, .onenote-picker .section-group .picker-label .parent, .onenote-picker .section .picker-label .parent, .onenote-picker .shared-notebook .picker-label .parent, .onenote-picker .recent-sections .picker-label .parent {
107+
font-size: 0.8rem;
108+
display: block;
109+
}
110+
.onenote-picker .notebook .picker-shared-icon, .onenote-picker .section-group .picker-shared-icon, .onenote-picker .section .picker-shared-icon, .onenote-picker .shared-notebook .picker-shared-icon, .onenote-picker .recent-sections .picker-shared-icon {
111+
color: #666;
112+
font-size: 0.8rem;
113+
align-self: flex-end;
114+
}
115+
.onenote-picker .notebook .picker-shared-icon [dir=rtl], .onenote-picker .section-group .picker-shared-icon [dir=rtl], .onenote-picker .section .picker-shared-icon [dir=rtl], .onenote-picker .shared-notebook .picker-shared-icon [dir=rtl], .onenote-picker .recent-sections .picker-shared-icon [dir=rtl] {
116+
order: 1;
117+
}
118+
.onenote-picker .notebook .picker-shared-icon img, .onenote-picker .section-group .picker-shared-icon img, .onenote-picker .section .picker-shared-icon img, .onenote-picker .shared-notebook .picker-shared-icon img, .onenote-picker .recent-sections .picker-shared-icon img {
119+
height: 0.8rem;
120+
width: 0.8rem;
121+
}
122+
.onenote-picker .notebook .picker-shared-icon span, .onenote-picker .section-group .picker-shared-icon span, .onenote-picker .section .picker-shared-icon span, .onenote-picker .shared-notebook .picker-shared-icon span, .onenote-picker .recent-sections .picker-shared-icon span {
123+
display: none;
124+
}
125+
.onenote-picker .notebook .picker-input-and-error, .onenote-picker .section-group .picker-input-and-error, .onenote-picker .section .picker-input-and-error, .onenote-picker .shared-notebook .picker-input-and-error, .onenote-picker .recent-sections .picker-input-and-error {
126+
display: flex;
127+
}
128+
.onenote-picker .notebook .error-info-icon, .onenote-picker .section-group .error-info-icon, .onenote-picker .section .error-info-icon, .onenote-picker .shared-notebook .error-info-icon, .onenote-picker .recent-sections .error-info-icon {
129+
float: right;
130+
}
131+
.onenote-picker .notebook .error-info-icon svg, .onenote-picker .section-group .error-info-icon svg, .onenote-picker .section .error-info-icon svg, .onenote-picker .shared-notebook .error-info-icon svg, .onenote-picker .recent-sections .error-info-icon svg {
132+
cursor: pointer;
133+
}
134+
.onenote-picker .notebook .picker-input-x, .onenote-picker .section-group .picker-input-x, .onenote-picker .section .picker-input-x, .onenote-picker .shared-notebook .picker-input-x, .onenote-picker .recent-sections .picker-input-x {
135+
font-size: 10px;
136+
padding-left: 0.25rem;
137+
padding-right: 0.5rem;
138+
padding-bottom: 5px;
139+
float: right;
140+
order: 5;
141+
}
142+
.onenote-picker .notebook .picker-input-x:hover, .onenote-picker .section-group .picker-input-x:hover, .onenote-picker .section .picker-input-x:hover, .onenote-picker .shared-notebook .picker-input-x:hover, .onenote-picker .recent-sections .picker-input-x:hover {
143+
cursor: pointer;
144+
}
145+
.onenote-picker .notebook.picker-item:hover, .onenote-picker .section-group.picker-item:hover, .onenote-picker .section.picker-item:hover, .onenote-picker .shared-notebook.picker-item:hover, .onenote-picker .recent-sections.picker-item:hover, .onenote-picker .notebook.input-not-started:hover, .onenote-picker .section-group.input-not-started:hover, .onenote-picker .section.input-not-started:hover, .onenote-picker .shared-notebook.input-not-started:hover, .onenote-picker .recent-sections.input-not-started:hover {
146+
background-color: #f9f9f9;
147+
}
148+
.onenote-picker .notebook:hover .picker-input-and-error, .onenote-picker .section-group:hover .picker-input-and-error, .onenote-picker .section:hover .picker-input-and-error, .onenote-picker .shared-notebook:hover .picker-input-and-error, .onenote-picker .recent-sections:hover .picker-input-and-error {
149+
border-bottom: 1px solid #f3f3f3;
150+
margin-bottom: -1px;
151+
}
152+
.onenote-picker .notebook .picker-input-and-error:focus-within, .onenote-picker .section-group .picker-input-and-error:focus-within, .onenote-picker .section .picker-input-and-error:focus-within, .onenote-picker .shared-notebook .picker-input-and-error:focus-within, .onenote-picker .recent-sections .picker-input-and-error:focus-within {
153+
border-bottom: 1px solid #f3f3f3;
154+
margin-bottom: -1px;
155+
}
156+
.onenote-picker .menu-list {
157+
margin-top: 0;
158+
margin-bottom: 10px;
159+
}
160+
.onenote-picker .menu-list a {
161+
color: #737373;
162+
display: block;
163+
}
164+
.onenote-picker .menu-list li ul {
165+
margin: 0;
166+
border-left: none;
167+
padding-left: 1.5rem;
168+
}
169+
.onenote-picker .picker-selectedItem {
170+
background-color: #f3f3f3 !important;
171+
}
172+
.onenote-picker .picker-selectedItem .picker-label label {
173+
color: #000 !important;
174+
}
175+
.onenote-picker .picker-row {
176+
margin: 1px;
177+
}
178+
.onenote-picker .progress-row {
179+
line-height: 1rem;
180+
text-align: center;
181+
padding: 0.25rem;
182+
margin-right: 1.5rem;
183+
}
184+
.onenote-picker .create-input {
185+
border: 0;
186+
padding: 0;
187+
margin: 0;
188+
width: 100%;
189+
font: inherit;
190+
outline: none;
191+
}
192+
.onenote-picker .create-spinner {
193+
float: right;
194+
order: 4;
195+
margin-right: 5px;
196+
}
197+
.picker-dropdown {
198+
position: relative;
199+
text-align: left;
200+
cursor: pointer;
201+
text-decoration: none;
202+
}
203+
.picker-dropdown .picker-dropdown-padding {
204+
border: 1px solid rgba(22, 35, 58, 0.26);
205+
padding: 5px;
206+
}
207+
.picker-dropdown .picker-popup {
208+
position: absolute;
209+
overflow-y: auto;
210+
background-color: #fff;
211+
border: 1px solid rgba(22, 35, 58, 0.26);
212+
max-height: 280px;
213+
width: 100%;
214+
}
215+
.picker-dropdown .popup-upwards {
216+
bottom: 100%;
217+
}
218+
.picker-dropdown .dropdown-arrow-container {
219+
height: 14px;
220+
width: 18px;
221+
float: right;
222+
padding-right: 12px;
223+
}
224+
.picker-dropdown .dropdown-arrow-container svg {
225+
height: auto;
226+
width: 18px;
227+
}
228+
.picker-dropdown .picker-dropdown-toggle-label {
229+
overflow: hidden;
230+
white-space: nowrap;
231+
text-overflow: ellipsis;
232+
padding: 1px 1px 1px 12px;
233+
}
234+
.picker-dropdown .dropdown-arrow-container svg polygon {
235+
fill: #444545;
236+
}
237+
.error-info-popover {
238+
z-index: 1;
239+
}
240+
.error-info-popover div {
241+
border-bottom-color: #6264a7 !important;
242+
}
243+
.error-info-popover-content {
244+
background-color: #6264a7;
245+
font-size: 10px;
246+
line-height: 16px;
247+
max-width: 280px;
248+
padding: 8px;
249+
color: #fff;
250+
border-radius: 4px;
251+
}
252+
svg.chevron-icon {
253+
color: #444;
254+
}
255+
svg.notebook-closed-icon {
256+
color: #444;
257+
}
258+
svg.notebook-opened-icon {
259+
color: #444;
260+
}
261+
svg.section-group-icon .primary-section-outline {
262+
color: #444;
263+
}
264+
svg.section-group-icon .secondary-section-outline {
265+
color: #444545;
266+
}
267+
svg.section-icon {
268+
color: #444;
269+
}
270+
svg.spinner .spinner-circle {
271+
color: #c7e0f4;
272+
}
273+
svg.spinner .spinner-progress {
274+
color: #0078d7;
275+
}
276+

Diff for: exports/oneNotePicker.Index.ts renamed to src/index.ts

+3
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
export * from '../src/providers/oneNoteApiDataProvider';
2+
export * from '../src/oneNoteDataStructures/oneNoteItemUtils';
3+
export * from '../src/oneNoteDataStructures/oneNoteApiResponseTransformer';
14
export * from '../src/oneNoteDataStructures/notebookListUpdater';
25
export * from '../src/oneNotePickerDropdown';
36
export * from '../src/oneNotePicker';

Diff for: src/oneNoteDataStructures/oneNoteItemUtils.ts

+2-7
Original file line numberDiff line numberDiff line change
@@ -2,11 +2,8 @@ import { Notebook } from './notebook';
22
import { OneNoteItem } from './oneNoteItem';
33
import { Section } from './section';
44
import { SectionGroup } from './sectionGroup';
5-
import { Polyfills } from '../polyfills';
65
import { SharedNotebook } from './sharedNotebook';
76

8-
Polyfills.find();
9-
107
export class OneNoteItemUtils {
118
/**
129
* Given the id of the OneNoteItem, and a notebook or sectionGroup list, returns
@@ -22,14 +19,13 @@ export class OneNoteItemUtils {
2219
for (let i = 0; i < sectionParents.length; i++) {
2320
// For shared notebook we need to look at api properties
2421
const sectionParent = sectionParents[i];
25-
const sectionParentNotebook = sectionParent as SharedNotebook
22+
const sectionParentNotebook = sectionParent as SharedNotebook;
2623
let sectionGroups: SectionGroup[];
2724
let sections: Section[];
2825
if (sectionParentNotebook.apiProperties) {
2926
sectionGroups = sectionParentNotebook.apiProperties.spSectionGroups;
3027
sections = sectionParentNotebook.apiProperties.spSections;
31-
}
32-
else {
28+
} else {
3329
sectionGroups = sectionParent.sectionGroups;
3430
sections = sectionParent.sections;
3531
}
@@ -114,4 +110,3 @@ export class OneNoteItemUtils {
114110
return ancestry;
115111
}
116112
}
117-

0 commit comments

Comments
 (0)