react-native-exp-fig 0.1.35 → 0.1.37
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/lib/commonjs/components/activity-timeline/components/activite-row/index.js +1 -1
- package/lib/commonjs/components/activity-timeline/components/activite-row/index.js.map +1 -1
- package/lib/commonjs/stories/activity-timeline/activity-timeline.stories.js +18 -27
- package/lib/commonjs/stories/activity-timeline/activity-timeline.stories.js.map +1 -1
- package/lib/module/components/activity-timeline/components/activite-row/index.js +1 -1
- package/lib/module/components/activity-timeline/components/activite-row/index.js.map +1 -1
- package/lib/module/stories/activity-timeline/activity-timeline.stories.js +18 -27
- package/lib/module/stories/activity-timeline/activity-timeline.stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/activity-timeline/components/activite-row/index.tsx +2 -2
- package/src/stories/activity-timeline/activity-timeline.stories.tsx +16 -25
|
@@ -44,7 +44,7 @@ const ActivityRows = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
44
44
|
const handleEdit = (0, _react.useCallback)(() => onEdit(activities), [onEdit, activities]);
|
|
45
45
|
const handleDelete = (0, _react.useCallback)(() => onDelete(activities), [onDelete, activities]);
|
|
46
46
|
const isInvalid = (0, _formatData.formHoursMinute)(activities === null || activities === void 0 ? void 0 : activities.duracao_segundos) === "00:00";
|
|
47
|
-
const dateStart = activities.data_inicio;
|
|
47
|
+
const dateStart = activities.data_inicio.split(" ")[0];
|
|
48
48
|
const timeText = (0, _formatData.formHoursMinute)(activities === null || activities === void 0 ? void 0 : activities.duracao_segundos);
|
|
49
49
|
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
50
50
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_typography","_iconsSvg","_formatData","_asBaseComponent","_theme","_styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ActivityRows","forwardRef","index","activities","items","onAdd","onEdit","onDelete","ref","_activities$descricao","handleAdd","useCallback","handleEdit","handleDelete","isInvalid","formHoursMinute","duracao_segundos","dateStart","data_inicio","timeText","createElement","View","style","styles","row","badge","Typography","text","String","color","theme","colors","neutral","size","fontSizes","sm","fontFamily","fonts","inter_bold_700","Boolean","length","width","height","backgroundColor","blue","position","left","top","card","numberOfLines","title","descricao","red","inter_medium_500","lineHeight","pill","pillInvalid","pillOk","Icons","icon","xs","sep","actions","TouchableOpacity","iconButton","onPress","testID","green","displayName","_default","exports","asBaseComponent"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React, { forwardRef, useCallback } from \"react\";\nimport { TouchableOpacity, View } from \"react-native\";\n\n// components\nimport { Typography } from \"../../../../components/typography\";\n\n// commons / svg\nimport { Icons } from \"../../../../common/icons-svg\";\n\n// utils\nimport { formHoursMinute } from \"../../../../utils/format-data\";\n\n// typings\nimport type { IActivitieRowProps } from \"../../interface\";\nimport { asBaseComponent } from \"../../../../@types/as-base-component\";\n\n// styles\nimport { theme } from \"../../../../styles/theme/theme\";\nimport { styles } from \"../../styles\";\n\n/**\n * Componente ActivityRows para a interação da ui.\n */\nconst ActivityRows = forwardRef<any, IActivitieRowProps>(\n ({ index, activities, items, onAdd, onEdit, onDelete }, ref): React.ReactElement => {\n const handleAdd = useCallback(() => onAdd(activities), [onAdd, activities]);\n const handleEdit = useCallback(() => onEdit(activities), [onEdit, activities]);\n const handleDelete = useCallback(() => onDelete(activities), [onDelete, activities]);\n\n const isInvalid = formHoursMinute(activities?.duracao_segundos as string) === \"00:00\";\n\n const dateStart = activities.data_inicio;\n\n const timeText = formHoursMinute(activities?.duracao_segundos as string);\n\n return (\n <View ref={ref} style={styles.row}>\n <View style={styles.badge}>\n <Typography\n text={String(index + 1)}\n color={theme.colors.neutral[25]}\n size={theme.fontSizes.sm}\n fontFamily={theme.fonts.inter_bold_700}\n />\n </View>\n\n {Boolean(index !== items?.length - 1) && (\n <View\n style={{\n width: 2,\n height: 76,\n backgroundColor: theme.colors.blue[500],\n position: \"absolute\",\n left: 21,\n top: 60,\n }}\n />\n )}\n\n <View style={styles.card}>\n <Typography\n numberOfLines={1}\n style={styles.title}\n text={activities.descricao ?? \"Não informada\"}\n color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}\n size={14}\n fontFamily={theme.fonts.inter_medium_500}\n lineHeight={34}\n />\n\n <View style={[styles.pill, isInvalid ? styles.pillInvalid : styles.pillOk]}>\n <Icons\n icon=\"CALENDAR\"\n size={18}\n color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}\n />\n <Typography\n text={dateStart}\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}\n size={theme.fontSizes.xs}\n fontFamily={theme.fonts.inter_medium_500}\n />\n <Typography\n text=\"|\"\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}\n size={theme.fontSizes.sm}\n style={styles.sep}\n />\n <Typography\n text={timeText}\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[500]}\n size={theme.fontSizes.xs}\n fontFamily={theme.fonts.inter_medium_500}\n />\n </View>\n </View>\n\n <View style={styles.actions}>\n <TouchableOpacity style={styles.iconButton} onPress={handleEdit} testID=\"edit-activity\">\n <Icons icon=\"NOTE_PINCEL\" size={18} color={theme.colors.blue[350]} />\n </TouchableOpacity>\n\n <TouchableOpacity\n style={styles.iconButton}\n onPress={handleAdd}\n testID=\"add-after-activity\"\n >\n {/* Não há PLUS_CONTAINER, usando PLUS como alternativa visual */}\n <Icons icon=\"CARRIER\" size={18} color={theme.colors.green[500]} />\n </TouchableOpacity>\n\n <TouchableOpacity\n style={styles.iconButton}\n onPress={handleDelete}\n testID=\"delete-activity\"\n >\n {/* Não há TRASH, usando X_CIRCLE como alternativa de remover */}\n <Icons icon=\"X_CIRCLE\" size={18} color={theme.colors.red[900]} />\n </TouchableOpacity>\n </View>\n </View>\n );\n }\n);\n\nActivityRows.displayName = \"ActivityRows\";\n\n/**\n * EXPORTS\n */\nexport default asBaseComponent(ActivityRows);\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_typography","_iconsSvg","_formatData","_asBaseComponent","_theme","_styles","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ActivityRows","forwardRef","index","activities","items","onAdd","onEdit","onDelete","ref","_activities$descricao","handleAdd","useCallback","handleEdit","handleDelete","isInvalid","formHoursMinute","duracao_segundos","dateStart","data_inicio","split","timeText","createElement","View","style","styles","row","badge","Typography","text","String","color","theme","colors","neutral","size","fontSizes","sm","fontFamily","fonts","inter_bold_700","Boolean","length","width","height","backgroundColor","blue","position","left","top","card","numberOfLines","title","descricao","red","inter_medium_500","lineHeight","pill","pillInvalid","pillOk","Icons","icon","xs","sep","actions","TouchableOpacity","iconButton","onPress","testID","green","displayName","_default","exports","asBaseComponent"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React, { forwardRef, useCallback } from \"react\";\nimport { TouchableOpacity, View } from \"react-native\";\n\n// components\nimport { Typography } from \"../../../../components/typography\";\n\n// commons / svg\nimport { Icons } from \"../../../../common/icons-svg\";\n\n// utils\nimport { formHoursMinute } from \"../../../../utils/format-data\";\n\n// typings\nimport type { IActivitieRowProps } from \"../../interface\";\nimport { asBaseComponent } from \"../../../../@types/as-base-component\";\n\n// styles\nimport { theme } from \"../../../../styles/theme/theme\";\nimport { styles } from \"../../styles\";\n\n/**\n * Componente ActivityRows para a interação da ui.\n */\nconst ActivityRows = forwardRef<any, IActivitieRowProps>(\n ({ index, activities, items, onAdd, onEdit, onDelete }, ref): React.ReactElement => {\n const handleAdd = useCallback(() => onAdd(activities), [onAdd, activities]);\n const handleEdit = useCallback(() => onEdit(activities), [onEdit, activities]);\n const handleDelete = useCallback(() => onDelete(activities), [onDelete, activities]);\n\n const isInvalid = formHoursMinute(activities?.duracao_segundos as string) === \"00:00\";\n\n const dateStart = activities.data_inicio.split(\" \")[0];\n\n const timeText = formHoursMinute(activities?.duracao_segundos as string);\n\n return (\n <View ref={ref} style={styles.row}>\n <View style={styles.badge}>\n <Typography\n text={String(index + 1)}\n color={theme.colors.neutral[25]}\n size={theme.fontSizes.sm}\n fontFamily={theme.fonts.inter_bold_700}\n />\n </View>\n\n {Boolean(index !== items?.length - 1) && (\n <View\n style={{\n width: 2,\n height: 76,\n backgroundColor: theme.colors.blue[500],\n position: \"absolute\",\n left: 21,\n top: 60,\n }}\n />\n )}\n\n <View style={styles.card}>\n <Typography\n numberOfLines={1}\n style={styles.title}\n text={activities.descricao ?? \"Não informada\"}\n color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}\n size={14}\n fontFamily={theme.fonts.inter_medium_500}\n lineHeight={34}\n />\n\n <View style={[styles.pill, isInvalid ? styles.pillInvalid : styles.pillOk]}>\n <Icons\n icon=\"CALENDAR\"\n size={18}\n color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}\n />\n <Typography\n text={dateStart!}\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}\n size={theme.fontSizes.xs}\n fontFamily={theme.fonts.inter_medium_500}\n />\n <Typography\n text=\"|\"\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}\n size={theme.fontSizes.sm}\n style={styles.sep}\n />\n <Typography\n text={timeText}\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[500]}\n size={theme.fontSizes.xs}\n fontFamily={theme.fonts.inter_medium_500}\n />\n </View>\n </View>\n\n <View style={styles.actions}>\n <TouchableOpacity style={styles.iconButton} onPress={handleEdit} testID=\"edit-activity\">\n <Icons icon=\"NOTE_PINCEL\" size={18} color={theme.colors.blue[350]} />\n </TouchableOpacity>\n\n <TouchableOpacity\n style={styles.iconButton}\n onPress={handleAdd}\n testID=\"add-after-activity\"\n >\n {/* Não há PLUS_CONTAINER, usando PLUS como alternativa visual */}\n <Icons icon=\"CARRIER\" size={18} color={theme.colors.green[500]} />\n </TouchableOpacity>\n\n <TouchableOpacity\n style={styles.iconButton}\n onPress={handleDelete}\n testID=\"delete-activity\"\n >\n {/* Não há TRASH, usando X_CIRCLE como alternativa de remover */}\n <Icons icon=\"X_CIRCLE\" size={18} color={theme.colors.red[900]} />\n </TouchableOpacity>\n </View>\n </View>\n );\n }\n);\n\nActivityRows.displayName = \"ActivityRows\";\n\n/**\n * EXPORTS\n */\nexport default asBaseComponent(ActivityRows);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -9,35 +9,26 @@ function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e
|
|
|
9
9
|
/* eslint-disable no-undef */
|
|
10
10
|
|
|
11
11
|
const sampleData = [{
|
|
12
|
-
id:
|
|
13
|
-
ec_tipo_atividade_id: 1,
|
|
14
|
-
descricao: "Descanso",
|
|
15
|
-
data_inicio: "07/03/2024 16:52",
|
|
16
|
-
data_fim: "07/03/2024 17:52",
|
|
17
|
-
duracao_segundos: "3600",
|
|
18
|
-
sincronizado: true,
|
|
19
|
-
tipo: "descanso",
|
|
20
|
-
referencia: "descanso"
|
|
21
|
-
}, {
|
|
22
|
-
id: "2",
|
|
23
|
-
ec_tipo_atividade_id: 2,
|
|
12
|
+
id: 1,
|
|
24
13
|
descricao: "Repouso Noturno",
|
|
25
|
-
data_inicio: "
|
|
26
|
-
data_fim: "
|
|
27
|
-
duracao_segundos:
|
|
28
|
-
sincronizado: true
|
|
29
|
-
|
|
30
|
-
|
|
14
|
+
data_inicio: "02/06/2024 17:00",
|
|
15
|
+
data_fim: "02/06/2024 17:00",
|
|
16
|
+
duracao_segundos: 21600,
|
|
17
|
+
sincronizado: true
|
|
18
|
+
}, {
|
|
19
|
+
id: 2,
|
|
20
|
+
descricao: "Disposição com Veículo",
|
|
21
|
+
data_inicio: "02/06/2024 15:00",
|
|
22
|
+
data_fim: "02/06/2024 17:00",
|
|
23
|
+
duracao_segundos: 7200,
|
|
24
|
+
sincronizado: true
|
|
31
25
|
}, {
|
|
32
|
-
id:
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
sincronizado: true,
|
|
39
|
-
tipo: "trabalho",
|
|
40
|
-
referencia: "em_descarga"
|
|
26
|
+
id: 3,
|
|
27
|
+
descricao: "Operação com Veículo",
|
|
28
|
+
data_inicio: "02/06/2024 13:00",
|
|
29
|
+
data_fim: "02/06/2024 15:00",
|
|
30
|
+
duracao_segundos: 7200,
|
|
31
|
+
sincronizado: true
|
|
41
32
|
}];
|
|
42
33
|
const meta = {
|
|
43
34
|
title: "componente/ActivityTimeline",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_activityTimeline","_interopRequireDefault","require","e","__esModule","default","sampleData","id","
|
|
1
|
+
{"version":3,"names":["_activityTimeline","_interopRequireDefault","require","e","__esModule","default","sampleData","id","descricao","data_inicio","data_fim","duracao_segundos","sincronizado","meta","title","component","ActivityTimeline","args","data","showIndexBadge","onAdd","item","console","log","onEdit","onDelete","parameters","notes","_default","exports","Padrao","name","SemBadge","ListaVazia"],"sources":["activity-timeline.stories.tsx"],"sourcesContent":["/* eslint-disable no-undef */\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport ActivityTimeline from \"../../components/activity-timeline\";\n\nimport type { IDataActivityProps } from \"../../components/activity-timeline/interface\";\n\nconst sampleData = [\n {\n id: 1,\n descricao: \"Repouso Noturno\",\n data_inicio: \"02/06/2024 17:00\",\n data_fim: \"02/06/2024 17:00\",\n duracao_segundos: 21600,\n sincronizado: true,\n },\n {\n id: 2,\n descricao: \"Disposição com Veículo\",\n data_inicio: \"02/06/2024 15:00\",\n data_fim: \"02/06/2024 17:00\",\n duracao_segundos: 7200,\n sincronizado: true,\n },\n {\n id: 3,\n descricao: \"Operação com Veículo\",\n data_inicio: \"02/06/2024 13:00\",\n data_fim: \"02/06/2024 15:00\",\n duracao_segundos: 7200,\n sincronizado: true,\n },\n];\n\nconst meta: Meta<typeof ActivityTimeline> = {\n title: \"componente/ActivityTimeline\",\n component: ActivityTimeline,\n args: {\n data: sampleData as any,\n showIndexBadge: true,\n onAdd: (item: IDataActivityProps) => console.log(\"onAdd\", item),\n onEdit: (item: IDataActivityProps) => console.log(\"onEdit\", item),\n onDelete: (item: IDataActivityProps) => console.log(\"onDelete\", item),\n },\n parameters: {\n notes: `\n# ActivityTimeline\n\nLista de atividades com ações de adicionar, editar e excluir.\n\nExemplo de uso:\n\n\\`\\`\\`tsx\n<ActivityTimeline\n data={data}\n showIndexBadge\n onAdd={(item) => console.log('onAdd', item)}\n onEdit={(item) => console.log('onEdit', item)}\n onDelete={(item) => console.log('onDelete', item)}\n/>\n\\`\\`\\`\n `,\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Padrao: Story = {\n name: \"activity-timeline-padrao\",\n args: {\n data: sampleData,\n showIndexBadge: true,\n },\n};\n\nexport const SemBadge: Story = {\n name: \"activity-timeline-sem-badge\",\n args: {\n data: sampleData,\n showIndexBadge: false,\n },\n};\n\nexport const ListaVazia: Story = {\n name: \"activity-timeline-lista-vazia\",\n args: {\n data: [],\n },\n};\n"],"mappings":";;;;;;AAEA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAkE,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAFlE;;AAMA,MAAMG,UAAU,GAAG,CACjB;EACEC,EAAE,EAAE,CAAC;EACLC,SAAS,EAAE,iBAAiB;EAC5BC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE,KAAK;EACvBC,YAAY,EAAE;AAChB,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLC,SAAS,EAAE,wBAAwB;EACnCC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE,IAAI;EACtBC,YAAY,EAAE;AAChB,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLC,SAAS,EAAE,sBAAsB;EACjCC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE,IAAI;EACtBC,YAAY,EAAE;AAChB,CAAC,CACF;AAED,MAAMC,IAAmC,GAAG;EAC1CC,KAAK,EAAE,6BAA6B;EACpCC,SAAS,EAAEC,yBAAgB;EAC3BC,IAAI,EAAE;IACJC,IAAI,EAAEZ,UAAiB;IACvBa,cAAc,EAAE,IAAI;IACpBC,KAAK,EAAGC,IAAwB,IAAKC,OAAO,CAACC,GAAG,CAAC,OAAO,EAAEF,IAAI,CAAC;IAC/DG,MAAM,EAAGH,IAAwB,IAAKC,OAAO,CAACC,GAAG,CAAC,QAAQ,EAAEF,IAAI,CAAC;IACjEI,QAAQ,EAAGJ,IAAwB,IAAKC,OAAO,CAACC,GAAG,CAAC,UAAU,EAAEF,IAAI;EACtE,CAAC;EACDK,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GAEaQ,IAAI;AAIZ,MAAMiB,MAAa,GAAAD,OAAA,CAAAC,MAAA,GAAG;EAC3BC,IAAI,EAAE,0BAA0B;EAChCd,IAAI,EAAE;IACJC,IAAI,EAAEZ,UAAU;IAChBa,cAAc,EAAE;EAClB;AACF,CAAC;AAEM,MAAMa,QAAe,GAAAH,OAAA,CAAAG,QAAA,GAAG;EAC7BD,IAAI,EAAE,6BAA6B;EACnCd,IAAI,EAAE;IACJC,IAAI,EAAEZ,UAAU;IAChBa,cAAc,EAAE;EAClB;AACF,CAAC;AAEM,MAAMc,UAAiB,GAAAJ,OAAA,CAAAI,UAAA,GAAG;EAC/BF,IAAI,EAAE,+BAA+B;EACrCd,IAAI,EAAE;IACJC,IAAI,EAAE;EACR;AACF,CAAC","ignoreList":[]}
|
|
@@ -37,7 +37,7 @@ const ActivityRows = /*#__PURE__*/forwardRef(({
|
|
|
37
37
|
const handleEdit = useCallback(() => onEdit(activities), [onEdit, activities]);
|
|
38
38
|
const handleDelete = useCallback(() => onDelete(activities), [onDelete, activities]);
|
|
39
39
|
const isInvalid = formHoursMinute(activities === null || activities === void 0 ? void 0 : activities.duracao_segundos) === "00:00";
|
|
40
|
-
const dateStart = activities.data_inicio;
|
|
40
|
+
const dateStart = activities.data_inicio.split(" ")[0];
|
|
41
41
|
const timeText = formHoursMinute(activities === null || activities === void 0 ? void 0 : activities.duracao_segundos);
|
|
42
42
|
return /*#__PURE__*/React.createElement(View, {
|
|
43
43
|
ref: ref,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","TouchableOpacity","View","Typography","Icons","formHoursMinute","asBaseComponent","theme","styles","ActivityRows","index","activities","items","onAdd","onEdit","onDelete","ref","_activities$descricao","handleAdd","handleEdit","handleDelete","isInvalid","duracao_segundos","dateStart","data_inicio","timeText","createElement","style","row","badge","text","String","color","colors","neutral","size","fontSizes","sm","fontFamily","fonts","inter_bold_700","Boolean","length","width","height","backgroundColor","blue","position","left","top","card","numberOfLines","title","descricao","red","inter_medium_500","lineHeight","pill","pillInvalid","pillOk","icon","xs","sep","actions","iconButton","onPress","testID","green","displayName"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React, { forwardRef, useCallback } from \"react\";\nimport { TouchableOpacity, View } from \"react-native\";\n\n// components\nimport { Typography } from \"../../../../components/typography\";\n\n// commons / svg\nimport { Icons } from \"../../../../common/icons-svg\";\n\n// utils\nimport { formHoursMinute } from \"../../../../utils/format-data\";\n\n// typings\nimport type { IActivitieRowProps } from \"../../interface\";\nimport { asBaseComponent } from \"../../../../@types/as-base-component\";\n\n// styles\nimport { theme } from \"../../../../styles/theme/theme\";\nimport { styles } from \"../../styles\";\n\n/**\n * Componente ActivityRows para a interação da ui.\n */\nconst ActivityRows = forwardRef<any, IActivitieRowProps>(\n ({ index, activities, items, onAdd, onEdit, onDelete }, ref): React.ReactElement => {\n const handleAdd = useCallback(() => onAdd(activities), [onAdd, activities]);\n const handleEdit = useCallback(() => onEdit(activities), [onEdit, activities]);\n const handleDelete = useCallback(() => onDelete(activities), [onDelete, activities]);\n\n const isInvalid = formHoursMinute(activities?.duracao_segundos as string) === \"00:00\";\n\n const dateStart = activities.data_inicio;\n\n const timeText = formHoursMinute(activities?.duracao_segundos as string);\n\n return (\n <View ref={ref} style={styles.row}>\n <View style={styles.badge}>\n <Typography\n text={String(index + 1)}\n color={theme.colors.neutral[25]}\n size={theme.fontSizes.sm}\n fontFamily={theme.fonts.inter_bold_700}\n />\n </View>\n\n {Boolean(index !== items?.length - 1) && (\n <View\n style={{\n width: 2,\n height: 76,\n backgroundColor: theme.colors.blue[500],\n position: \"absolute\",\n left: 21,\n top: 60,\n }}\n />\n )}\n\n <View style={styles.card}>\n <Typography\n numberOfLines={1}\n style={styles.title}\n text={activities.descricao ?? \"Não informada\"}\n color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}\n size={14}\n fontFamily={theme.fonts.inter_medium_500}\n lineHeight={34}\n />\n\n <View style={[styles.pill, isInvalid ? styles.pillInvalid : styles.pillOk]}>\n <Icons\n icon=\"CALENDAR\"\n size={18}\n color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}\n />\n <Typography\n text={dateStart}\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}\n size={theme.fontSizes.xs}\n fontFamily={theme.fonts.inter_medium_500}\n />\n <Typography\n text=\"|\"\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}\n size={theme.fontSizes.sm}\n style={styles.sep}\n />\n <Typography\n text={timeText}\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[500]}\n size={theme.fontSizes.xs}\n fontFamily={theme.fonts.inter_medium_500}\n />\n </View>\n </View>\n\n <View style={styles.actions}>\n <TouchableOpacity style={styles.iconButton} onPress={handleEdit} testID=\"edit-activity\">\n <Icons icon=\"NOTE_PINCEL\" size={18} color={theme.colors.blue[350]} />\n </TouchableOpacity>\n\n <TouchableOpacity\n style={styles.iconButton}\n onPress={handleAdd}\n testID=\"add-after-activity\"\n >\n {/* Não há PLUS_CONTAINER, usando PLUS como alternativa visual */}\n <Icons icon=\"CARRIER\" size={18} color={theme.colors.green[500]} />\n </TouchableOpacity>\n\n <TouchableOpacity\n style={styles.iconButton}\n onPress={handleDelete}\n testID=\"delete-activity\"\n >\n {/* Não há TRASH, usando X_CIRCLE como alternativa de remover */}\n <Icons icon=\"X_CIRCLE\" size={18} color={theme.colors.red[900]} />\n </TouchableOpacity>\n </View>\n </View>\n );\n }\n);\n\nActivityRows.displayName = \"ActivityRows\";\n\n/**\n * EXPORTS\n */\nexport default asBaseComponent(ActivityRows);\n"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACtD,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;;AAErD;AACA,SAASC,UAAU,QAAQ,mCAAmC;;AAE9D;AACA,SAASC,KAAK,QAAQ,8BAA8B;;AAEpD;AACA,SAASC,eAAe,QAAQ,+BAA+B;;AAE/D;;AAEA,SAASC,eAAe,QAAQ,sCAAsC;;AAEtE;AACA,SAASC,KAAK,QAAQ,gCAAgC;AACtD,SAASC,MAAM,QAAQ,cAAc;;AAErC;AACA;AACA;AACA,MAAMC,YAAY,gBAAGV,UAAU,CAC7B,CAAC;EAAEW,KAAK;EAAEC,UAAU;EAAEC,KAAK;EAAEC,KAAK;EAAEC,MAAM;EAAEC;AAAS,CAAC,EAAEC,GAAG,KAAyB;EAAA,IAAAC,qBAAA;EAClF,MAAMC,SAAS,GAAGlB,WAAW,CAAC,MAAMa,KAAK,CAACF,UAAU,CAAC,EAAE,CAACE,KAAK,EAAEF,UAAU,CAAC,CAAC;EAC3E,MAAMQ,UAAU,GAAGnB,WAAW,CAAC,MAAMc,MAAM,CAACH,UAAU,CAAC,EAAE,CAACG,MAAM,EAAEH,UAAU,CAAC,CAAC;EAC9E,MAAMS,YAAY,GAAGpB,WAAW,CAAC,MAAMe,QAAQ,CAACJ,UAAU,CAAC,EAAE,CAACI,QAAQ,EAAEJ,UAAU,CAAC,CAAC;EAEpF,MAAMU,SAAS,GAAGhB,eAAe,CAACM,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEW,gBAA0B,CAAC,KAAK,OAAO;EAErF,MAAMC,SAAS,GAAGZ,UAAU,CAACa,WAAW;
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","TouchableOpacity","View","Typography","Icons","formHoursMinute","asBaseComponent","theme","styles","ActivityRows","index","activities","items","onAdd","onEdit","onDelete","ref","_activities$descricao","handleAdd","handleEdit","handleDelete","isInvalid","duracao_segundos","dateStart","data_inicio","split","timeText","createElement","style","row","badge","text","String","color","colors","neutral","size","fontSizes","sm","fontFamily","fonts","inter_bold_700","Boolean","length","width","height","backgroundColor","blue","position","left","top","card","numberOfLines","title","descricao","red","inter_medium_500","lineHeight","pill","pillInvalid","pillOk","icon","xs","sep","actions","iconButton","onPress","testID","green","displayName"],"sources":["index.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React, { forwardRef, useCallback } from \"react\";\nimport { TouchableOpacity, View } from \"react-native\";\n\n// components\nimport { Typography } from \"../../../../components/typography\";\n\n// commons / svg\nimport { Icons } from \"../../../../common/icons-svg\";\n\n// utils\nimport { formHoursMinute } from \"../../../../utils/format-data\";\n\n// typings\nimport type { IActivitieRowProps } from \"../../interface\";\nimport { asBaseComponent } from \"../../../../@types/as-base-component\";\n\n// styles\nimport { theme } from \"../../../../styles/theme/theme\";\nimport { styles } from \"../../styles\";\n\n/**\n * Componente ActivityRows para a interação da ui.\n */\nconst ActivityRows = forwardRef<any, IActivitieRowProps>(\n ({ index, activities, items, onAdd, onEdit, onDelete }, ref): React.ReactElement => {\n const handleAdd = useCallback(() => onAdd(activities), [onAdd, activities]);\n const handleEdit = useCallback(() => onEdit(activities), [onEdit, activities]);\n const handleDelete = useCallback(() => onDelete(activities), [onDelete, activities]);\n\n const isInvalid = formHoursMinute(activities?.duracao_segundos as string) === \"00:00\";\n\n const dateStart = activities.data_inicio.split(\" \")[0];\n\n const timeText = formHoursMinute(activities?.duracao_segundos as string);\n\n return (\n <View ref={ref} style={styles.row}>\n <View style={styles.badge}>\n <Typography\n text={String(index + 1)}\n color={theme.colors.neutral[25]}\n size={theme.fontSizes.sm}\n fontFamily={theme.fonts.inter_bold_700}\n />\n </View>\n\n {Boolean(index !== items?.length - 1) && (\n <View\n style={{\n width: 2,\n height: 76,\n backgroundColor: theme.colors.blue[500],\n position: \"absolute\",\n left: 21,\n top: 60,\n }}\n />\n )}\n\n <View style={styles.card}>\n <Typography\n numberOfLines={1}\n style={styles.title}\n text={activities.descricao ?? \"Não informada\"}\n color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}\n size={14}\n fontFamily={theme.fonts.inter_medium_500}\n lineHeight={34}\n />\n\n <View style={[styles.pill, isInvalid ? styles.pillInvalid : styles.pillOk]}>\n <Icons\n icon=\"CALENDAR\"\n size={18}\n color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}\n />\n <Typography\n text={dateStart!}\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}\n size={theme.fontSizes.xs}\n fontFamily={theme.fonts.inter_medium_500}\n />\n <Typography\n text=\"|\"\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}\n size={theme.fontSizes.sm}\n style={styles.sep}\n />\n <Typography\n text={timeText}\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[500]}\n size={theme.fontSizes.xs}\n fontFamily={theme.fonts.inter_medium_500}\n />\n </View>\n </View>\n\n <View style={styles.actions}>\n <TouchableOpacity style={styles.iconButton} onPress={handleEdit} testID=\"edit-activity\">\n <Icons icon=\"NOTE_PINCEL\" size={18} color={theme.colors.blue[350]} />\n </TouchableOpacity>\n\n <TouchableOpacity\n style={styles.iconButton}\n onPress={handleAdd}\n testID=\"add-after-activity\"\n >\n {/* Não há PLUS_CONTAINER, usando PLUS como alternativa visual */}\n <Icons icon=\"CARRIER\" size={18} color={theme.colors.green[500]} />\n </TouchableOpacity>\n\n <TouchableOpacity\n style={styles.iconButton}\n onPress={handleDelete}\n testID=\"delete-activity\"\n >\n {/* Não há TRASH, usando X_CIRCLE como alternativa de remover */}\n <Icons icon=\"X_CIRCLE\" size={18} color={theme.colors.red[900]} />\n </TouchableOpacity>\n </View>\n </View>\n );\n }\n);\n\nActivityRows.displayName = \"ActivityRows\";\n\n/**\n * EXPORTS\n */\nexport default asBaseComponent(ActivityRows);\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -2,35 +2,26 @@
|
|
|
2
2
|
|
|
3
3
|
import ActivityTimeline from "../../components/activity-timeline";
|
|
4
4
|
const sampleData = [{
|
|
5
|
-
id:
|
|
6
|
-
ec_tipo_atividade_id: 1,
|
|
7
|
-
descricao: "Descanso",
|
|
8
|
-
data_inicio: "07/03/2024 16:52",
|
|
9
|
-
data_fim: "07/03/2024 17:52",
|
|
10
|
-
duracao_segundos: "3600",
|
|
11
|
-
sincronizado: true,
|
|
12
|
-
tipo: "descanso",
|
|
13
|
-
referencia: "descanso"
|
|
14
|
-
}, {
|
|
15
|
-
id: "2",
|
|
16
|
-
ec_tipo_atividade_id: 2,
|
|
5
|
+
id: 1,
|
|
17
6
|
descricao: "Repouso Noturno",
|
|
18
|
-
data_inicio: "
|
|
19
|
-
data_fim: "
|
|
20
|
-
duracao_segundos:
|
|
21
|
-
sincronizado: true
|
|
22
|
-
|
|
23
|
-
|
|
7
|
+
data_inicio: "02/06/2024 17:00",
|
|
8
|
+
data_fim: "02/06/2024 17:00",
|
|
9
|
+
duracao_segundos: 21600,
|
|
10
|
+
sincronizado: true
|
|
11
|
+
}, {
|
|
12
|
+
id: 2,
|
|
13
|
+
descricao: "Disposição com Veículo",
|
|
14
|
+
data_inicio: "02/06/2024 15:00",
|
|
15
|
+
data_fim: "02/06/2024 17:00",
|
|
16
|
+
duracao_segundos: 7200,
|
|
17
|
+
sincronizado: true
|
|
24
18
|
}, {
|
|
25
|
-
id:
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
sincronizado: true,
|
|
32
|
-
tipo: "trabalho",
|
|
33
|
-
referencia: "em_descarga"
|
|
19
|
+
id: 3,
|
|
20
|
+
descricao: "Operação com Veículo",
|
|
21
|
+
data_inicio: "02/06/2024 13:00",
|
|
22
|
+
data_fim: "02/06/2024 15:00",
|
|
23
|
+
duracao_segundos: 7200,
|
|
24
|
+
sincronizado: true
|
|
34
25
|
}];
|
|
35
26
|
const meta = {
|
|
36
27
|
title: "componente/ActivityTimeline",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ActivityTimeline","sampleData","id","
|
|
1
|
+
{"version":3,"names":["ActivityTimeline","sampleData","id","descricao","data_inicio","data_fim","duracao_segundos","sincronizado","meta","title","component","args","data","showIndexBadge","onAdd","item","console","log","onEdit","onDelete","parameters","notes","Padrao","name","SemBadge","ListaVazia"],"sources":["activity-timeline.stories.tsx"],"sourcesContent":["/* eslint-disable no-undef */\nimport type { Meta, StoryObj } from \"@storybook/react\";\nimport ActivityTimeline from \"../../components/activity-timeline\";\n\nimport type { IDataActivityProps } from \"../../components/activity-timeline/interface\";\n\nconst sampleData = [\n {\n id: 1,\n descricao: \"Repouso Noturno\",\n data_inicio: \"02/06/2024 17:00\",\n data_fim: \"02/06/2024 17:00\",\n duracao_segundos: 21600,\n sincronizado: true,\n },\n {\n id: 2,\n descricao: \"Disposição com Veículo\",\n data_inicio: \"02/06/2024 15:00\",\n data_fim: \"02/06/2024 17:00\",\n duracao_segundos: 7200,\n sincronizado: true,\n },\n {\n id: 3,\n descricao: \"Operação com Veículo\",\n data_inicio: \"02/06/2024 13:00\",\n data_fim: \"02/06/2024 15:00\",\n duracao_segundos: 7200,\n sincronizado: true,\n },\n];\n\nconst meta: Meta<typeof ActivityTimeline> = {\n title: \"componente/ActivityTimeline\",\n component: ActivityTimeline,\n args: {\n data: sampleData as any,\n showIndexBadge: true,\n onAdd: (item: IDataActivityProps) => console.log(\"onAdd\", item),\n onEdit: (item: IDataActivityProps) => console.log(\"onEdit\", item),\n onDelete: (item: IDataActivityProps) => console.log(\"onDelete\", item),\n },\n parameters: {\n notes: `\n# ActivityTimeline\n\nLista de atividades com ações de adicionar, editar e excluir.\n\nExemplo de uso:\n\n\\`\\`\\`tsx\n<ActivityTimeline\n data={data}\n showIndexBadge\n onAdd={(item) => console.log('onAdd', item)}\n onEdit={(item) => console.log('onEdit', item)}\n onDelete={(item) => console.log('onDelete', item)}\n/>\n\\`\\`\\`\n `,\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Padrao: Story = {\n name: \"activity-timeline-padrao\",\n args: {\n data: sampleData,\n showIndexBadge: true,\n },\n};\n\nexport const SemBadge: Story = {\n name: \"activity-timeline-sem-badge\",\n args: {\n data: sampleData,\n showIndexBadge: false,\n },\n};\n\nexport const ListaVazia: Story = {\n name: \"activity-timeline-lista-vazia\",\n args: {\n data: [],\n },\n};\n"],"mappings":"AAAA;;AAEA,OAAOA,gBAAgB,MAAM,oCAAoC;AAIjE,MAAMC,UAAU,GAAG,CACjB;EACEC,EAAE,EAAE,CAAC;EACLC,SAAS,EAAE,iBAAiB;EAC5BC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE,KAAK;EACvBC,YAAY,EAAE;AAChB,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLC,SAAS,EAAE,wBAAwB;EACnCC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE,IAAI;EACtBC,YAAY,EAAE;AAChB,CAAC,EACD;EACEL,EAAE,EAAE,CAAC;EACLC,SAAS,EAAE,sBAAsB;EACjCC,WAAW,EAAE,kBAAkB;EAC/BC,QAAQ,EAAE,kBAAkB;EAC5BC,gBAAgB,EAAE,IAAI;EACtBC,YAAY,EAAE;AAChB,CAAC,CACF;AAED,MAAMC,IAAmC,GAAG;EAC1CC,KAAK,EAAE,6BAA6B;EACpCC,SAAS,EAAEV,gBAAgB;EAC3BW,IAAI,EAAE;IACJC,IAAI,EAAEX,UAAiB;IACvBY,cAAc,EAAE,IAAI;IACpBC,KAAK,EAAGC,IAAwB,IAAKC,OAAO,CAACC,GAAG,CAAC,OAAO,EAAEF,IAAI,CAAC;IAC/DG,MAAM,EAAGH,IAAwB,IAAKC,OAAO,CAACC,GAAG,CAAC,QAAQ,EAAEF,IAAI,CAAC;IACjEI,QAAQ,EAAGJ,IAAwB,IAAKC,OAAO,CAACC,GAAG,CAAC,UAAU,EAAEF,IAAI;EACtE,CAAC;EACDK,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAeb,IAAI;AAInB,OAAO,MAAMc,MAAa,GAAG;EAC3BC,IAAI,EAAE,0BAA0B;EAChCZ,IAAI,EAAE;IACJC,IAAI,EAAEX,UAAU;IAChBY,cAAc,EAAE;EAClB;AACF,CAAC;AAED,OAAO,MAAMW,QAAe,GAAG;EAC7BD,IAAI,EAAE,6BAA6B;EACnCZ,IAAI,EAAE;IACJC,IAAI,EAAEX,UAAU;IAChBY,cAAc,EAAE;EAClB;AACF,CAAC;AAED,OAAO,MAAMY,UAAiB,GAAG;EAC/BF,IAAI,EAAE,+BAA+B;EACrCZ,IAAI,EAAE;IACJC,IAAI,EAAE;EACR;AACF,CAAC","ignoreList":[]}
|
package/package.json
CHANGED
|
@@ -32,7 +32,7 @@ const ActivityRows = forwardRef<any, IActivitieRowProps>(
|
|
|
32
32
|
|
|
33
33
|
const isInvalid = formHoursMinute(activities?.duracao_segundos as string) === "00:00";
|
|
34
34
|
|
|
35
|
-
const dateStart = activities.data_inicio;
|
|
35
|
+
const dateStart = activities.data_inicio.split(" ")[0];
|
|
36
36
|
|
|
37
37
|
const timeText = formHoursMinute(activities?.duracao_segundos as string);
|
|
38
38
|
|
|
@@ -78,7 +78,7 @@ const ActivityRows = forwardRef<any, IActivitieRowProps>(
|
|
|
78
78
|
color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}
|
|
79
79
|
/>
|
|
80
80
|
<Typography
|
|
81
|
-
text={dateStart}
|
|
81
|
+
text={dateStart!}
|
|
82
82
|
color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}
|
|
83
83
|
size={theme.fontSizes.xs}
|
|
84
84
|
fontFamily={theme.fonts.inter_medium_500}
|
|
@@ -6,37 +6,28 @@ import type { IDataActivityProps } from "../../components/activity-timeline/inte
|
|
|
6
6
|
|
|
7
7
|
const sampleData = [
|
|
8
8
|
{
|
|
9
|
-
id:
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
duracao_segundos: "3600",
|
|
9
|
+
id: 1,
|
|
10
|
+
descricao: "Repouso Noturno",
|
|
11
|
+
data_inicio: "02/06/2024 17:00",
|
|
12
|
+
data_fim: "02/06/2024 17:00",
|
|
13
|
+
duracao_segundos: 21600,
|
|
15
14
|
sincronizado: true,
|
|
16
|
-
tipo: "descanso",
|
|
17
|
-
referencia: "descanso",
|
|
18
15
|
},
|
|
19
16
|
{
|
|
20
|
-
id:
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
duracao_segundos: "3600",
|
|
17
|
+
id: 2,
|
|
18
|
+
descricao: "Disposição com Veículo",
|
|
19
|
+
data_inicio: "02/06/2024 15:00",
|
|
20
|
+
data_fim: "02/06/2024 17:00",
|
|
21
|
+
duracao_segundos: 7200,
|
|
26
22
|
sincronizado: true,
|
|
27
|
-
tipo: "descanso",
|
|
28
|
-
referencia: "repouso_noturno",
|
|
29
23
|
},
|
|
30
24
|
{
|
|
31
|
-
id:
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
duracao_segundos: "7230",
|
|
25
|
+
id: 3,
|
|
26
|
+
descricao: "Operação com Veículo",
|
|
27
|
+
data_inicio: "02/06/2024 13:00",
|
|
28
|
+
data_fim: "02/06/2024 15:00",
|
|
29
|
+
duracao_segundos: 7200,
|
|
37
30
|
sincronizado: true,
|
|
38
|
-
tipo: "trabalho",
|
|
39
|
-
referencia: "em_descarga",
|
|
40
31
|
},
|
|
41
32
|
];
|
|
42
33
|
|
|
@@ -44,7 +35,7 @@ const meta: Meta<typeof ActivityTimeline> = {
|
|
|
44
35
|
title: "componente/ActivityTimeline",
|
|
45
36
|
component: ActivityTimeline,
|
|
46
37
|
args: {
|
|
47
|
-
data: sampleData,
|
|
38
|
+
data: sampleData as any,
|
|
48
39
|
showIndexBadge: true,
|
|
49
40
|
onAdd: (item: IDataActivityProps) => console.log("onAdd", item),
|
|
50
41
|
onEdit: (item: IDataActivityProps) => console.log("onEdit", item),
|