react-native-exp-fig 0.1.18 → 0.1.20
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/common/icons-svg/index.js +2 -1
- package/lib/commonjs/common/icons-svg/index.js.map +1 -1
- package/lib/commonjs/components/activities-daily/index.js +6 -5
- package/lib/commonjs/components/activities-daily/index.js.map +1 -1
- package/lib/commonjs/components/activities-progress/index.js +5 -4
- package/lib/commonjs/components/activities-progress/index.js.map +1 -1
- package/lib/commonjs/components/activities-progress/interface.d.js.map +1 -1
- package/lib/commonjs/components/loading-details/index.js +13 -11
- package/lib/commonjs/components/loading-details/index.js.map +1 -1
- package/lib/commonjs/components/loading-details/interface.d.js.map +1 -1
- package/lib/commonjs/components/notification-loading/index.js +5 -6
- package/lib/commonjs/components/notification-loading/index.js.map +1 -1
- package/lib/commonjs/components/step-indicator/index.js +9 -9
- package/lib/commonjs/components/step-indicator/index.js.map +1 -1
- package/lib/commonjs/components/step-indicator/interface.d.js.map +1 -1
- package/lib/commonjs/components/step-indicator/styles.js +6 -6
- package/lib/commonjs/components/step-indicator/styles.js.map +1 -1
- package/lib/commonjs/stories/activities-progress/activities-progress.stories.js +4 -4
- package/lib/commonjs/stories/activities-progress/activities-progress.stories.js.map +1 -1
- package/lib/commonjs/stories/loading-details/loading-details.stories.js +14 -2
- package/lib/commonjs/stories/loading-details/loading-details.stories.js.map +1 -1
- package/lib/commonjs/stories/step-indicator/step-indicator.stories.js +34 -7
- package/lib/commonjs/stories/step-indicator/step-indicator.stories.js.map +1 -1
- package/lib/commonjs/styles/theme/theme.js +5 -4
- package/lib/commonjs/styles/theme/theme.js.map +1 -1
- package/lib/commonjs/utils/get-icon-by-property/index.js +4 -2
- package/lib/commonjs/utils/get-icon-by-property/index.js.map +1 -1
- package/lib/module/common/icons-svg/index.js +2 -1
- package/lib/module/common/icons-svg/index.js.map +1 -1
- package/lib/module/components/activities-daily/index.js +6 -5
- package/lib/module/components/activities-daily/index.js.map +1 -1
- package/lib/module/components/activities-progress/index.js +5 -4
- package/lib/module/components/activities-progress/index.js.map +1 -1
- package/lib/module/components/activities-progress/interface.d.js.map +1 -1
- package/lib/module/components/loading-details/index.js +13 -11
- package/lib/module/components/loading-details/index.js.map +1 -1
- package/lib/module/components/loading-details/interface.d.js.map +1 -1
- package/lib/module/components/notification-loading/index.js +5 -6
- package/lib/module/components/notification-loading/index.js.map +1 -1
- package/lib/module/components/step-indicator/index.js +9 -9
- package/lib/module/components/step-indicator/index.js.map +1 -1
- package/lib/module/components/step-indicator/interface.d.js.map +1 -1
- package/lib/module/components/step-indicator/styles.js +6 -6
- package/lib/module/components/step-indicator/styles.js.map +1 -1
- package/lib/module/stories/activities-progress/activities-progress.stories.js +4 -4
- package/lib/module/stories/activities-progress/activities-progress.stories.js.map +1 -1
- package/lib/module/stories/loading-details/loading-details.stories.js +13 -1
- package/lib/module/stories/loading-details/loading-details.stories.js.map +1 -1
- package/lib/module/stories/step-indicator/step-indicator.stories.js +33 -6
- package/lib/module/stories/step-indicator/step-indicator.stories.js.map +1 -1
- package/lib/module/styles/theme/theme.js +5 -4
- package/lib/module/styles/theme/theme.js.map +1 -1
- package/lib/module/utils/get-icon-by-property/index.js +4 -2
- package/lib/module/utils/get-icon-by-property/index.js.map +1 -1
- package/lib/typescript/src/stories/loading-details/loading-details.stories.d.ts +1 -0
- package/lib/typescript/src/stories/step-indicator/step-indicator.stories.d.ts +1 -0
- package/lib/typescript/src/styles/global/theme-provider.d.ts +1 -0
- package/lib/typescript/src/styles/theme/theme.d.ts +1 -0
- package/package.json +1 -1
- package/src/common/icons-svg/index.tsx +1 -1
- package/src/components/activities-daily/index.tsx +116 -116
- package/src/components/activities-progress/index.tsx +5 -4
- package/src/components/activities-progress/interface.d.ts +2 -2
- package/src/components/loading-details/index.tsx +156 -154
- package/src/components/loading-details/interface.d.ts +31 -28
- package/src/components/notification-loading/index.tsx +157 -162
- package/src/components/step-indicator/index.tsx +166 -164
- package/src/components/step-indicator/interface.d.ts +35 -34
- package/src/components/step-indicator/styles.ts +68 -68
- package/src/stories/activities-progress/activities-progress.stories.tsx +4 -4
- package/src/stories/loading-details/loading-details.stories.tsx +60 -48
- package/src/stories/step-indicator/step-indicator.stories.tsx +154 -124
- package/src/styles/theme/theme.ts +172 -171
- package/src/utils/get-icon-by-property/index.tsx +2 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\ntype IData = {\n id: number;\n duracao_segundos: string | number;\n data_inicio: string;\n data_fim: string;\n descricao: string;\n};\ninterface IStepIndicator {\n /**dados que vão ser renderizados */\n data?: IData[];\n\n /**tupo de renderização padrão ou customizada */\n type?: \"default\" | \"custom\";\
|
|
1
|
+
{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\ntype IData = {\r\n id: number;\r\n duracao_segundos: string | number;\r\n data_inicio: string;\r\n data_fim: string;\r\n descricao: string;\r\n sincronizado;\r\n};\r\ninterface IStepIndicator {\r\n /**dados que vão ser renderizados */\r\n data?: IData[];\r\n\r\n /**tupo de renderização padrão ou customizada */\r\n type?: \"default\" | \"custom\";\r\n\r\n /**cor do texto */\r\n titleColor?: string;\r\n\r\n /**cor do numero do step indicator */\r\n titleNumberColor?: string;\r\n\r\n /**cor do texto da descrição */\r\n textColorDescription?: string;\r\n\r\n /**verifica se foi sincronizado com back end */\r\n sincronizado?: boolean;\r\n}\r\n/**\r\n * EXPORTS\r\n */\r\nexport { type IStepIndicator };\r\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* IMPORTS
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
import { StyleSheet } from "react-native";
|
|
@@ -9,7 +9,7 @@ import { StyleSheet } from "react-native";
|
|
|
9
9
|
// styles
|
|
10
10
|
import { theme } from "../../styles/theme/theme";
|
|
11
11
|
const styles = props => {
|
|
12
|
-
var _props$
|
|
12
|
+
var _props$titleColor, _props$titleNumberCol, _props$textColorDescr;
|
|
13
13
|
return StyleSheet.create({
|
|
14
14
|
containerIndicator: {
|
|
15
15
|
width: "100%",
|
|
@@ -21,7 +21,7 @@ const styles = props => {
|
|
|
21
21
|
containerBall: {
|
|
22
22
|
width: 32,
|
|
23
23
|
height: 32,
|
|
24
|
-
backgroundColor:
|
|
24
|
+
backgroundColor: props.sincronizado ? theme.colors.blue[500] : theme.colors.orange[150],
|
|
25
25
|
flexDirection: "row",
|
|
26
26
|
alignItems: "center",
|
|
27
27
|
justifyContent: "center",
|
|
@@ -62,8 +62,8 @@ const styles = props => {
|
|
|
62
62
|
});
|
|
63
63
|
};
|
|
64
64
|
|
|
65
|
-
/**
|
|
66
|
-
* EXPORTS
|
|
65
|
+
/**
|
|
66
|
+
* EXPORTS
|
|
67
67
|
*/
|
|
68
68
|
export { styles };
|
|
69
69
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","theme","styles","props","_props$
|
|
1
|
+
{"version":3,"names":["StyleSheet","theme","styles","props","_props$titleColor","_props$titleNumberCol","_props$textColorDescr","create","containerIndicator","width","height","flexDirection","justifyContent","containerBall","backgroundColor","sincronizado","colors","blue","orange","alignItems","borderRadius","title","color","titleColor","textAlign","lineHeight","fontSize","fontSizes","fontWeight","marginLeft","titleNumber","titleNumberColor","neutral","fontFamily","fonts","inter_regular_400","position","titleDescription","textColorDescription","gray","containerMain"],"sources":["styles.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nimport { StyleSheet } from \"react-native\";\r\n\r\n// typings\r\nimport { IStepIndicator } from \"./interface\";\r\n\r\n// styles\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\nconst styles = (props: IStepIndicator) =>\r\n StyleSheet.create({\r\n containerIndicator: {\r\n width: \"100%\",\r\n height: 86,\r\n flexDirection: \"row\",\r\n justifyContent: \"flex-start\",\r\n // backgroundColor: theme.colors.gray[300],\r\n },\r\n containerBall: {\r\n width: 32,\r\n height: 32,\r\n backgroundColor: props.sincronizado ? theme.colors.blue[500] : theme.colors.orange[150],\r\n flexDirection: \"row\",\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n borderRadius: 16,\r\n },\r\n title: {\r\n color: props.titleColor ?? \"black\",\r\n textAlign: \"center\",\r\n lineHeight: 20,\r\n fontSize: theme.fontSizes[\"sm\"],\r\n fontWeight: \"500\",\r\n marginLeft: 8,\r\n },\r\n titleNumber: {\r\n color: props.titleNumberColor ?? theme.colors.neutral[25],\r\n textAlign: \"center\",\r\n lineHeight: 16,\r\n fontFamily: theme.fonts.inter_regular_400,\r\n fontSize: theme.fontSizes[\"xs\"],\r\n position: \"absolute\",\r\n },\r\n titleDescription: {\r\n color: props.textColorDescription ?? theme.colors.gray[700],\r\n textAlign: \"center\",\r\n lineHeight: 16,\r\n fontSize: theme.fontSizes[\"xs\"],\r\n fontFamily: theme.fonts.inter_regular_400,\r\n fontWeight: \"400\",\r\n marginLeft: 8,\r\n },\r\n containerMain: {\r\n width: \"100%\",\r\n height: 56,\r\n flexDirection: \"column\",\r\n alignItems: \"flex-start\",\r\n marginLeft: 2,\r\n },\r\n });\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { styles };\r\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;;AAEzC;;AAGA;AACA,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,MAAMC,MAAM,GAAIC,KAAqB;EAAA,IAAAC,iBAAA,EAAAC,qBAAA,EAAAC,qBAAA;EAAA,OACnCN,UAAU,CAACO,MAAM,CAAC;IAChBC,kBAAkB,EAAE;MAClBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE;MAChB;IACF,CAAC;IACDC,aAAa,EAAE;MACbJ,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVI,eAAe,EAAEX,KAAK,CAACY,YAAY,GAAGd,KAAK,CAACe,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC,GAAGhB,KAAK,CAACe,MAAM,CAACE,MAAM,CAAC,GAAG,CAAC;MACvFP,aAAa,EAAE,KAAK;MACpBQ,UAAU,EAAE,QAAQ;MACpBP,cAAc,EAAE,QAAQ;MACxBQ,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,GAAAlB,iBAAA,GAAED,KAAK,CAACoB,UAAU,cAAAnB,iBAAA,cAAAA,iBAAA,GAAI,OAAO;MAClCoB,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAAC;MAC/BC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd,CAAC;IACDC,WAAW,EAAE;MACXR,KAAK,GAAAjB,qBAAA,GAAEF,KAAK,CAAC4B,gBAAgB,cAAA1B,qBAAA,cAAAA,qBAAA,GAAIJ,KAAK,CAACe,MAAM,CAACgB,OAAO,CAAC,EAAE,CAAC;MACzDR,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdQ,UAAU,EAAEhC,KAAK,CAACiC,KAAK,CAACC,iBAAiB;MACzCT,QAAQ,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAAC;MAC/BS,QAAQ,EAAE;IACZ,CAAC;IACDC,gBAAgB,EAAE;MAChBf,KAAK,GAAAhB,qBAAA,GAAEH,KAAK,CAACmC,oBAAoB,cAAAhC,qBAAA,cAAAA,qBAAA,GAAIL,KAAK,CAACe,MAAM,CAACuB,IAAI,CAAC,GAAG,CAAC;MAC3Df,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAAC;MAC/BM,UAAU,EAAEhC,KAAK,CAACiC,KAAK,CAACC,iBAAiB;MACzCP,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd,CAAC;IACDW,aAAa,EAAE;MACb/B,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,QAAQ;MACvBQ,UAAU,EAAE,YAAY;MACxBU,UAAU,EAAE;IACd;EACF,CAAC,CAAC;AAAA;;AAEJ;AACA;AACA;AACA,SAAS3B,MAAM","ignoreList":[]}
|
|
@@ -8,7 +8,7 @@ const meta = {
|
|
|
8
8
|
data_inicio_horario: "17:20",
|
|
9
9
|
tipo_atividade: "trabalho",
|
|
10
10
|
titleLabel: "Operação com Veículo",
|
|
11
|
-
|
|
11
|
+
criado_offline: true,
|
|
12
12
|
referencia: "repouso_semanal"
|
|
13
13
|
},
|
|
14
14
|
parameters: {
|
|
@@ -24,7 +24,7 @@ Você usa assim:
|
|
|
24
24
|
data_inicio_horario="17:20"
|
|
25
25
|
tipo_atividade="descanso"
|
|
26
26
|
titleLabel="Repouso Noturno"
|
|
27
|
-
|
|
27
|
+
criado_offline=true
|
|
28
28
|
referencia="repouso_semanal"
|
|
29
29
|
/>
|
|
30
30
|
\`\`\`
|
|
@@ -44,7 +44,7 @@ export const ActivitiesProgressTrabalho = {
|
|
|
44
44
|
data_inicio_horario: "14:30",
|
|
45
45
|
titleLabel: "Em Carga",
|
|
46
46
|
tipo_atividade: "trabalho",
|
|
47
|
-
|
|
47
|
+
criado_offline: true,
|
|
48
48
|
referencia: "operacao_veiculo"
|
|
49
49
|
}
|
|
50
50
|
};
|
|
@@ -56,7 +56,7 @@ export const ActivitiesProgressDescanso = {
|
|
|
56
56
|
data_inicio_horario: "12:00",
|
|
57
57
|
titleLabel: "Refeição",
|
|
58
58
|
tipo_atividade: "descanso",
|
|
59
|
-
|
|
59
|
+
criado_offline: false,
|
|
60
60
|
referencia: "refeicao"
|
|
61
61
|
}
|
|
62
62
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["ActivitiesProgress","meta","title","component","args","data_inicio","duracao","data_inicio_horario","tipo_atividade","titleLabel","
|
|
1
|
+
{"version":3,"names":["ActivitiesProgress","meta","title","component","args","data_inicio","duracao","data_inicio_horario","tipo_atividade","titleLabel","criado_offline","referencia","parameters","notes","ActivitiesProgressPadrao","name","ActivitiesProgressTrabalho","ActivitiesProgressDescanso"],"sources":["activities-progress.stories.tsx"],"sourcesContent":["import type { StoryObj, Meta } from \"@storybook/react\";\r\n\r\nimport { ActivitiesProgress } from \"../../components/activities-progress\";\r\n\r\nconst meta: Meta<typeof ActivitiesProgress> = {\r\n title: \"componente/ActivitiesProgress\",\r\n component: ActivitiesProgress,\r\n args: {\r\n data_inicio: \"11/05/2025\",\r\n duracao: \"00:30\",\r\n data_inicio_horario: \"17:20\",\r\n tipo_atividade: \"trabalho\",\r\n titleLabel: \"Operação com Veículo\",\r\n criado_offline: true,\r\n referencia: \"repouso_semanal\",\r\n },\r\n parameters: {\r\n notes: `\r\n# ActivitiesProgress\r\n\r\nEste é um componente de progresso de atividades.\r\nVocê usa assim:\r\n\\`\\`\\`tsx\r\n<ActivitiesProgress\r\n data_inicio=\"11/05/2025\"\r\n duracao=\"00:30\"\r\n data_inicio_horario=\"17:20\"\r\n tipo_atividade=\"descanso\"\r\n titleLabel=\"Repouso Noturno\"\r\n criado_offline=true\r\n referencia=\"repouso_semanal\"\r\n/>\r\n\\`\\`\\`\r\n`,\r\n },\r\n};\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const ActivitiesProgressPadrao: Story = {\r\n name: \"activities-progress-padrao\",\r\n args: {},\r\n};\r\n\r\nexport const ActivitiesProgressTrabalho: Story = {\r\n name: \"activities-progress-trabalho\",\r\n args: {\r\n data_inicio: \"15/06/2023\",\r\n duracao: \"01:45\",\r\n data_inicio_horario: \"14:30\",\r\n titleLabel: \"Em Carga\",\r\n tipo_atividade: \"trabalho\",\r\n criado_offline: true,\r\n referencia: \"operacao_veiculo\",\r\n },\r\n};\r\n\r\nexport const ActivitiesProgressDescanso: Story = {\r\n name: \"activities-progress-descanso\",\r\n args: {\r\n data_inicio: \"20/07/2023\",\r\n duracao: \"00:15\",\r\n data_inicio_horario: \"12:00\",\r\n titleLabel: \"Refeição\",\r\n tipo_atividade: \"descanso\",\r\n criado_offline: false,\r\n referencia: \"refeicao\",\r\n },\r\n};\r\n"],"mappings":"AAEA,SAASA,kBAAkB,QAAQ,sCAAsC;AAEzE,MAAMC,IAAqC,GAAG;EAC5CC,KAAK,EAAE,+BAA+B;EACtCC,SAAS,EAAEH,kBAAkB;EAC7BI,IAAI,EAAE;IACJC,WAAW,EAAE,YAAY;IACzBC,OAAO,EAAE,OAAO;IAChBC,mBAAmB,EAAE,OAAO;IAC5BC,cAAc,EAAE,UAAU;IAC1BC,UAAU,EAAE,sBAAsB;IAClCC,cAAc,EAAE,IAAI;IACpBC,UAAU,EAAE;EACd,CAAC;EACDC,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,eAAeZ,IAAI;AAInB,OAAO,MAAMa,wBAA+B,GAAG;EAC7CC,IAAI,EAAE,4BAA4B;EAClCX,IAAI,EAAE,CAAC;AACT,CAAC;AAED,OAAO,MAAMY,0BAAiC,GAAG;EAC/CD,IAAI,EAAE,8BAA8B;EACpCX,IAAI,EAAE;IACJC,WAAW,EAAE,YAAY;IACzBC,OAAO,EAAE,OAAO;IAChBC,mBAAmB,EAAE,OAAO;IAC5BE,UAAU,EAAE,UAAU;IACtBD,cAAc,EAAE,UAAU;IAC1BE,cAAc,EAAE,IAAI;IACpBC,UAAU,EAAE;EACd;AACF,CAAC;AAED,OAAO,MAAMM,0BAAiC,GAAG;EAC/CF,IAAI,EAAE,8BAA8B;EACpCX,IAAI,EAAE;IACJC,WAAW,EAAE,YAAY;IACzBC,OAAO,EAAE,OAAO;IAChBC,mBAAmB,EAAE,OAAO;IAC5BE,UAAU,EAAE,UAAU;IACtBD,cAAc,EAAE,UAAU;IAC1BE,cAAc,EAAE,KAAK;IACrBC,UAAU,EAAE;EACd;AACF,CAAC","ignoreList":[]}
|
|
@@ -6,7 +6,8 @@ const meta = {
|
|
|
6
6
|
numero: "01",
|
|
7
7
|
local: "Doca 1, Pátio 02 - Ultrimais (Ipatinga)",
|
|
8
8
|
date: "24/03/2025",
|
|
9
|
-
duracao: "00:00"
|
|
9
|
+
duracao: "00:00",
|
|
10
|
+
disabled: false
|
|
10
11
|
},
|
|
11
12
|
parameters: {
|
|
12
13
|
notes: `
|
|
@@ -23,6 +24,7 @@ Você usa assim:
|
|
|
23
24
|
handleClickGoback={() => {}}
|
|
24
25
|
isLoadingStart={false}
|
|
25
26
|
handleClickStart={() => {}}
|
|
27
|
+
disabled={true}
|
|
26
28
|
/>
|
|
27
29
|
\`\`\`
|
|
28
30
|
`
|
|
@@ -38,4 +40,14 @@ export const Profile = {
|
|
|
38
40
|
duracao: "00:00"
|
|
39
41
|
}
|
|
40
42
|
};
|
|
43
|
+
export const ProfileDisabled = {
|
|
44
|
+
name: "loading-details-disabled",
|
|
45
|
+
args: {
|
|
46
|
+
numero: "01",
|
|
47
|
+
local: "Doca 1, Pátio 02 - Ultrimais (Ipatinga)",
|
|
48
|
+
date: "24/03/2025",
|
|
49
|
+
duracao: "00:00",
|
|
50
|
+
disabled: true
|
|
51
|
+
}
|
|
52
|
+
};
|
|
41
53
|
//# sourceMappingURL=loading-details.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["LoadingDetails","meta","title","component","args","numero","local","date","duracao","parameters","notes","Profile","name"],"sources":["loading-details.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport type { StoryObj, Meta } from \"@storybook/react\";\n\nimport { LoadingDetails } from \"../../components/loading-details\";\n\nconst meta: Meta<typeof LoadingDetails> = {\n title: \"componente/LoadingDetails\",\n component: LoadingDetails as React.FC,\n args: {\n numero: \"01\",\n local: \"Doca 1, Pátio 02 - Ultrimais (Ipatinga)\",\n date: \"24/03/2025\",\n duracao: \"00:00\",\n },\n parameters: {\n notes: `\n# LoadingDetails\n\nEste é um componente de LoadingDetails.\nVocê usa assim:\n\\`\\`\\`tsx\n<LoadingDetails\n numero=\"01\"\n local=\"Doca 1, Pátio 02 - Usiminas (Ipatinga)\"\n date=\"24/03/2025\"\n duracao=\"00:00\"\n handleClickGoback={() => {}}\n isLoadingStart={false}\n handleClickStart={() => {}}\n />\n\\`\\`\\`\n`,\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const Profile: Story = {\n name: \"loading-details\",\n args: {\n numero: \"01\",\n local: \"Doca 1, Pátio 02 - Ultrimais (Ipatinga)\",\n date: \"24/03/2025\",\n duracao: \"00:00\",\n },\n};\n"],"mappings":"AAGA,SAASA,cAAc,QAAQ,kCAAkC;AAEjE,MAAMC,IAAiC,GAAG;EACxCC,KAAK,EAAE,2BAA2B;EAClCC,SAAS,EAAEH,cAA0B;EACrCI,IAAI,EAAE;IACJC,MAAM,EAAE,IAAI;IACZC,KAAK,EAAE,yCAAyC;IAChDC,IAAI,EAAE,YAAY;IAClBC,OAAO,EAAE;
|
|
1
|
+
{"version":3,"names":["LoadingDetails","meta","title","component","args","numero","local","date","duracao","disabled","parameters","notes","Profile","name","ProfileDisabled"],"sources":["loading-details.stories.tsx"],"sourcesContent":["import React from \"react\";\r\nimport type { StoryObj, Meta } from \"@storybook/react\";\r\n\r\nimport { LoadingDetails } from \"../../components/loading-details\";\r\n\r\nconst meta: Meta<typeof LoadingDetails> = {\r\n title: \"componente/LoadingDetails\",\r\n component: LoadingDetails as React.FC,\r\n args: {\r\n numero: \"01\",\r\n local: \"Doca 1, Pátio 02 - Ultrimais (Ipatinga)\",\r\n date: \"24/03/2025\",\r\n duracao: \"00:00\",\r\n disabled: false,\r\n },\r\n parameters: {\r\n notes: `\r\n# LoadingDetails\r\n\r\nEste é um componente de LoadingDetails.\r\nVocê usa assim:\r\n\\`\\`\\`tsx\r\n<LoadingDetails\r\n numero=\"01\"\r\n local=\"Doca 1, Pátio 02 - Usiminas (Ipatinga)\"\r\n date=\"24/03/2025\"\r\n duracao=\"00:00\"\r\n handleClickGoback={() => {}}\r\n isLoadingStart={false}\r\n handleClickStart={() => {}}\r\n disabled={true}\r\n />\r\n\\`\\`\\`\r\n`,\r\n },\r\n};\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nexport const Profile: Story = {\r\n name: \"loading-details\",\r\n args: {\r\n numero: \"01\",\r\n local: \"Doca 1, Pátio 02 - Ultrimais (Ipatinga)\",\r\n date: \"24/03/2025\",\r\n duracao: \"00:00\",\r\n },\r\n};\r\nexport const ProfileDisabled: Story = {\r\n name: \"loading-details-disabled\",\r\n args: {\r\n numero: \"01\",\r\n local: \"Doca 1, Pátio 02 - Ultrimais (Ipatinga)\",\r\n date: \"24/03/2025\",\r\n duracao: \"00:00\",\r\n disabled: true,\r\n },\r\n};\r\n"],"mappings":"AAGA,SAASA,cAAc,QAAQ,kCAAkC;AAEjE,MAAMC,IAAiC,GAAG;EACxCC,KAAK,EAAE,2BAA2B;EAClCC,SAAS,EAAEH,cAA0B;EACrCI,IAAI,EAAE;IACJC,MAAM,EAAE,IAAI;IACZC,KAAK,EAAE,yCAAyC;IAChDC,IAAI,EAAE,YAAY;IAClBC,OAAO,EAAE,OAAO;IAChBC,QAAQ,EAAE;EACZ,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAeV,IAAI;AAInB,OAAO,MAAMW,OAAc,GAAG;EAC5BC,IAAI,EAAE,iBAAiB;EACvBT,IAAI,EAAE;IACJC,MAAM,EAAE,IAAI;IACZC,KAAK,EAAE,yCAAyC;IAChDC,IAAI,EAAE,YAAY;IAClBC,OAAO,EAAE;EACX;AACF,CAAC;AACD,OAAO,MAAMM,eAAsB,GAAG;EACpCD,IAAI,EAAE,0BAA0B;EAChCT,IAAI,EAAE;IACJC,MAAM,EAAE,IAAI;IACZC,KAAK,EAAE,yCAAyC;IAChDC,IAAI,EAAE,YAAY;IAClBC,OAAO,EAAE,OAAO;IAChBC,QAAQ,EAAE;EACZ;AACF,CAAC","ignoreList":[]}
|
|
@@ -12,9 +12,9 @@ const meta = {
|
|
|
12
12
|
descricao: "Repouso Noturno",
|
|
13
13
|
data_inicio: "07/03/2024 14:52",
|
|
14
14
|
data_fim: "07/03/2024 17:52",
|
|
15
|
-
duracao_segundos: "3601"
|
|
15
|
+
duracao_segundos: "3601",
|
|
16
|
+
sincronizado: true
|
|
16
17
|
}],
|
|
17
|
-
backgroundColorBall: theme.colors.blue[500],
|
|
18
18
|
titleColor: theme.colors.neutral[25],
|
|
19
19
|
titleNumberColor: theme.colors.neutral[25]
|
|
20
20
|
},
|
|
@@ -26,7 +26,6 @@ Este é um componente de step indicator.
|
|
|
26
26
|
Você usa assim:
|
|
27
27
|
\`\`\`tsx
|
|
28
28
|
<StepIndicator
|
|
29
|
-
backgroundColorBall="#050022"
|
|
30
29
|
type="default"
|
|
31
30
|
data={dataMock}
|
|
32
31
|
/>
|
|
@@ -40,13 +39,30 @@ const dataMock = [{
|
|
|
40
39
|
descricao: "Repouso Noturno",
|
|
41
40
|
data_inicio: "07/03/2024 14:52",
|
|
42
41
|
data_fim: "07/03/2024 17:52",
|
|
43
|
-
duracao_segundos: "3601"
|
|
42
|
+
duracao_segundos: "3601",
|
|
43
|
+
sincronizado: true
|
|
44
|
+
}, {
|
|
45
|
+
id: 2,
|
|
46
|
+
descricao: "Descarga",
|
|
47
|
+
data_inicio: "06/03/2024 14:52",
|
|
48
|
+
data_fim: "06/03/2024 16:52",
|
|
49
|
+
duracao_segundos: "7200",
|
|
50
|
+
sincronizado: true
|
|
51
|
+
}];
|
|
52
|
+
const dataMockFalse = [{
|
|
53
|
+
id: 1,
|
|
54
|
+
descricao: "Repouso Noturno",
|
|
55
|
+
data_inicio: "07/03/2024 14:52",
|
|
56
|
+
data_fim: "07/03/2024 17:52",
|
|
57
|
+
duracao_segundos: "3601",
|
|
58
|
+
sincronizado: false
|
|
44
59
|
}, {
|
|
45
60
|
id: 2,
|
|
46
61
|
descricao: "Descarga",
|
|
47
62
|
data_inicio: "06/03/2024 14:52",
|
|
48
63
|
data_fim: "06/03/2024 16:52",
|
|
49
|
-
duracao_segundos: "7200"
|
|
64
|
+
duracao_segundos: "7200",
|
|
65
|
+
sincronizado: false
|
|
50
66
|
}];
|
|
51
67
|
const dataMockCustom = [{
|
|
52
68
|
id: 1,
|
|
@@ -84,7 +100,18 @@ export const StepIndicatorDefault = {
|
|
|
84
100
|
args: {
|
|
85
101
|
data: dataMock,
|
|
86
102
|
type: "default",
|
|
87
|
-
|
|
103
|
+
sincronizado: true,
|
|
104
|
+
titleColor: theme.colors.neutral[25],
|
|
105
|
+
textColorDescription: theme.colors.gray[300],
|
|
106
|
+
titleNumberColor: theme.colors.neutral[25]
|
|
107
|
+
}
|
|
108
|
+
};
|
|
109
|
+
export const StepIndicatorSincronizadoFalse = {
|
|
110
|
+
name: "step-indicator-sincronizado-false",
|
|
111
|
+
args: {
|
|
112
|
+
data: dataMockFalse,
|
|
113
|
+
type: "default",
|
|
114
|
+
sincronizado: false,
|
|
88
115
|
titleColor: theme.colors.neutral[25],
|
|
89
116
|
textColorDescription: theme.colors.gray[300],
|
|
90
117
|
titleNumberColor: theme.colors.neutral[25]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StepIndicator","theme","meta","title","component","args","data","id","descricao","data_inicio","data_fim","duracao_segundos","
|
|
1
|
+
{"version":3,"names":["StepIndicator","theme","meta","title","component","args","data","id","descricao","data_inicio","data_fim","duracao_segundos","sincronizado","titleColor","colors","neutral","titleNumberColor","parameters","notes","dataMock","dataMockFalse","dataMockCustom","StepIndicatorDefault","name","type","textColorDescription","gray","StepIndicatorSincronizadoFalse","StepIndicationCustom","backgroundColorBall","orange","blue"],"sources":["step-indicator.stories.tsx"],"sourcesContent":["import { Meta, StoryObj } from \"@storybook/react\";\r\n\r\n// components\r\nimport { StepIndicator } from \"../../components/step-indicator\";\r\n\r\n// styles\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\nconst meta: Meta<typeof StepIndicator> = {\r\n title: \"Componente/StepIndicator\",\r\n component: StepIndicator,\r\n args: {\r\n data: [\r\n {\r\n id: 1,\r\n descricao: \"Repouso Noturno\",\r\n data_inicio: \"07/03/2024 14:52\",\r\n data_fim: \"07/03/2024 17:52\",\r\n duracao_segundos: \"3601\",\r\n sincronizado: true,\r\n },\r\n ],\r\n titleColor: theme.colors.neutral[25],\r\n titleNumberColor: theme.colors.neutral[25],\r\n },\r\n parameters: {\r\n notes: `\r\n# StepIndicator\r\n\r\nEste é um componente de step indicator.\r\nVocê usa assim:\r\n\\`\\`\\`tsx\r\n<StepIndicator\r\n type=\"default\"\r\n data={dataMock}\r\n />\r\n\\`\\`\\`\r\n`,\r\n },\r\n};\r\n\r\nexport default meta;\r\n\r\ntype Story = StoryObj<typeof meta>;\r\n\r\nconst dataMock = [\r\n {\r\n id: 1,\r\n descricao: \"Repouso Noturno\",\r\n data_inicio: \"07/03/2024 14:52\",\r\n data_fim: \"07/03/2024 17:52\",\r\n duracao_segundos: \"3601\",\r\n sincronizado: true,\r\n },\r\n {\r\n id: 2,\r\n descricao: \"Descarga\",\r\n data_inicio: \"06/03/2024 14:52\",\r\n data_fim: \"06/03/2024 16:52\",\r\n duracao_segundos: \"7200\",\r\n sincronizado: true,\r\n },\r\n];\r\nconst dataMockFalse = [\r\n {\r\n id: 1,\r\n descricao: \"Repouso Noturno\",\r\n data_inicio: \"07/03/2024 14:52\",\r\n data_fim: \"07/03/2024 17:52\",\r\n duracao_segundos: \"3601\",\r\n sincronizado: false,\r\n },\r\n {\r\n id: 2,\r\n descricao: \"Descarga\",\r\n data_inicio: \"06/03/2024 14:52\",\r\n data_fim: \"06/03/2024 16:52\",\r\n duracao_segundos: \"7200\",\r\n sincronizado: false,\r\n },\r\n];\r\n\r\nconst dataMockCustom = [\r\n {\r\n id: 1,\r\n descricao: \"Pedido Realizado\",\r\n data_inicio: \"\",\r\n data_fim: \"\",\r\n duracao_segundos: \"\",\r\n },\r\n {\r\n id: 2,\r\n descricao: \"Pagamento Aprovado\",\r\n data_inicio: \"07/03/2024 14:52\",\r\n data_fim: \"07/03/2024 17:52\",\r\n duracao_segundos: \"3601\",\r\n },\r\n {\r\n id: 3,\r\n descricao: \"Pedido Faturado\",\r\n data_inicio: \"\",\r\n data_fim: \"\",\r\n duracao_segundos: \"\",\r\n },\r\n {\r\n id: 4,\r\n descricao: \"Pedido Enviado\",\r\n data_inicio: \"\",\r\n data_fim: \"\",\r\n duracao_segundos: \"\",\r\n },\r\n {\r\n id: 4,\r\n descricao: \"Pedido Entregue\",\r\n data_inicio: \"07/03/2024 14:52\",\r\n data_fim: \"07/03/2024 17:52\",\r\n duracao_segundos: \"3601\",\r\n },\r\n];\r\n\r\nexport const StepIndicatorDefault: Story = {\r\n name: \"step-indicator-default\",\r\n args: {\r\n data: dataMock,\r\n type: \"default\",\r\n sincronizado: true,\r\n titleColor: theme.colors.neutral[25],\r\n textColorDescription: theme.colors.gray[300],\r\n titleNumberColor: theme.colors.neutral[25],\r\n },\r\n};\r\nexport const StepIndicatorSincronizadoFalse: Story = {\r\n name: \"step-indicator-sincronizado-false\",\r\n args: {\r\n data: dataMockFalse,\r\n type: \"default\",\r\n sincronizado: false,\r\n titleColor: theme.colors.neutral[25],\r\n textColorDescription: theme.colors.gray[300],\r\n titleNumberColor: theme.colors.neutral[25],\r\n },\r\n};\r\n\r\nexport const StepIndicationCustom: Story = {\r\n name: \"step-indicator-custom\",\r\n args: {\r\n data: dataMockCustom,\r\n type: \"custom\",\r\n backgroundColorBall: theme.colors.orange[150],\r\n titleColor: theme.colors.blue[500],\r\n textColorDescription: theme.colors.gray[300],\r\n titleNumberColor: theme.colors.neutral[25],\r\n },\r\n};\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* IMPORTS
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
const borderWidths = {
|
|
@@ -61,6 +61,7 @@ const colors = {
|
|
|
61
61
|
950: "#94a3b8"
|
|
62
62
|
},
|
|
63
63
|
green: {
|
|
64
|
+
100: "#20AD4880",
|
|
64
65
|
200: "#25BA76",
|
|
65
66
|
250: "#20AD48",
|
|
66
67
|
400: "#49C63E",
|
|
@@ -149,8 +150,8 @@ const letterSpacing = {
|
|
|
149
150
|
strong: 1
|
|
150
151
|
};
|
|
151
152
|
|
|
152
|
-
/**
|
|
153
|
-
* EXPORTSS
|
|
153
|
+
/**
|
|
154
|
+
* EXPORTSS
|
|
154
155
|
*/
|
|
155
156
|
export const theme = {
|
|
156
157
|
borderWidths,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["borderWidths","thin","thin_medium","thin_bold","thick","thick_medium","thick_bold","thick_large","hairline","colors","neutral","black","blue","red","gray","green","orange","yellow","fonts","inter_thin_100","inter_extra_light_200","inter_light_300","inter_regular_400","inter_medium_500","inter_semi_bold_600","inter_bold_700","inter_extra_bold_800","inter_bold","fontSizes","xs","sm","md","lg","xl","margins","paddings","shadows","z1","z2","letterSpacing","o_16","regular","medium","strong","theme"],"sources":["theme.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nconst borderWidths = {\n thin: 1,\n thin_medium: 2,\n thin_bold: 6,\n thick: 4,\n thick_medium: 8,\n thick_bold: 12,\n thick_large: 16,\n hairline: 999,\n};\n\nconst colors = {\n neutral: {\n 25: \"#FFFFFF\",\n 50: \"#E7EEFF\",\n 75: \"#E5E1F9\",\n 200: \"#C6C6C6\",\n 300: \"#F3F3F3\",\n 400: \"#F4F5F6\",\n },\n black: {\n 10: \"#000000\",\n 25: \"#1E1E1E\",\n 100: \"#393939\",\n 180: \"#35302B\",\n },\n blue: {\n 25: \"#1E1E1E\",\n 50: \"#1EA7fD\",\n 100: \"#051C3B\",\n 150: \"#2E41F2\",\n 350: \"#357FD6\",\n 375: \"#056CF2\",\n 400: \"#2D3748\",\n 400_50: \"#2D374880\",\n 500: \"#050022\",\n 525: \"#051C3B\",\n },\n red: {\n 400: \"#D23A1A\",\n 500: \"#C54239\",\n 600: \"#B3261E\",\n 800: \"#E72626\",\n 900: \"#9F0000\",\n },\n gray: {\n 300: \"#D9D9D9\",\n 350: \"#CDCDCD\",\n 400: \"#C6C6C6\",\n 500: \"#1c1c1e\",\n 600: \"#5E5E5E\",\n 700: \"#727272\",\n 800: \"#837676\",\n 850: \"#868686\",\n 875: \"#949494\",\n 900: \"#9B9B9B\",\n 925: \"#957c5f\",\n 950: \"#94a3b8\",\n },\n green: {\n 200: \"#25BA76\",\n 250: \"#20AD48\",\n 400: \"#49C63E\",\n 500: \"#50C58F\",\n },\n orange: {\n 500: \"#FC5701\",\n 450: \"#FC6C2D\",\n 150: \"#FFA41C\",\n },\n yellow: {\n 100: \"#DFAE00\",\n 50: \"#F0CA4B\",\n 75: \"#F59E0B\",\n 90: \"#957C5F\",\n },\n};\n\nconst fonts = {\n inter_thin_100: \"Inter-Thin\",\n inter_extra_light_200: \"Inter-ExtraLight\",\n inter_light_300: \"Inter-Light\",\n inter_regular_400: \"Inter-Regular\",\n inter_medium_500: \"Inter-Medium\",\n inter_semi_bold_600: \"Inter-SemiBold\",\n inter_bold_700: \"Inter-Bold\",\n inter_extra_bold_800: \"Inter-ExtraBold\",\n inter_bold: \"Inter-Bold\",\n};\n\nconst fontSizes = {\n \"2xs\": 10,\n xs: 12,\n sm: 14,\n md: 16,\n lg: 18,\n xl: 20,\n \"2xl\": 24,\n \"3xl\": 32,\n \"4xl\": 38,\n \"5xl\": 50,\n \"6xl\": 60,\n \"7xl\": 72,\n \"8xl\": 96,\n \"9xl\": 128,\n};\n\nconst margins = {\n \"1xs\": 6,\n \"2xs\": 10,\n xs: 12,\n sm: 14,\n md: 16,\n lg: 18,\n xl: 20,\n \"2xl\": 24,\n \"3xl\": 30,\n \"4xl\": 36,\n \"5xl\": 48,\n \"6xl\": 60,\n \"7xl\": 72,\n \"8xl\": 96,\n \"9xl\": 128,\n};\n\nconst paddings = {\n \"2xs\": 10,\n xs: 12,\n sm: 14,\n md: 16,\n lg: 18,\n xl: 20,\n \"2xl\": 24,\n \"3xl\": 30,\n \"4xl\": 36,\n \"5xl\": 48,\n \"6xl\": 60,\n \"7xl\": 72,\n \"8xl\": 96,\n \"9xl\": 128,\n};\n\nconst shadows = {\n z1: \"0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(0, 0, 0, 0.15)\",\n z2: \"0px 1px 2px rgba(0, 0, 0, 0.3)\",\n};\n\nconst letterSpacing = {\n o_16: 0.16,\n regular: 0.5,\n medium: 0.75,\n strong: 1,\n};\n\n/**\n * EXPORTSS\n */\nexport const theme = {\n borderWidths,\n colors,\n fonts,\n fontSizes,\n margins,\n shadows,\n paddings,\n letterSpacing,\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["borderWidths","thin","thin_medium","thin_bold","thick","thick_medium","thick_bold","thick_large","hairline","colors","neutral","black","blue","red","gray","green","orange","yellow","fonts","inter_thin_100","inter_extra_light_200","inter_light_300","inter_regular_400","inter_medium_500","inter_semi_bold_600","inter_bold_700","inter_extra_bold_800","inter_bold","fontSizes","xs","sm","md","lg","xl","margins","paddings","shadows","z1","z2","letterSpacing","o_16","regular","medium","strong","theme"],"sources":["theme.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nconst borderWidths = {\r\n thin: 1,\r\n thin_medium: 2,\r\n thin_bold: 6,\r\n thick: 4,\r\n thick_medium: 8,\r\n thick_bold: 12,\r\n thick_large: 16,\r\n hairline: 999,\r\n};\r\n\r\nconst colors = {\r\n neutral: {\r\n 25: \"#FFFFFF\",\r\n 50: \"#E7EEFF\",\r\n 75: \"#E5E1F9\",\r\n 200: \"#C6C6C6\",\r\n 300: \"#F3F3F3\",\r\n 400: \"#F4F5F6\",\r\n },\r\n black: {\r\n 10: \"#000000\",\r\n 25: \"#1E1E1E\",\r\n 100: \"#393939\",\r\n 180: \"#35302B\",\r\n },\r\n blue: {\r\n 25: \"#1E1E1E\",\r\n 50: \"#1EA7fD\",\r\n 100: \"#051C3B\",\r\n 150: \"#2E41F2\",\r\n 350: \"#357FD6\",\r\n 375: \"#056CF2\",\r\n 400: \"#2D3748\",\r\n 400_50: \"#2D374880\",\r\n 500: \"#050022\",\r\n 525: \"#051C3B\",\r\n },\r\n red: {\r\n 400: \"#D23A1A\",\r\n 500: \"#C54239\",\r\n 600: \"#B3261E\",\r\n 800: \"#E72626\",\r\n 900: \"#9F0000\",\r\n },\r\n gray: {\r\n 300: \"#D9D9D9\",\r\n 350: \"#CDCDCD\",\r\n 400: \"#C6C6C6\",\r\n 500: \"#1c1c1e\",\r\n 600: \"#5E5E5E\",\r\n 700: \"#727272\",\r\n 800: \"#837676\",\r\n 850: \"#868686\",\r\n 875: \"#949494\",\r\n 900: \"#9B9B9B\",\r\n 925: \"#957c5f\",\r\n 950: \"#94a3b8\",\r\n },\r\n green: {\r\n 100: \"#20AD4880\",\r\n 200: \"#25BA76\",\r\n 250: \"#20AD48\",\r\n 400: \"#49C63E\",\r\n 500: \"#50C58F\",\r\n },\r\n orange: {\r\n 500: \"#FC5701\",\r\n 450: \"#FC6C2D\",\r\n 150: \"#FFA41C\",\r\n },\r\n yellow: {\r\n 100: \"#DFAE00\",\r\n 50: \"#F0CA4B\",\r\n 75: \"#F59E0B\",\r\n 90: \"#957C5F\",\r\n },\r\n};\r\n\r\nconst fonts = {\r\n inter_thin_100: \"Inter-Thin\",\r\n inter_extra_light_200: \"Inter-ExtraLight\",\r\n inter_light_300: \"Inter-Light\",\r\n inter_regular_400: \"Inter-Regular\",\r\n inter_medium_500: \"Inter-Medium\",\r\n inter_semi_bold_600: \"Inter-SemiBold\",\r\n inter_bold_700: \"Inter-Bold\",\r\n inter_extra_bold_800: \"Inter-ExtraBold\",\r\n inter_bold: \"Inter-Bold\",\r\n};\r\n\r\nconst fontSizes = {\r\n \"2xs\": 10,\r\n xs: 12,\r\n sm: 14,\r\n md: 16,\r\n lg: 18,\r\n xl: 20,\r\n \"2xl\": 24,\r\n \"3xl\": 32,\r\n \"4xl\": 38,\r\n \"5xl\": 50,\r\n \"6xl\": 60,\r\n \"7xl\": 72,\r\n \"8xl\": 96,\r\n \"9xl\": 128,\r\n};\r\n\r\nconst margins = {\r\n \"1xs\": 6,\r\n \"2xs\": 10,\r\n xs: 12,\r\n sm: 14,\r\n md: 16,\r\n lg: 18,\r\n xl: 20,\r\n \"2xl\": 24,\r\n \"3xl\": 30,\r\n \"4xl\": 36,\r\n \"5xl\": 48,\r\n \"6xl\": 60,\r\n \"7xl\": 72,\r\n \"8xl\": 96,\r\n \"9xl\": 128,\r\n};\r\n\r\nconst paddings = {\r\n \"2xs\": 10,\r\n xs: 12,\r\n sm: 14,\r\n md: 16,\r\n lg: 18,\r\n xl: 20,\r\n \"2xl\": 24,\r\n \"3xl\": 30,\r\n \"4xl\": 36,\r\n \"5xl\": 48,\r\n \"6xl\": 60,\r\n \"7xl\": 72,\r\n \"8xl\": 96,\r\n \"9xl\": 128,\r\n};\r\n\r\nconst shadows = {\r\n z1: \"0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(0, 0, 0, 0.15)\",\r\n z2: \"0px 1px 2px rgba(0, 0, 0, 0.3)\",\r\n};\r\n\r\nconst letterSpacing = {\r\n o_16: 0.16,\r\n regular: 0.5,\r\n medium: 0.75,\r\n strong: 1,\r\n};\r\n\r\n/**\r\n * EXPORTSS\r\n */\r\nexport const theme = {\r\n borderWidths,\r\n colors,\r\n fonts,\r\n fontSizes,\r\n margins,\r\n shadows,\r\n paddings,\r\n letterSpacing,\r\n};\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
|
|
5
5
|
import React from "react";
|
|
6
6
|
import { Icons } from "../../common/icons-svg";
|
|
7
|
+
import { theme } from "../../styles/theme/theme";
|
|
7
8
|
|
|
8
9
|
/**
|
|
9
10
|
* Function that will map property types to corresponding icons in SVG 🛠️.
|
|
@@ -30,8 +31,9 @@ const getIconByProperty = (propertyType, color) => {
|
|
|
30
31
|
});
|
|
31
32
|
case "disposicao_veiculo_parado":
|
|
32
33
|
return /*#__PURE__*/React.createElement(Icons, {
|
|
33
|
-
color:
|
|
34
|
-
|
|
34
|
+
color: theme.colors.blue[500],
|
|
35
|
+
size: 20,
|
|
36
|
+
icon: "TRUCK_ACTIVITY"
|
|
35
37
|
});
|
|
36
38
|
case "aguardando_descarga":
|
|
37
39
|
return /*#__PURE__*/React.createElement(Icons, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Icons","getIconByProperty","propertyType","color","createElement","icon"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nimport React from \"react\";\r\nimport { Icons } from \"../../common/icons-svg\";\r\n\r\n/**\r\n * Function that will map property types to corresponding icons in SVG 🛠️.\r\n * @param propertyType\r\n * @param color\r\n * @returns SVG\r\n */\r\nconst getIconByProperty: React.FC<any> = (propertyType: string, color?: string) => {\r\n switch (propertyType) {\r\n case \"operacao_veiculo\":\r\n return <Icons color={color} icon=\"STEERING_WHEEL\" />;\r\n\r\n case \"manutencao\":\r\n return <Icons color={color} icon=\"GEAR\" />;\r\n\r\n case \"aguardando_carga\":\r\n return <Icons color={color} icon=\"TIMER\" />;\r\n\r\n case \"disposicao_veiculo_parado\":\r\n return <Icons color={
|
|
1
|
+
{"version":3,"names":["React","Icons","theme","getIconByProperty","propertyType","color","createElement","icon","colors","blue","size"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nimport React from \"react\";\r\nimport { Icons } from \"../../common/icons-svg\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\n/**\r\n * Function that will map property types to corresponding icons in SVG 🛠️.\r\n * @param propertyType\r\n * @param color\r\n * @returns SVG\r\n */\r\nconst getIconByProperty: React.FC<any> = (propertyType: string, color?: string) => {\r\n switch (propertyType) {\r\n case \"operacao_veiculo\":\r\n return <Icons color={color} icon=\"STEERING_WHEEL\" />;\r\n\r\n case \"manutencao\":\r\n return <Icons color={color} icon=\"GEAR\" />;\r\n\r\n case \"aguardando_carga\":\r\n return <Icons color={color} icon=\"TIMER\" />;\r\n\r\n case \"disposicao_veiculo_parado\":\r\n return <Icons color={theme.colors.blue[500]} size={20} icon=\"TRUCK_ACTIVITY\" />;\r\n\r\n case \"aguardando_descarga\":\r\n return <Icons color={color} icon=\"HOURGLASS\" />;\r\n\r\n case \"descanso\":\r\n return <Icons color={color} icon=\"COFFEE\" />;\r\n\r\n case \"repouso_semanal\":\r\n return <Icons color={color} icon=\"HOUSE\" />;\r\n\r\n case \"repouso_noturno\":\r\n return <Icons color={color} icon=\"MOON_STARS\" />;\r\n\r\n case \"refeicao\":\r\n return <Icons color={color} icon=\"CALL_BELL\" />;\r\n\r\n case \"ferias\":\r\n return <Icons color={color} icon=\"ISLAND\" />;\r\n default:\r\n return <Icons color={color} icon=\"STEERING_WHEEL\" />; // Retorna uma Svg default caso o tipo de propriedade não for reconhecido.\r\n }\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { getIconByProperty };\r\n"],"mappings":"AAAA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,wBAAwB;AAC9C,SAASC,KAAK,QAAQ,0BAA0B;;AAEhD;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,iBAAgC,GAAGA,CAACC,YAAoB,EAAEC,KAAc,KAAK;EACjF,QAAQD,YAAY;IAClB,KAAK,kBAAkB;MACrB,oBAAOJ,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEtD,KAAK,YAAY;MACf,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAM,CAAE,CAAC;IAE5C,KAAK,kBAAkB;MACrB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,2BAA2B;MAC9B,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEH,KAAK,CAACM,MAAM,CAACC,IAAI,CAAC,GAAG,CAAE;QAACC,IAAI,EAAE,EAAG;QAACH,IAAI,EAAC;MAAgB,CAAE,CAAC;IAEjF,KAAK,qBAAqB;MACxB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,UAAU;MACb,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAQ,CAAE,CAAC;IAE9C,KAAK,iBAAiB;MACpB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAO,CAAE,CAAC;IAE7C,KAAK,iBAAiB;MACpB,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAY,CAAE,CAAC;IAElD,KAAK,UAAU;MACb,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAW,CAAE,CAAC;IAEjD,KAAK,QAAQ;MACX,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAQ,CAAE,CAAC;IAC9C;MACE,oBAAOP,KAAA,CAAAM,aAAA,CAACL,KAAK;QAACI,KAAK,EAAEA,KAAM;QAACE,IAAI,EAAC;MAAgB,CAAE,CAAC;IAAE;EAC1D;AACF,CAAC;;AAED;AACA;AACA;AACA,SAASJ,iBAAiB","ignoreList":[]}
|
|
@@ -4,4 +4,5 @@ declare const meta: Meta<typeof StepIndicator>;
|
|
|
4
4
|
export default meta;
|
|
5
5
|
declare type Story = StoryObj<typeof meta>;
|
|
6
6
|
export declare const StepIndicatorDefault: Story;
|
|
7
|
+
export declare const StepIndicatorSincronizadoFalse: Story;
|
|
7
8
|
export declare const StepIndicationCustom: Story;
|
package/package.json
CHANGED
|
@@ -107,7 +107,7 @@ const Icons: React.FC<ISvgProps> = ({ icon, color, size, background }) => {
|
|
|
107
107
|
return <IconFileText icon={"FILE_TEXT"} />;
|
|
108
108
|
|
|
109
109
|
case "TRUCK":
|
|
110
|
-
return <IconTruck icon={"TRUCK"} />;
|
|
110
|
+
return <IconTruck icon={"TRUCK"} color={color} />;
|
|
111
111
|
|
|
112
112
|
case "PACKAGE_CHECK":
|
|
113
113
|
return <IconPackageCheck icon={"PACKAGE_CHECK"} />;
|