@ldelia/react-media 0.2.2 → 0.2.3

package/dist/components/__tests__/timeline/timeline.test.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
 const client_1 = require("react-dom/client");
-const timeline_1 = __importDefault(require("../../timeline"));
+const timeline_1 = require("../../timeline");
 describe('Timeline', () => {
     let props;
     beforeEach(() => {
@@ -21,7 +21,7 @@ describe('Timeline', () => {
         it('renders a timeline', () => {
             const rootElement = document.createElement('div');
             const root = (0, client_1.createRoot)(rootElement);
-            root.render(react_1.default.createElement(timeline_1.default, Object.assign({}, props)));
+            root.render(react_1.default.createElement(timeline_1.Timeline, Object.assign({}, props)));
         });
     });
 });

package/dist/components/timeline/index.d.ts

@@ -13,5 +13,4 @@ export type ZoomContextType = {
     pixelsInSecond: number;
 };
 export declare const ZoomContext: React.Context<ZoomContextType>;
-declare const Timeline: React.FC<TimelineProps>;
-export default Timeline;
+export declare const Timeline: React.FC<TimelineProps>;

package/dist/components/timeline/index.js

@@ -3,7 +3,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ZoomContext = void 0;
+exports.Timeline = exports.ZoomContext = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const react_2 = require("react");
@@ -74,4 +74,4 @@ const Timeline = ({ duration, value, zoomLevel = 0, selectedRange = [], onChange
                 react_1.default.createElement(RangeSelectorCanvas_1.default, { selectedRange: selectedRange, onChange: onChange, onRangeChange: onRangeChange }),
                 react_1.default.createElement(TickTimeCollectionDisplay_1.default, { tickTimes: blockStartingTimes })))));
 };
-exports.default = Timeline;
+exports.Timeline = Timeline;

package/dist/stories/timeline.stories.js

@@ -5,9 +5,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.WithSelectedRange = exports.Default = void 0;
 const react_1 = __importDefault(require("react"));
-const timeline_1 = __importDefault(require("../components/timeline"));
+const timeline_1 = require("../components/timeline");
 const styled_components_1 = __importDefault(require("styled-components"));
-const StyledTimeline = (0, styled_components_1.default)(timeline_1.default) `
+const StyledTimeline = (0, styled_components_1.default)(timeline_1.Timeline) `
   .media-timeline-value-line {
     background-color: red;
     width: 5px;
@@ -15,7 +15,7 @@ const StyledTimeline = (0, styled_components_1.default)(timeline_1.default) `
 `;
 exports.default = {
     title: 'Timeline',
-    component: timeline_1.default,
+    component: timeline_1.Timeline,
     argTypes: {
         onChange: { action: 'changed' },
         onRangeChange: { action: 'range changed' },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ldelia/react-media",
-  "version": "0.2.2",
+  "version": "0.2.3",
   "description": "A React components collection for media-related features.",
   "private": false,
   "keywords": [