jornada-ui 0.4.13 → 0.4.15

package/src/components/list-devices/styles.ts

@@ -1,68 +1,73 @@
-import { StyleSheet } from "react-native";
-import { type IListDevices } from "./interface";
-import { theme } from "../../styles/theme/theme";
-
-type Extra = { disabled?: boolean; isSelected?: boolean };
-
-const styles = (props: Partial<IListDevices & Extra> = {}) =>
-  StyleSheet.create({
-    containerIndicator: {
-      width: "100%",
-      flexDirection: "row",
-      justifyContent: "flex-start",
-      alignItems: "center",
-      marginTop: 8,
-      paddingVertical: 8,
-      paddingHorizontal: 8,
-      opacity: props.disabled ? 0.6 : 1,
-    },
-
-    containerIndicatorSelected: {
-      backgroundColor: theme.colors.green[250],
-      borderRadius: 30,
-    },
-
-    separator: {
-      borderBottomWidth: 1,
-      borderBottomColor: props.isSelected
-        ? "transparent"
-        : theme.colors.gray[700],
-    },
-
-    title: {
-      color: props.titleColor ?? theme.colors.black[10],
-      textAlign: "center",
-      lineHeight: 20,
-      fontSize: theme.fontSizes.sm,
-      fontWeight: "500",
-      marginLeft: theme.margins.xs,
-    },
-
-    titleSelected: {
-      color: theme.colors.neutral[25],
-      fontWeight: "600",
-    },
-
-    titleDescription: {
-      color: props.textColorDescription ?? theme.colors.gray[600],
-      textAlign: "center",
-      lineHeight: 16,
-      fontSize: 18,
-      fontFamily: theme.fonts.inter_light_300,
-      marginLeft: theme.margins.xs,
-    },
-    
-    descSelected: {
-      color: theme.colors.neutral[25],
-    },
-
-    containerMain: {
-      width: "100%",
-      flexDirection: "column",
-      alignItems: "flex-start",
-      marginLeft: 2,
-      justifyContent: "center",
-    },
-  });
-
-export { styles };
+/**
+ * IMPORTS
+ */
+import { StyleSheet } from "react-native";
+import { theme } from "../../styles/theme/theme";
+
+// typings
+import { type IListDevices, type Extra } from "./interface";
+
+const styles = (props: Partial<IListDevices & Extra> = {}) =>
+  StyleSheet.create({
+    containerIndicator: {
+      width: "100%",
+      flexDirection: "row",
+      justifyContent: "flex-start",
+      alignItems: "center",
+      marginTop: 8,
+      paddingVertical: 8,
+      paddingHorizontal: 8,
+      opacity: props.disabled ? 0.6 : 1,
+    },
+
+    containerIndicatorSelected: {
+      backgroundColor: theme.colors.green[250],
+      borderRadius: 30,
+    },
+
+    separator: {
+      borderBottomWidth: 1,
+      borderBottomColor: props.isSelected ? "transparent" : theme.colors.gray[700],
+    },
+
+    title: {
+      color: props.titleColor ?? theme.colors.black[10],
+      textAlign: "center",
+      lineHeight: 20,
+      fontSize: theme.fontSizes.lg,
+      fontWeight: "500",
+      marginLeft: theme.margins.xs,
+      marginBottom: 8,
+    },
+
+    titleSelected: {
+      color: theme.colors.neutral[25],
+      fontWeight: "600",
+    },
+
+    titleDescription: {
+      color: props.textColorDescription ?? theme.colors.gray[600],
+      textAlign: "center",
+      lineHeight: 16,
+      fontSize: theme.fontSizes.md,
+      fontFamily: theme.fonts.inter_light_300,
+      marginLeft: theme.margins.xs,
+    },
+
+    descSelected: {
+      color: theme.colors.neutral[25],
+    },
+
+    containerMain: {
+      width: "100%",
+      flexDirection: "column",
+      alignItems: "flex-start",
+      marginLeft: 2,
+      justifyContent: "center",
+    },
+  });
+
+/**
+ * EXPORTS
+ */
+export { styles };

package/src/stories/card-work-session/card-work-session.stories.tsx

@@ -1,53 +1,106 @@
-import type { StoryObj, Meta } from "@storybook/react";
-
-// components
-import CardWorkSession from "../../components/card-work-session";
-import { theme } from "../../styles/theme/theme";
-
-const meta: Meta<typeof CardWorkSession> = {
-  title: "componente/CardWorkSession",
-  component: CardWorkSession,
-  args: {
-    name: "Weverson L.S",
-    workDate: "25/01/2025",
-    timeWork: "",
-    initialTime: "11:40",
-    duration: "05:20",
-    avatar: "https://avatars.githubusercontent.com/u/100369327?v=4&size=64",
-  },
-  parameters: {
-    notes: `
-# CardWorkSession
-
-Este é um componente de CardWorkSession de session de trabalho.
-Você usa assim:
-\`\`\`tsx
-<CardWorkSession
-  name="Weverson L.S"s
-  workDate="25/01/2025"
-  initialTime="11:40"
-  duration="03:45"
-  avatar={"https://avatars.githubusercontent.com/u/100369327?v=4&size=64"}
-  />
-\`\`\`
-`,
-  },
-};
-
-export default meta;
-
-type Story = StoryObj<typeof meta>;
-
-export const CardTrabalhoSession: Story = {
-  name: "card-work-session",
-  args: {
-    width: 400,
-    name: "Weverson L.S",
-    workDate: "25/01/2025",
-    timeWork: "",
-    initialTime: "11:40",
-    duration: "05:20",
-    avatar: "https://avatars.githubusercontent.com/u/100369327?v=4&size=64",
-    backgroundColor: theme.colors.gray[300],
-  },
-};
+import type { StoryObj, Meta } from "@storybook/react";
+
+// components
+import CardWorkSession from "../../components/card-work-session";
+import { theme } from "../../styles/theme/theme";
+
+const meta: Meta<typeof CardWorkSession> = {
+  title: "componente/CardWorkSession",
+  component: CardWorkSession,
+  args: {
+    width: "100%",
+    counterBadge: 1,
+    name: "Weverson L.S",
+    workDate: "25/01/2025",
+    initialTime: "11:40",
+    duration: "05:20",
+    avatar: "https://avatars.githubusercontent.com/u/100369327?v=4&size=64",
+  },
+  argTypes: {
+    width: {
+      control: "number",
+      description: "Informa a a largura do componente.",
+    },
+    name: {
+      control: "text",
+      description: "Informa o nome do usuário.",
+    },
+    workDate: {
+      control: "text",
+      description: "Informa a data que inicio a jornada.",
+    },
+    initialTime: {
+      control: "text",
+      description: "Informa o inicio de jornada.",
+    },
+    duration: {
+      control: "text",
+      description: "Informa a duração de jornada.",
+    },
+    avatar: {
+      control: "text",
+      description: "Informa a foto do usuário.",
+    },
+    counterBadge: {
+      control: "number",
+      type: "number",
+      description: "Quantidade de mensagem não lidas",
+    },
+    backgroundColor: {
+      control: "text",
+      description: "Informa a cor de fundo.",
+    },
+    handleNavigationNotification: {
+      control: () => {},
+      type: "function",
+      description: "Função que navegar para as notificações.",
+    },
+    handleNavigation: {
+      control: () => {},
+      type: "function",
+      description: "Função que navegar para o perfil.",
+    },
+  },
+  parameters: {
+    notes: `
+# CardWorkSession
+
+Este é um componente de CardWorkSession de session de trabalho.
+Você usa assim:
+\`\`\`tsx
+<CardWorkSession
+    width: 400,
+    counterBadge: 1,
+    name: "Weverson L.S",
+    workDate: "25/01/2025",
+    initialTime: "11:40",
+    duration: "05:20",
+    avatar: "https://avatars.githubusercontent.com/u/100369327?v=4&size=64",
+    backgroundColor: theme.colors.gray[300],
+    handleNavigationNotification: () => {},
+    handleNavigation: () => {},
+  />
+\`\`\`
+`,
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof meta>;
+
+export const CardTrabalhoSession: Story = {
+  name: "card-work-session",
+  args: {
+    width: "100%",
+    counterBadge: 1,
+    name: "Weverson L.S",
+    workDate: "25/01/2025",
+    initialTime: "11:40",
+    duration: "05:20",
+    avatar: "https://avatars.githubusercontent.com/u/100369327?v=4&size=64",
+    backgroundColor: theme.colors.gray[300],
+    handleNavigationNotification: () => {},
+    handleNavigation: () => {},
+  },
+};

package/lib/commonjs/components/list-devices/interface.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=interface.d.js.map

package/lib/commonjs/components/list-devices/interface.d.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/list-devices/interface.d.ts"],"mappings":"","ignoreList":[]}

package/lib/module/components/list-devices/interface.d.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=interface.d.js.map

package/lib/module/components/list-devices/interface.d.js.map

@@ -1 +0,0 @@
-{"version":3,"names":[],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/list-devices/interface.d.ts"],"mappings":"","ignoreList":[]}