@axis-backstage/plugin-vacation-calendar 0.11.0 → 0.11.1
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/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,17 @@
|
|
|
1
1
|
# @axis-backstage/plugin-vacation-calendar
|
|
2
2
|
|
|
3
|
+
## 0.11.1
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- 85be688: Fix broken timeline layout in consuming apps. The `react-calendar-timeline`
|
|
8
|
+
package declares `sideEffects: false` with no exception for CSS, so its base
|
|
9
|
+
stylesheet was tree-shaken out of the bundle when this plugin was consumed by
|
|
10
|
+
a host app (it only appeared to work in this plugin's own dev server, which
|
|
11
|
+
does not tree-shake). The base timeline styles are now inlined into this
|
|
12
|
+
plugin's own CSS file, and the `sideEffects` field is updated to also cover
|
|
13
|
+
the compiled `*.css.esm.js` output so it survives bundling.
|
|
14
|
+
|
|
3
15
|
## 0.11.0
|
|
4
16
|
|
|
5
17
|
### Minor Changes
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import styleInject from '../../node_modules_dist/style-inject/dist/style-inject.es.esm.js';
|
|
2
2
|
|
|
3
|
-
var css_248z = "
|
|
3
|
+
var css_248z = "/*\n * Base react-calendar-timeline styles, inlined here instead of imported from\n * 'react-calendar-timeline/style.css'. That package declares \"sideEffects\": false\n * with no exception for CSS files, so bundlers can tree-shake the import away\n * entirely once this plugin is built and consumed by a host app.\n */\n.react-calendar-timeline * {\n box-sizing: border-box;\n}\n\n.react-calendar-timeline .rct-outer {\n display: block;\n overflow: hidden;\n white-space: nowrap;\n}\n\n.react-calendar-timeline .rct-scroll {\n display: inline-block;\n white-space: normal;\n vertical-align: top;\n overflow: hidden;\n touch-action: none;\n}\n\n.react-calendar-timeline .rct-item:hover {\n z-index: 88;\n}\n\n.react-calendar-timeline .rct-item .rct-item-content {\n position: sticky;\n left: 0;\n overflow: hidden;\n display: inline-block;\n border-radius: 2px;\n padding: 0 6px;\n height: 100%;\n}\n\n.react-calendar-timeline .rct-sidebar {\n overflow: hidden;\n white-space: normal;\n display: inline-block;\n vertical-align: top;\n position: relative;\n box-sizing: border-box;\n}\n\n.react-calendar-timeline .rct-sidebar.rct-sidebar-right {\n border-right: 0;\n border-left: 1px solid var(--bui-border-1, #bbb);\n}\n\n.react-calendar-timeline .rct-sidebar .rct-sidebar-row {\n padding: 0 4px;\n overflow: hidden;\n white-space: nowrap;\n text-overflow: ellipsis;\n box-sizing: border-box;\n margin: 0;\n}\n\n.react-calendar-timeline .rct-sidebar .rct-sidebar-row.rct-sidebar-row-even {\n background: transparent;\n}\n\n.react-calendar-timeline .rct-vertical-lines .rct-vl {\n position: absolute;\n z-index: 30;\n}\n\n.react-calendar-timeline .rct-vertical-lines .rct-vl.rct-vl-first {\n border-left-width: 2px;\n}\n\n.react-calendar-timeline .rct-vertical-lines .rct-vl.rct-day-6,\n.react-calendar-timeline .rct-vertical-lines .rct-vl.rct-day-0 {\n background: #faf6e180;\n}\n\n.react-calendar-timeline .rct-horizontal-lines {\n user-select: none;\n}\n\n.react-calendar-timeline .rct-horizontal-lines .rct-hl-even,\n.react-calendar-timeline .rct-horizontal-lines .rct-hl-odd {\n box-sizing: border-box;\n z-index: 40;\n}\n\n.react-calendar-timeline .rct-horizontal-lines .rct-hl-even {\n background: transparent;\n}\n\n.react-calendar-timeline .rct-cursor-line {\n position: absolute;\n width: 2px;\n background: #2196f3;\n z-index: 51;\n}\n\n.react-calendar-timeline .rct-dateHeader {\n display: flex;\n align-items: center;\n justify-content: center;\n height: 100%;\n cursor: pointer;\n font-size: 14px;\n}\n\n.react-calendar-timeline .rct-dateHeader-primary {\n background-color: initial;\n}\n\n.react-calendar-timeline .rct-header-root {\n background: var(--bui-bg-neutral-2, #f5f5f5);\n border-bottom: 1px solid var(--bui-border-1, #bbb);\n}\n\n.react-calendar-timeline .rct-calendar-header {\n border: 1px solid var(--bui-border-1, #bbb);\n border-bottom: 0;\n}\n\n.react-calendar-timeline .rct-dateHeader {\n background-color: var(--bui-bg-neutral-1, #fafafa);\n border-left: 1px solid var(--bui-border-1, #bbb);\n border-bottom: 1px solid var(--bui-border-1, #bbb);\n color: var(--bui-fg-primary, #333);\n}\n\n.react-calendar-timeline .rct-dateHeader-primary {\n background-color: var(--bui-bg-neutral-2, #e0e0e0);\n color: var(--bui-fg-primary, #333);\n}\n\n.react-calendar-timeline .rct-sidebar {\n border-right: 1px solid var(--bui-border-1, #bbb);\n}\n\n.react-calendar-timeline .timeline-sidebar-header {\n border-bottom: 1px solid var(--bui-border-1, #bbb);\n}\n\n.react-calendar-timeline .rct-sidebar .rct-sidebar-row {\n border-bottom: 1px solid var(--bui-border-1, #bbb);\n}\n\n.react-calendar-timeline .rct-sidebar .rct-sidebar-row.rct-sidebar-row-odd {\n background: var(--bui-bg-neutral-1, rgba(0, 0, 0, 0.05));\n}\n\n.react-calendar-timeline .rct-horizontal-lines .rct-hl-odd {\n background: var(--bui-bg-neutral-1, rgba(0, 0, 0, 0.05));\n}\n\n.react-calendar-timeline .rct-horizontal-lines .rct-hl-even,\n.react-calendar-timeline .rct-horizontal-lines .rct-hl-odd {\n border-bottom: 1px solid var(--bui-border-1, #bbb);\n}\n\n.react-calendar-timeline .rct-vertical-lines .rct-vl {\n border-left: 1px solid var(--bui-border-1, #bbb);\n}\n\n.custom-group {\n display: flex;\n align-items: center;\n gap: 5px;\n white-space: nowrap;\n}\n";
|
|
4
4
|
styleInject(css_248z);
|
|
5
5
|
//# sourceMappingURL=CalendarCard.css.esm.js.map
|
package/dist/plugin.esm.js
CHANGED
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import 'react-calendar-timeline/style.css';
|
|
2
1
|
import { createPlugin, createApiFactory, fetchApiRef, microsoftAuthApiRef, createRoutableExtension } from '@backstage/core-plugin-api';
|
|
3
2
|
import { rootRouteRef } from './routes.esm.js';
|
|
4
3
|
import { vacationCalendarApiRef } from './api/VacationCalendarApi.esm.js';
|
package/dist/plugin.esm.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["import
|
|
1
|
+
{"version":3,"file":"plugin.esm.js","sources":["../src/plugin.ts"],"sourcesContent":["import {\n createApiFactory,\n createPlugin,\n createRoutableExtension,\n fetchApiRef,\n microsoftAuthApiRef,\n} from '@backstage/core-plugin-api';\nimport { rootRouteRef } from './routes';\nimport { VacationCalendarApiClient, vacationCalendarApiRef } from './api';\n\n/**\n * Plugin that provides the VacationCalendar api\n * @public */\nexport const vacationCalendarPlugin = createPlugin({\n id: 'vacation-calendar',\n apis: [\n createApiFactory({\n api: vacationCalendarApiRef,\n deps: {\n authApi: microsoftAuthApiRef,\n fetchApi: fetchApiRef,\n },\n factory: ({ authApi, fetchApi }) =>\n new VacationCalendarApiClient({ authApi, fetchApi }),\n }),\n ],\n routes: {\n root: rootRouteRef,\n },\n});\n\n/**\n * Routable extension for VacationCalendarPage\n * @public\n */\nexport const VacationCalendarPage = vacationCalendarPlugin.provide(\n createRoutableExtension({\n name: 'VacationCalendarPage',\n component: () => import('./components').then(m => m.VacationCalendar),\n mountPoint: rootRouteRef,\n }),\n);\n"],"names":[],"mappings":";;;;;AAaO,MAAM,yBAAyB,YAAA,CAAa;AAAA,EACjD,EAAA,EAAI,mBAAA;AAAA,EACJ,IAAA,EAAM;AAAA,IACJ,gBAAA,CAAiB;AAAA,MACf,GAAA,EAAK,sBAAA;AAAA,MACL,IAAA,EAAM;AAAA,QACJ,OAAA,EAAS,mBAAA;AAAA,QACT,QAAA,EAAU;AAAA,OACZ;AAAA,MACA,OAAA,EAAS,CAAC,EAAE,OAAA,EAAS,QAAA,EAAS,KAC5B,IAAI,yBAAA,CAA0B,EAAE,OAAA,EAAS,QAAA,EAAU;AAAA,KACtD;AAAA,GACH;AAAA,EACA,MAAA,EAAQ;AAAA,IACN,IAAA,EAAM;AAAA;AAEV,CAAC;AAMM,MAAM,uBAAuB,sBAAA,CAAuB,OAAA;AAAA,EACzD,uBAAA,CAAwB;AAAA,IACtB,IAAA,EAAM,sBAAA;AAAA,IACN,SAAA,EAAW,MAAM,OAAO,2BAAc,EAAE,IAAA,CAAK,CAAA,CAAA,KAAK,EAAE,gBAAgB,CAAA;AAAA,IACpE,UAAA,EAAY;AAAA,GACb;AACH;;;;"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@axis-backstage/plugin-vacation-calendar",
|
|
3
|
-
"version": "0.11.
|
|
3
|
+
"version": "0.11.1",
|
|
4
4
|
"exports": {
|
|
5
5
|
".": {
|
|
6
6
|
"import": "./dist/index.esm.js",
|
|
@@ -45,7 +45,8 @@
|
|
|
45
45
|
}
|
|
46
46
|
},
|
|
47
47
|
"sideEffects": [
|
|
48
|
-
"**/*.css"
|
|
48
|
+
"**/*.css",
|
|
49
|
+
"**/*.css.esm.js"
|
|
49
50
|
],
|
|
50
51
|
"scripts": {
|
|
51
52
|
"start": "backstage-cli package start",
|