@rpg-engine/long-bow 0.2.45 → 0.2.47

package/src/stories/TimeWidget.stories.tsx

@@ -0,0 +1,27 @@
+import { PeriodOfDay } from '@rpg-engine/shared';
+import { Meta, Story } from '@storybook/react';
+import React from 'react';
+import { RPGUIRoot } from '../components/RPGUIRoot';
+import {
+  IClockWidgetProps,
+  TimeWidget,
+} from '../components/TimeWidget/TimeWidget';
+
+const meta: Meta = {
+  title: 'Time Widget',
+  component: TimeWidget,
+};
+
+export default meta;
+
+const Template: Story<IClockWidgetProps> = args => (
+  <RPGUIRoot>
+    <TimeWidget {...args} />
+  </RPGUIRoot>
+);
+
+export const Default = Template.bind({});
+Default.args = {
+  TimeClock: '10:00',
+  periodOfDay: PeriodOfDay.Morning,
+};

package/dist/components/DayNightPeriod/DayNightPeriod.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare enum IPeriodOfDay {
-    Morning = "static/media/src/components/DayNightPeriod/Gif/Morning.gif",
-    Afternoon = "static/media/src/components/DayNightPeriod/Gif/Afternoon.gif",
-    Night = "static/media/src/components/DayNightPeriod/Gif/Night.gif"
-}
-export interface PeriodOfDayProps {
-    periodOfDay: IPeriodOfDay;
-}
-export declare const PeriodOfDay: React.FC<PeriodOfDayProps>;
-export default PeriodOfDay;

package/src/components/DayNightPeriod/DayNightPeriod.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-
-export enum IPeriodOfDay {
-    Morning = "static/media/src/components/DayNightPeriod/Gif/Morning.gif",
-    Afternoon = "static/media/src/components/DayNightPeriod/Gif/Afternoon.gif",
-    Night = "static/media/src/components/DayNightPeriod/Gif/Night.gif",
-}
-
-export interface PeriodOfDayProps {
-    periodOfDay: IPeriodOfDay;
-
-
-}
-
-export const PeriodOfDay: React.FC<PeriodOfDayProps> = ({ periodOfDay }) => {
-
-    return (
-        <GifContainer >
-
-            <img src={periodOfDay} />
-
-        </GifContainer>
-    );
-};
-
-interface IPeriodOfDayProps {
-
-}
-
-const GifContainer = styled.span<IPeriodOfDayProps>`
-width: 100%;
-   `;
-
-export default PeriodOfDay;