react-native-exp-fig 0.1.26 → 0.1.28
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 +130 -0
- package/lib/commonjs/components/activity-timeline/components/activite-row/index.js.map +1 -0
- package/lib/commonjs/components/activity-timeline/index.js +78 -0
- package/lib/commonjs/components/activity-timeline/index.js.map +1 -0
- package/lib/commonjs/components/activity-timeline/interface.js +6 -0
- package/lib/commonjs/components/activity-timeline/interface.js.map +1 -0
- package/lib/commonjs/components/activity-timeline/styles.js +84 -0
- package/lib/commonjs/components/activity-timeline/styles.js.map +1 -0
- package/lib/commonjs/components/input-text-counter/index.js +66 -0
- package/lib/commonjs/components/input-text-counter/index.js.map +1 -0
- package/lib/commonjs/components/input-text-counter/interface.d.js.map +1 -0
- package/lib/commonjs/components/input-text-counter/styles.js +42 -0
- package/lib/commonjs/components/input-text-counter/styles.js.map +1 -0
- package/lib/commonjs/components/modal-create-activitie/index.js +202 -0
- package/lib/commonjs/components/modal-create-activitie/index.js.map +1 -0
- package/lib/commonjs/components/modal-create-activitie/interface.js +2 -0
- package/lib/commonjs/components/modal-create-activitie/interface.js.map +1 -0
- package/lib/commonjs/components/modal-create-activitie/styles.js +42 -0
- package/lib/commonjs/components/modal-create-activitie/styles.js.map +1 -0
- package/lib/commonjs/components/modal-journey-rectification/index.js +202 -0
- package/lib/commonjs/components/modal-journey-rectification/index.js.map +1 -0
- package/lib/commonjs/components/modal-journey-rectification/interface.d.js +2 -0
- package/lib/commonjs/components/modal-journey-rectification/interface.d.js.map +1 -0
- package/lib/commonjs/components/modal-journey-rectification/styles.js +42 -0
- package/lib/commonjs/components/modal-journey-rectification/styles.js.map +1 -0
- package/lib/commonjs/components/{modal-activities → modals/modal-activities}/data-activities/index.js +2 -2
- package/lib/commonjs/components/modals/modal-activities/data-activities/index.js.map +1 -0
- package/lib/commonjs/components/{modal-activities → modals/modal-activities}/index.js +8 -8
- package/lib/commonjs/components/modals/modal-activities/index.js.map +1 -0
- package/lib/commonjs/components/modals/modal-activities/interface.d.js +6 -0
- package/lib/commonjs/components/modals/modal-activities/interface.d.js.map +1 -0
- package/lib/commonjs/components/modals/modal-activity-reason/index.js +161 -0
- package/lib/commonjs/components/modals/modal-activity-reason/index.js.map +1 -0
- package/lib/commonjs/components/modals/modal-activity-reason/interface.d.js +2 -0
- package/lib/commonjs/components/modals/modal-activity-reason/interface.d.js.map +1 -0
- package/lib/commonjs/components/{modal-change-activity → modals/modal-change-activity}/index.js +7 -7
- package/lib/commonjs/components/modals/modal-change-activity/index.js.map +1 -0
- package/lib/commonjs/components/selects/select-date-and-hours/index.js +95 -0
- package/lib/commonjs/components/selects/select-date-and-hours/index.js.map +1 -0
- package/lib/commonjs/components/selects/select-date-and-hours/interface.js +6 -0
- package/lib/commonjs/components/selects/select-date-and-hours/interface.js.map +1 -0
- package/lib/commonjs/components/selects/select-date-and-hours/styles.js +33 -0
- package/lib/commonjs/components/selects/select-date-and-hours/styles.js.map +1 -0
- package/lib/commonjs/components/selects/select-option/index.js +41 -39
- package/lib/commonjs/components/selects/select-option/index.js.map +1 -1
- package/lib/commonjs/components/step-indicator/index.js +7 -7
- package/lib/commonjs/components/step-indicator/index.js.map +1 -1
- package/lib/commonjs/index.js +39 -4
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/stories/activity-timeline/activity-timeline.stories.js +82 -0
- package/lib/commonjs/stories/activity-timeline/activity-timeline.stories.js.map +1 -0
- package/lib/commonjs/stories/input-text-counter/input-text-counter.stories.js +259 -0
- package/lib/commonjs/stories/input-text-counter/input-text-counter.stories.js.map +1 -0
- package/lib/commonjs/stories/modal-activities/modal-activities.stories.js +1 -1
- package/lib/commonjs/stories/modal-activities/modal-activities.stories.js.map +1 -1
- package/lib/commonjs/stories/modal-activity-reason/modal-activity-reason.stories.js +198 -0
- package/lib/commonjs/stories/modal-activity-reason/modal-activity-reason.stories.js.map +1 -0
- package/lib/commonjs/stories/modal-change-activity/modal-change-activity.stories.js +3 -3
- package/lib/commonjs/stories/modal-change-activity/modal-change-activity.stories.js.map +1 -1
- package/lib/commonjs/stories/modal-create-activitie/modal-create-activitie.stories.js +86 -0
- package/lib/commonjs/stories/modal-create-activitie/modal-create-activitie.stories.js.map +1 -0
- package/lib/commonjs/stories/modal-journey-rectification/modal-journey-rectification.stories.js +172 -0
- package/lib/commonjs/stories/modal-journey-rectification/modal-journey-rectification.stories.js.map +1 -0
- package/lib/commonjs/stories/select-option/select-option.stories.js +3 -2
- package/lib/commonjs/stories/select-option/select-option.stories.js.map +1 -1
- package/lib/commonjs/styles/theme/theme.js +18 -2
- package/lib/commonjs/styles/theme/theme.js.map +1 -1
- package/lib/commonjs/utils/options-activity/index.js +27 -0
- package/lib/commonjs/utils/options-activity/index.js.map +1 -0
- package/lib/commonjs/utils/text-limit/index.js +37 -0
- package/lib/commonjs/utils/text-limit/index.js.map +1 -0
- package/lib/module/components/activity-timeline/components/activite-row/index.js +123 -0
- package/lib/module/components/activity-timeline/components/activite-row/index.js.map +1 -0
- package/lib/module/components/activity-timeline/index.js +70 -0
- package/lib/module/components/activity-timeline/index.js.map +1 -0
- package/lib/module/components/activity-timeline/interface.js +2 -0
- package/lib/module/components/activity-timeline/interface.js.map +1 -0
- package/lib/module/components/activity-timeline/styles.js +78 -0
- package/lib/module/components/activity-timeline/styles.js.map +1 -0
- package/lib/module/components/input-text-counter/index.js +63 -0
- package/lib/module/components/input-text-counter/index.js.map +1 -0
- package/lib/module/components/input-text-counter/interface.d.js.map +1 -0
- package/lib/module/components/input-text-counter/styles.js +37 -0
- package/lib/module/components/input-text-counter/styles.js.map +1 -0
- package/lib/module/components/modal-create-activitie/index.js +192 -0
- package/lib/module/components/modal-create-activitie/index.js.map +1 -0
- package/lib/module/components/modal-create-activitie/interface.js +2 -0
- package/lib/module/components/modal-create-activitie/interface.js.map +1 -0
- package/lib/module/components/modal-create-activitie/styles.js +37 -0
- package/lib/module/components/modal-create-activitie/styles.js.map +1 -0
- package/lib/module/components/modal-journey-rectification/index.js +192 -0
- package/lib/module/components/modal-journey-rectification/index.js.map +1 -0
- package/lib/module/components/modal-journey-rectification/interface.d.js +2 -0
- package/lib/module/components/modal-journey-rectification/interface.d.js.map +1 -0
- package/lib/module/components/modal-journey-rectification/styles.js +37 -0
- package/lib/module/components/modal-journey-rectification/styles.js.map +1 -0
- package/lib/module/components/{modal-activities → modals/modal-activities}/data-activities/index.js +2 -2
- package/lib/module/components/modals/modal-activities/data-activities/index.js.map +1 -0
- package/lib/module/components/{modal-activities → modals/modal-activities}/index.js +8 -8
- package/lib/module/components/modals/modal-activities/index.js.map +1 -0
- package/lib/module/components/modals/modal-activities/interface.d.js +2 -0
- package/lib/module/components/modals/modal-activities/interface.d.js.map +1 -0
- package/lib/module/components/modals/modal-activity-reason/index.js +151 -0
- package/lib/module/components/modals/modal-activity-reason/index.js.map +1 -0
- package/lib/module/components/modals/modal-activity-reason/interface.d.js +2 -0
- package/lib/module/components/modals/modal-activity-reason/interface.d.js.map +1 -0
- package/lib/module/components/{modal-change-activity → modals/modal-change-activity}/index.js +6 -6
- package/lib/module/components/modals/modal-change-activity/index.js.map +1 -0
- package/lib/module/components/selects/select-date-and-hours/index.js +86 -0
- package/lib/module/components/selects/select-date-and-hours/index.js.map +1 -0
- package/lib/module/components/selects/select-date-and-hours/interface.js +2 -0
- package/lib/module/components/selects/select-date-and-hours/interface.js.map +1 -0
- package/lib/module/components/selects/select-date-and-hours/styles.js +28 -0
- package/lib/module/components/selects/select-date-and-hours/styles.js.map +1 -0
- package/lib/module/components/selects/select-option/index.js +41 -42
- package/lib/module/components/selects/select-option/index.js.map +1 -1
- package/lib/module/components/step-indicator/index.js +7 -7
- package/lib/module/components/step-indicator/index.js.map +1 -1
- package/lib/module/index.js +10 -5
- package/lib/module/index.js.map +1 -1
- package/lib/module/stories/activity-timeline/activity-timeline.stories.js +75 -0
- package/lib/module/stories/activity-timeline/activity-timeline.stories.js.map +1 -0
- package/lib/module/stories/input-text-counter/input-text-counter.stories.js +253 -0
- package/lib/module/stories/input-text-counter/input-text-counter.stories.js.map +1 -0
- package/lib/module/stories/modal-activities/modal-activities.stories.js +1 -1
- package/lib/module/stories/modal-activities/modal-activities.stories.js.map +1 -1
- package/lib/module/stories/modal-activity-reason/modal-activity-reason.stories.js +193 -0
- package/lib/module/stories/modal-activity-reason/modal-activity-reason.stories.js.map +1 -0
- package/lib/module/stories/modal-change-activity/modal-change-activity.stories.js +3 -3
- package/lib/module/stories/modal-change-activity/modal-change-activity.stories.js.map +1 -1
- package/lib/module/stories/modal-create-activitie/modal-create-activitie.stories.js +78 -0
- package/lib/module/stories/modal-create-activitie/modal-create-activitie.stories.js.map +1 -0
- package/lib/module/stories/modal-journey-rectification/modal-journey-rectification.stories.js +168 -0
- package/lib/module/stories/modal-journey-rectification/modal-journey-rectification.stories.js.map +1 -0
- package/lib/module/stories/select-option/select-option.stories.js +1 -1
- package/lib/module/stories/select-option/select-option.stories.js.map +1 -1
- package/lib/module/styles/theme/theme.js +18 -2
- package/lib/module/styles/theme/theme.js.map +1 -1
- package/lib/module/utils/options-activity/index.js +22 -0
- package/lib/module/utils/options-activity/index.js.map +1 -0
- package/lib/module/utils/text-limit/index.js +30 -0
- package/lib/module/utils/text-limit/index.js.map +1 -0
- package/lib/typescript/src/components/activity-timeline/components/activite-row/index.d.ts +10 -0
- package/lib/typescript/src/components/activity-timeline/index.d.ts +16 -0
- package/lib/typescript/src/components/activity-timeline/interface.d.ts +39 -0
- package/lib/typescript/src/components/activity-timeline/styles.d.ts +71 -0
- package/lib/typescript/src/components/input-text-counter/index.d.ts +33 -0
- package/lib/typescript/src/components/input-text-counter/styles.d.ts +34 -0
- package/lib/typescript/src/components/modal-create-activitie/index.d.ts +7 -0
- package/lib/typescript/src/components/modal-create-activitie/interface.d.ts +18 -0
- package/lib/typescript/src/components/modal-create-activitie/styles.d.ts +32 -0
- package/lib/typescript/src/components/modal-journey-rectification/index.d.ts +7 -0
- package/lib/typescript/src/components/modal-journey-rectification/styles.d.ts +32 -0
- package/lib/typescript/src/components/modals/modal-activity-reason/index.d.ts +7 -0
- package/lib/typescript/src/components/selects/select-date-and-hours/index.d.ts +12 -0
- package/lib/typescript/src/components/selects/select-date-and-hours/interface.d.ts +21 -0
- package/lib/typescript/src/components/selects/select-date-and-hours/styles.d.ts +24 -0
- package/lib/typescript/src/components/selects/select-option/index.d.ts +3 -6
- package/lib/typescript/src/index.d.ts +8 -3
- package/lib/typescript/src/stories/activity-timeline/activity-timeline.stories.d.ts +8 -0
- package/lib/typescript/src/stories/input-text-counter/input-text-counter.stories.d.ts +17 -0
- package/lib/typescript/src/stories/modal-activities/modal-activities.stories.d.ts +1 -1
- package/lib/typescript/src/stories/modal-activity-reason/modal-activity-reason.stories.d.ts +15 -0
- package/lib/typescript/src/stories/modal-change-activity/modal-change-activity.stories.d.ts +1 -1
- package/lib/typescript/src/stories/modal-create-activitie/modal-create-activitie.stories.d.ts +12 -0
- package/lib/typescript/src/stories/modal-journey-rectification/modal-journey-rectification.stories.d.ts +34 -0
- package/lib/typescript/src/stories/select-option/select-option.stories.d.ts +1 -1
- package/lib/typescript/src/styles/global/theme-provider.d.ts +16 -0
- package/lib/typescript/src/styles/theme/theme.d.ts +16 -0
- package/lib/typescript/src/utils/options-activity/index.d.ts +20 -0
- package/lib/typescript/src/utils/text-limit/index.d.ts +13 -0
- package/package.json +1 -1
- package/src/components/activity-timeline/components/activite-row/index.tsx +133 -0
- package/src/components/activity-timeline/index.tsx +72 -0
- package/src/components/activity-timeline/interface.ts +53 -0
- package/src/components/activity-timeline/styles.ts +69 -0
- package/src/components/input-text-counter/index.tsx +64 -0
- package/src/components/input-text-counter/interface.d.ts +41 -0
- package/src/components/input-text-counter/styles.ts +38 -0
- package/src/components/modal-create-activitie/index.tsx +211 -0
- package/src/components/modal-create-activitie/interface.ts +22 -0
- package/src/components/modal-create-activitie/styles.ts +24 -0
- package/src/components/modal-journey-rectification/index.tsx +211 -0
- package/src/components/modal-journey-rectification/interface.d.ts +22 -0
- package/src/components/modal-journey-rectification/styles.ts +24 -0
- package/src/components/{modal-activities → modals/modal-activities}/data-activities/index.ts +65 -65
- package/src/components/{modal-activities → modals/modal-activities}/index.tsx +137 -137
- package/src/components/{modal-activities → modals/modal-activities}/interface.d.ts +32 -32
- package/src/components/modals/modal-activity-reason/index.tsx +162 -0
- package/src/components/modals/modal-activity-reason/interface.d.ts +10 -0
- package/src/components/{modal-change-activity → modals/modal-change-activity}/index.tsx +6 -6
- package/src/components/selects/select-date-and-hours/index.tsx +97 -0
- package/src/components/selects/select-date-and-hours/interface.ts +31 -0
- package/src/components/selects/select-date-and-hours/styles.ts +24 -0
- package/src/components/selects/select-option/index.tsx +50 -41
- package/src/components/step-indicator/index.tsx +235 -235
- package/src/index.ts +50 -45
- package/src/stories/activity-timeline/activity-timeline.stories.tsx +90 -0
- package/src/stories/input-text-counter/input-text-counter.stories.tsx +232 -0
- package/src/stories/modal-activities/modal-activities.stories.tsx +64 -64
- package/src/stories/modal-activity-reason/modal-activity-reason.stories.tsx +192 -0
- package/src/stories/modal-change-activity/modal-change-activity.stories.tsx +49 -49
- package/src/stories/modal-create-activitie/modal-create-activitie.stories.tsx +82 -0
- package/src/stories/modal-journey-rectification/modal-journey-rectification.stories.tsx +161 -0
- package/src/stories/select-option/select-option.stories.tsx +1 -1
- package/src/styles/theme/theme.ts +17 -0
- package/src/utils/options-activity/index.ts +14 -0
- package/src/utils/text-limit/index.ts +28 -0
- package/lib/commonjs/components/modal-activities/data-activities/index.js.map +0 -1
- package/lib/commonjs/components/modal-activities/index.js.map +0 -1
- package/lib/commonjs/components/modal-activities/interface.d.js.map +0 -1
- package/lib/commonjs/components/modal-change-activity/index.js.map +0 -1
- package/lib/module/components/modal-activities/data-activities/index.js.map +0 -1
- package/lib/module/components/modal-activities/index.js.map +0 -1
- package/lib/module/components/modal-activities/interface.d.js.map +0 -1
- package/lib/module/components/modal-change-activity/index.js.map +0 -1
- /package/lib/commonjs/components/{modal-activities → input-text-counter}/interface.d.js +0 -0
- /package/lib/module/components/{modal-activities → input-text-counter}/interface.d.js +0 -0
- /package/lib/typescript/src/components/{modal-activities → modals/modal-activities}/data-activities/index.d.ts +0 -0
- /package/lib/typescript/src/components/{modal-activities → modals/modal-activities}/index.d.ts +0 -0
- /package/lib/typescript/src/components/{modal-change-activity → modals/modal-change-activity}/index.d.ts +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_modalCreateActivitie","e","__esModule","default","meta","title","component","ModalCreteActivitie","args","visible","textTitle","argTypes","onClose","action","onPressConfirm","control","description","parameters","docs","_default","exports","Playground","render","createElement","Fechado","Aberto"],"sources":["modal-create-activitie.stories.tsx"],"sourcesContent":["/**\n * IMPORTS\n */\nimport React from \"react\";\nimport type { Meta, StoryObj } from \"@storybook/react\";\n\n// component\nimport ModalCreteActivitie from \"../../components/modal-create-activitie\";\n\n// utils / types\ntype Props = React.ComponentProps<typeof ModalCreteActivitie>;\n\nconst meta: Meta<typeof ModalCreteActivitie> = {\n title: \"Componente/ModalCreteActivitie\",\n component: ModalCreteActivitie,\n args: {\n visible: false,\n textTitle: \"Incluir atividade\",\n },\n argTypes: {\n onClose: { action: \"onClose\" },\n onPressConfirm: { action: \"onPressConfirm\" },\n textTitle: {\n control: \"text\",\n description: \"Título exibido no cabeçalho do modal\",\n },\n visible: {\n control: \"boolean\",\n description: \"Controla a visibilidade do modal\",\n },\n },\n parameters: {\n docs: {\n description: {\n component: `\n### ModalCreteActivitie\nModal para incluir uma atividade com motivo, data e hora.\n\n#### Uso\n\\`\\`\\`tsx\n<ModalCreteActivitie\n visible={visible}\n onClose={() => {}}\n onPressConfirm={(payload) => {}}\n textTitle=\"Incluir atividade\"\n/>\n\\`\\`\\`\n\n- \\`visible\\`: abre/fecha o modal\n- \\`onClose\\`: chamado ao cancelar/fechar\n- \\`onPressConfirm\\`: retorna { reasonValue, label, dateAndHours }\n- \\`textTitle\\`: título opcional\n `,\n },\n },\n },\n} as Meta<typeof ModalCreteActivitie>;\n\nexport default meta;\n\ntype Story = StoryObj<typeof ModalCreteActivitie>;\n\n/**\n * Apenas controla via Controls (visible true/false no painel do Storybook).\n * Evita Template com \"args: any\" e mantém tipagem estrita.\n */\nexport const Playground: Story = {\n render: (args: Props) => <ModalCreteActivitie {...args} />,\n};\n\nexport const Fechado: Story = {\n args: {\n visible: false,\n },\n};\n\nexport const Aberto: Story = {\n args: {\n visible: true,\n textTitle: \"Incluir atividade\",\n },\n};\n"],"mappings":";;;;;;AAGA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAIA,IAAAC,qBAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA0E,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAP1E;AACA;AACA;;AAIA;;AAGA;;AAGA,MAAMG,IAAsC,GAAG;EAC7CC,KAAK,EAAE,gCAAgC;EACvCC,SAAS,EAAEC,6BAAmB;EAC9BC,IAAI,EAAE;IACJC,OAAO,EAAE,KAAK;IACdC,SAAS,EAAE;EACb,CAAC;EACDC,QAAQ,EAAE;IACRC,OAAO,EAAE;MAAEC,MAAM,EAAE;IAAU,CAAC;IAC9BC,cAAc,EAAE;MAAED,MAAM,EAAE;IAAiB,CAAC;IAC5CH,SAAS,EAAE;MACTK,OAAO,EAAE,MAAM;MACfC,WAAW,EAAE;IACf,CAAC;IACDP,OAAO,EAAE;MACPM,OAAO,EAAE,SAAS;MAClBC,WAAW,EAAE;IACf;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,IAAI,EAAE;MACJF,WAAW,EAAE;QACXV,SAAS,EAAE;AACnB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACM;IACF;EACF;AACF,CAAqC;AAAC,IAAAa,QAAA,GAAAC,OAAA,CAAAjB,OAAA,GAEvBC,IAAI;AAInB;AACA;AACA;AACA;AACO,MAAMiB,UAAiB,GAAAD,OAAA,CAAAC,UAAA,GAAG;EAC/BC,MAAM,EAAGd,IAAW,iBAAKX,MAAA,CAAAM,OAAA,CAAAoB,aAAA,CAACvB,qBAAA,CAAAG,OAAmB,EAAKK,IAAO;AAC3D,CAAC;AAEM,MAAMgB,OAAc,GAAAJ,OAAA,CAAAI,OAAA,GAAG;EAC5BhB,IAAI,EAAE;IACJC,OAAO,EAAE;EACX;AACF,CAAC;AAEM,MAAMgB,MAAa,GAAAL,OAAA,CAAAK,MAAA,GAAG;EAC3BjB,IAAI,EAAE;IACJC,OAAO,EAAE,IAAI;IACbC,SAAS,EAAE;EACb;AACF,CAAC","ignoreList":[]}
|
package/lib/commonjs/stories/modal-journey-rectification/modal-journey-rectification.stories.js
ADDED
|
@@ -0,0 +1,172 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.default = exports.WithCustomTitle = exports.Playground = exports.Opened = exports.Default = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _addonActions = require("@storybook/addon-actions");
|
|
10
|
+
var _modalCreateActivitie = _interopRequireDefault(require("../../components/modal-create-activitie"));
|
|
11
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
+
/**
|
|
13
|
+
* IMPORTS (Storybook)
|
|
14
|
+
*/
|
|
15
|
+
|
|
16
|
+
/**
|
|
17
|
+
* IMPORTS (Componente)
|
|
18
|
+
* Ajuste o caminho conforme sua estrutura (ex.: "../index" ou "./index").
|
|
19
|
+
*/
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* DECORATORS
|
|
23
|
+
* Envolve o story para garantir área de visualização e evitar "modal perdido".
|
|
24
|
+
*/
|
|
25
|
+
const WithViewport = ({
|
|
26
|
+
children
|
|
27
|
+
}) => {
|
|
28
|
+
return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
29
|
+
style: {
|
|
30
|
+
flex: 1,
|
|
31
|
+
minHeight: 600,
|
|
32
|
+
alignItems: "center",
|
|
33
|
+
justifyContent: "center",
|
|
34
|
+
backgroundColor: "#F3F4F6" // neutro claro p/ destacar o modal
|
|
35
|
+
}
|
|
36
|
+
}, children);
|
|
37
|
+
};
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* META
|
|
41
|
+
*/
|
|
42
|
+
const meta = {
|
|
43
|
+
title: "Componente/ModalJourneyRectification",
|
|
44
|
+
component: _modalCreateActivitie.default,
|
|
45
|
+
args: {
|
|
46
|
+
visible: false,
|
|
47
|
+
textTitle: "Editar atividade",
|
|
48
|
+
onClose: (0, _addonActions.action)("onClose"),
|
|
49
|
+
// ação capturada no painel "Actions"
|
|
50
|
+
onPressConfirm: (0, _addonActions.action)("onPressConfirm") // idem
|
|
51
|
+
},
|
|
52
|
+
argTypes: {
|
|
53
|
+
visible: {
|
|
54
|
+
control: {
|
|
55
|
+
type: "boolean"
|
|
56
|
+
},
|
|
57
|
+
description: "Define a visibilidade do modal.",
|
|
58
|
+
table: {
|
|
59
|
+
category: "Controle"
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
textTitle: {
|
|
63
|
+
control: {
|
|
64
|
+
type: "text"
|
|
65
|
+
},
|
|
66
|
+
description: "Título exibido no cabeçalho do modal.",
|
|
67
|
+
table: {
|
|
68
|
+
category: "Conteúdo"
|
|
69
|
+
}
|
|
70
|
+
},
|
|
71
|
+
onClose: {
|
|
72
|
+
description: "Callback ao cancelar/fechar o modal.",
|
|
73
|
+
table: {
|
|
74
|
+
category: "Eventos"
|
|
75
|
+
}
|
|
76
|
+
},
|
|
77
|
+
onPressConfirm: {
|
|
78
|
+
description: "Callback ao confirmar. Recebe { reasonValue, label, dateAndHours }.",
|
|
79
|
+
table: {
|
|
80
|
+
category: "Eventos"
|
|
81
|
+
}
|
|
82
|
+
}
|
|
83
|
+
},
|
|
84
|
+
parameters: {
|
|
85
|
+
layout: "fullscreen",
|
|
86
|
+
docs: {
|
|
87
|
+
description: {
|
|
88
|
+
component: `
|
|
89
|
+
### ModalJourneyRectification
|
|
90
|
+
Modal para **Editar uma atividade** (motivo + data e hora) seguindo o design do sistema.
|
|
91
|
+
|
|
92
|
+
#### Uso básico
|
|
93
|
+
\`\`\`tsx
|
|
94
|
+
import ModalJourneyRectification from "caminho/do/componente";
|
|
95
|
+
|
|
96
|
+
<ModalJourneyRectification
|
|
97
|
+
visible={true}
|
|
98
|
+
textTitle="Edutar atividade"
|
|
99
|
+
onClose={() => {/* fechar */}}
|
|
100
|
+
onPressConfirm={(payload) => {
|
|
101
|
+
// payload: { reasonValue, label, dateAndHours: { date, hours } }
|
|
102
|
+
}}
|
|
103
|
+
/>
|
|
104
|
+
\`\`\`
|
|
105
|
+
|
|
106
|
+
- Ao confirmar, o componente dispara o \`onPressConfirm\` com os dados selecionados e **fecha** em seguida.
|
|
107
|
+
- O clique no overlay ou o botão "CANCELAR" disparam \`onClose\`.
|
|
108
|
+
`
|
|
109
|
+
}
|
|
110
|
+
}
|
|
111
|
+
},
|
|
112
|
+
decorators: [Story => /*#__PURE__*/_react.default.createElement(WithViewport, null, Story())]
|
|
113
|
+
};
|
|
114
|
+
var _default = exports.default = meta;
|
|
115
|
+
/**
|
|
116
|
+
* STORIES
|
|
117
|
+
*/
|
|
118
|
+
/**
|
|
119
|
+
* Estado padrão (fechado).
|
|
120
|
+
*/
|
|
121
|
+
const Default = exports.Default = {};
|
|
122
|
+
|
|
123
|
+
/**
|
|
124
|
+
* Modal visível para inspeção visual.
|
|
125
|
+
*/
|
|
126
|
+
const Opened = exports.Opened = {
|
|
127
|
+
args: {
|
|
128
|
+
visible: true
|
|
129
|
+
},
|
|
130
|
+
parameters: {
|
|
131
|
+
docs: {
|
|
132
|
+
description: {
|
|
133
|
+
story: "Exibe o modal aberto para validar layout, overlay e botões de ação."
|
|
134
|
+
}
|
|
135
|
+
}
|
|
136
|
+
}
|
|
137
|
+
};
|
|
138
|
+
|
|
139
|
+
/**
|
|
140
|
+
* Título customizado (ex.: para variações de copy).
|
|
141
|
+
*/
|
|
142
|
+
const WithCustomTitle = exports.WithCustomTitle = {
|
|
143
|
+
args: {
|
|
144
|
+
visible: true,
|
|
145
|
+
textTitle: "Registrar atividade manualmente"
|
|
146
|
+
},
|
|
147
|
+
parameters: {
|
|
148
|
+
docs: {
|
|
149
|
+
description: {
|
|
150
|
+
story: "Permite validar a troca do título e o encaixe no cabeçalho do modal."
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
};
|
|
155
|
+
|
|
156
|
+
/**
|
|
157
|
+
* Playground — ajuste livre via Controls.
|
|
158
|
+
*/
|
|
159
|
+
const Playground = exports.Playground = {
|
|
160
|
+
args: {
|
|
161
|
+
visible: false,
|
|
162
|
+
textTitle: "Editar atividade"
|
|
163
|
+
},
|
|
164
|
+
parameters: {
|
|
165
|
+
docs: {
|
|
166
|
+
description: {
|
|
167
|
+
story: "Use os **Controls** para alternar `visible` e personalizar `textTitle`. As ações aparecem no painel *Actions*."
|
|
168
|
+
}
|
|
169
|
+
}
|
|
170
|
+
}
|
|
171
|
+
};
|
|
172
|
+
//# sourceMappingURL=modal-journey-rectification.stories.js.map
|
package/lib/commonjs/stories/modal-journey-rectification/modal-journey-rectification.stories.js.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_addonActions","_modalCreateActivitie","e","__esModule","default","WithViewport","children","createElement","View","style","flex","minHeight","alignItems","justifyContent","backgroundColor","meta","title","component","ModalJourneyRectification","args","visible","textTitle","onClose","action","onPressConfirm","argTypes","control","type","description","table","category","parameters","layout","docs","decorators","Story","_default","exports","Default","Opened","story","WithCustomTitle","Playground"],"sources":["modal-journey-rectification.stories.tsx"],"sourcesContent":["/**\r\n * IMPORTS (Storybook)\r\n */\r\nimport type { Meta, StoryObj } from \"@storybook/react\";\r\nimport React from \"react\";\r\nimport { View } from \"react-native\";\r\nimport { action } from \"@storybook/addon-actions\";\r\n\r\n/**\r\n * IMPORTS (Componente)\r\n * Ajuste o caminho conforme sua estrutura (ex.: \"../index\" ou \"./index\").\r\n */\r\nimport ModalJourneyRectification from \"../../components/modal-create-activitie\";\r\n\r\n/**\r\n * DECORATORS\r\n * Envolve o story para garantir área de visualização e evitar \"modal perdido\".\r\n */\r\nconst WithViewport: React.FC<React.PropsWithChildren> = ({ children }) => {\r\n return (\r\n <View\r\n style={{\r\n flex: 1,\r\n minHeight: 600,\r\n alignItems: \"center\",\r\n justifyContent: \"center\",\r\n backgroundColor: \"#F3F4F6\", // neutro claro p/ destacar o modal\r\n }}\r\n >\r\n {children}\r\n </View>\r\n );\r\n};\r\n\r\n/**\r\n * META\r\n */\r\nconst meta: Meta<typeof ModalJourneyRectification> = {\r\n title: \"Componente/ModalJourneyRectification\",\r\n component: ModalJourneyRectification,\r\n args: {\r\n visible: false,\r\n textTitle: \"Editar atividade\",\r\n onClose: action(\"onClose\"),// ação capturada no painel \"Actions\"\r\n onPressConfirm: action(\"onPressConfirm\"), // idem\r\n },\r\n argTypes: {\r\n visible: {\r\n control: { type: \"boolean\" },\r\n description: \"Define a visibilidade do modal.\",\r\n table: { category: \"Controle\" },\r\n },\r\n textTitle: {\r\n control: { type: \"text\" },\r\n description: \"Título exibido no cabeçalho do modal.\",\r\n table: { category: \"Conteúdo\" },\r\n },\r\n onClose: {\r\n description: \"Callback ao cancelar/fechar o modal.\",\r\n table: { category: \"Eventos\" },\r\n },\r\n onPressConfirm: {\r\n description:\r\n \"Callback ao confirmar. Recebe { reasonValue, label, dateAndHours }.\",\r\n table: { category: \"Eventos\" },\r\n },\r\n },\r\n parameters: {\r\n layout: \"fullscreen\",\r\n docs: {\r\n description: {\r\n component: `\r\n### ModalJourneyRectification\r\nModal para **Editar uma atividade** (motivo + data e hora) seguindo o design do sistema.\r\n\r\n#### Uso básico\r\n\\`\\`\\`tsx\r\nimport ModalJourneyRectification from \"caminho/do/componente\";\r\n\r\n<ModalJourneyRectification\r\n visible={true}\r\n textTitle=\"Edutar atividade\"\r\n onClose={() => {/* fechar */}}\r\n onPressConfirm={(payload) => {\r\n // payload: { reasonValue, label, dateAndHours: { date, hours } }\r\n }}\r\n/>\r\n\\`\\`\\`\r\n\r\n- Ao confirmar, o componente dispara o \\`onPressConfirm\\` com os dados selecionados e **fecha** em seguida.\r\n- O clique no overlay ou o botão \"CANCELAR\" disparam \\`onClose\\`.\r\n `,\r\n },\r\n },\r\n },\r\n decorators: [(Story) => <WithViewport>{Story()}</WithViewport>],\r\n};\r\nexport default meta;\r\n\r\n/**\r\n * STORIES\r\n */\r\ntype Story = StoryObj<typeof ModalJourneyRectification>;\r\n\r\n/**\r\n * Estado padrão (fechado).\r\n */\r\nexport const Default: Story = {};\r\n\r\n/**\r\n * Modal visível para inspeção visual.\r\n */\r\nexport const Opened: Story = {\r\n args: {\r\n visible: true,\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n story:\r\n \"Exibe o modal aberto para validar layout, overlay e botões de ação.\",\r\n },\r\n },\r\n },\r\n};\r\n\r\n/**\r\n * Título customizado (ex.: para variações de copy).\r\n */\r\nexport const WithCustomTitle: Story = {\r\n args: {\r\n visible: true,\r\n textTitle: \"Registrar atividade manualmente\",\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n story:\r\n \"Permite validar a troca do título e o encaixe no cabeçalho do modal.\",\r\n },\r\n },\r\n },\r\n};\r\n\r\n/**\r\n * Playground — ajuste livre via Controls.\r\n */\r\nexport const Playground: Story = {\r\n args: {\r\n visible: false,\r\n textTitle: \"Editar atividade\",\r\n },\r\n parameters: {\r\n docs: {\r\n description: {\r\n story:\r\n \"Use os **Controls** para alternar `visible` e personalizar `textTitle`. As ações aparecem no painel *Actions*.\",\r\n },\r\n },\r\n },\r\n};"],"mappings":"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","ignoreList":[]}
|
|
@@ -4,11 +4,12 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.default = exports.SelectRefuseRest = void 0;
|
|
7
|
-
var _selectOption = require("../../components/selects/select-option");
|
|
7
|
+
var _selectOption = _interopRequireDefault(require("../../components/selects/select-option"));
|
|
8
8
|
var _theme = require("../../styles/theme/theme");
|
|
9
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
10
|
const meta = {
|
|
10
11
|
title: "componente/SelectOption",
|
|
11
|
-
component: _selectOption.
|
|
12
|
+
component: _selectOption.default,
|
|
12
13
|
args: {
|
|
13
14
|
dataOption: []
|
|
14
15
|
},
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_selectOption","require","_theme","meta","title","component","SelectOption","args","dataOption","parameters","notes","options","label","value","_default","exports","
|
|
1
|
+
{"version":3,"names":["_selectOption","_interopRequireDefault","require","_theme","e","__esModule","default","meta","title","component","SelectOption","args","dataOption","parameters","notes","options","label","value","_default","exports","SelectRefuseRest","name","handleSelectDown","titleLabel","colortitleLabel","theme","colors","neutral"],"sources":["select-option.stories.tsx"],"sourcesContent":["import type { StoryObj, Meta } from \"@storybook/react\";\nimport SelectOption from \"../../components/selects/select-option\";\n\nimport { theme } from \"../../styles/theme/theme\";\n\nconst meta: Meta<typeof SelectOption> = {\n title: \"componente/SelectOption\",\n component: SelectOption,\n args: { dataOption: [] },\n parameters: {\n notes: `\n# SelectOption\n\nEste é um componente de select.\nVocê usa assim:\n\\`\\`\\`tsx\n<SelectOption\n titleLabel=\"Selecione um motivo\"\n sizeTitleLabel={18}\n dataOption={options}\n handleSelectDown={() => {}}\n/>\n\\`\\`\\`\n`,\n },\n};\n\nconst options = [\n { label: \"Local com infraestrutura ruim\", value: \"option1\" },\n { label: \"Pretendo fazer o repouso em casa ou outro local\", value: \"option2\" },\n { label: \"Outro motivo\", value: \"option3\" },\n];\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const SelectRefuseRest: Story = {\n name: \"select-refuse-rest-week\",\n args: {\n dataOption: options,\n handleSelectDown: () => {},\n titleLabel: \"Selecione uma opção\",\n colortitleLabel: theme.colors.neutral[25],\n },\n};\n"],"mappings":";;;;;;AACA,IAAAA,aAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,MAAA,GAAAD,OAAA;AAAiD,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEjD,MAAMG,IAA+B,GAAG;EACtCC,KAAK,EAAE,yBAAyB;EAChCC,SAAS,EAAEC,qBAAY;EACvBC,IAAI,EAAE;IAAEC,UAAU,EAAE;EAAG,CAAC;EACxBC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,MAAMC,OAAO,GAAG,CACd;EAAEC,KAAK,EAAE,+BAA+B;EAAEC,KAAK,EAAE;AAAU,CAAC,EAC5D;EAAED,KAAK,EAAE,iDAAiD;EAAEC,KAAK,EAAE;AAAU,CAAC,EAC9E;EAAED,KAAK,EAAE,cAAc;EAAEC,KAAK,EAAE;AAAU,CAAC,CAC5C;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAb,OAAA,GAEaC,IAAI;AAIZ,MAAMa,gBAAuB,GAAAD,OAAA,CAAAC,gBAAA,GAAG;EACrCC,IAAI,EAAE,yBAAyB;EAC/BV,IAAI,EAAE;IACJC,UAAU,EAAEG,OAAO;IACnBO,gBAAgB,EAAEA,CAAA,KAAM,CAAC,CAAC;IAC1BC,UAAU,EAAE,qBAAqB;IACjCC,eAAe,EAAEC,YAAK,CAACC,MAAM,CAACC,OAAO,CAAC,EAAE;EAC1C;AACF,CAAC","ignoreList":[]}
|
|
@@ -155,7 +155,22 @@ const letterSpacing = {
|
|
|
155
155
|
medium: 0.75,
|
|
156
156
|
strong: 1
|
|
157
157
|
};
|
|
158
|
-
|
|
158
|
+
const lineHeight = {
|
|
159
|
+
"2xs": 10,
|
|
160
|
+
xs: 12,
|
|
161
|
+
sm: 14,
|
|
162
|
+
md: 16,
|
|
163
|
+
lg: 18,
|
|
164
|
+
xl: 20,
|
|
165
|
+
"2xl": 24,
|
|
166
|
+
"3xl": 30,
|
|
167
|
+
"4xl": 36,
|
|
168
|
+
"5xl": 48,
|
|
169
|
+
"6xl": 60,
|
|
170
|
+
"7xl": 72,
|
|
171
|
+
"8xl": 96,
|
|
172
|
+
"9xl": 128
|
|
173
|
+
};
|
|
159
174
|
/**
|
|
160
175
|
* EXPORTSS
|
|
161
176
|
*/
|
|
@@ -167,6 +182,7 @@ const theme = exports.theme = {
|
|
|
167
182
|
margins,
|
|
168
183
|
shadows,
|
|
169
184
|
paddings,
|
|
170
|
-
letterSpacing
|
|
185
|
+
letterSpacing,
|
|
186
|
+
lineHeight
|
|
171
187
|
};
|
|
172
188
|
//# sourceMappingURL=theme.js.map
|
|
@@ -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","exports"],"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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
|
|
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","lineHeight","theme","exports"],"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\nconst lineHeight = {\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\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 lineHeight,\r\n};\r\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.OPTIONS = void 0;
|
|
7
|
+
/**
|
|
8
|
+
* IMPORTS
|
|
9
|
+
*/
|
|
10
|
+
const OPTIONS = exports.OPTIONS = [{
|
|
11
|
+
label: "Disp com veículo parado",
|
|
12
|
+
value: "option1"
|
|
13
|
+
}, {
|
|
14
|
+
label: "Operação com veículo",
|
|
15
|
+
value: "option2"
|
|
16
|
+
}, {
|
|
17
|
+
label: "Em carga",
|
|
18
|
+
value: "option3"
|
|
19
|
+
}, {
|
|
20
|
+
label: "Em descarga",
|
|
21
|
+
value: "option4"
|
|
22
|
+
}];
|
|
23
|
+
|
|
24
|
+
/**
|
|
25
|
+
* EXPORTS
|
|
26
|
+
*/
|
|
27
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["OPTIONS","exports","label","value"],"sources":["index.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nconst OPTIONS = [\r\n { label: \"Disp com veículo parado\", value: \"option1\" },\r\n { label: \"Operação com veículo\", value: \"option2\" },\r\n { label: \"Em carga\", value: \"option3\" },\r\n { label: \"Em descarga\", value: \"option4\" },\r\n] as const;\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { OPTIONS };"],"mappings":";;;;;;AAAA;AACA;AACA;AACA,MAAMA,OAAO,GAAAC,OAAA,CAAAD,OAAA,GAAG,CACd;EAAEE,KAAK,EAAE,yBAAyB;EAAEC,KAAK,EAAE;AAAU,CAAC,EACtD;EAAED,KAAK,EAAE,sBAAsB;EAAEC,KAAK,EAAE;AAAU,CAAC,EACnD;EAAED,KAAK,EAAE,UAAU;EAAEC,KAAK,EAAE;AAAU,CAAC,EACvC;EAAED,KAAK,EAAE,aAAa;EAAEC,KAAK,EAAE;AAAU,CAAC,CAClC;;AAEV;AACA;AACA","ignoreList":[]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.handleLimitTextdisplayByAmount = exports.handleLimitTextDate = void 0;
|
|
7
|
+
/**
|
|
8
|
+
* IMPORTS
|
|
9
|
+
*/
|
|
10
|
+
|
|
11
|
+
const handleLimitTextdisplayByAmount = ({
|
|
12
|
+
text,
|
|
13
|
+
limit
|
|
14
|
+
}) => {
|
|
15
|
+
if ((text === null || text === void 0 ? void 0 : text.length) > limit) {
|
|
16
|
+
return `${text.substring(0, limit)}...`;
|
|
17
|
+
} else {
|
|
18
|
+
return text;
|
|
19
|
+
}
|
|
20
|
+
};
|
|
21
|
+
exports.handleLimitTextdisplayByAmount = handleLimitTextdisplayByAmount;
|
|
22
|
+
const handleLimitTextDate = ({
|
|
23
|
+
text,
|
|
24
|
+
limit
|
|
25
|
+
}) => {
|
|
26
|
+
if ((text === null || text === void 0 ? void 0 : text.length) > limit) {
|
|
27
|
+
return `${text.substring(0, limit)}`;
|
|
28
|
+
} else {
|
|
29
|
+
return text;
|
|
30
|
+
}
|
|
31
|
+
};
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
* EXPORTS
|
|
35
|
+
*/
|
|
36
|
+
exports.handleLimitTextDate = handleLimitTextDate;
|
|
37
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["handleLimitTextdisplayByAmount","text","limit","length","substring","exports","handleLimitTextDate"],"sources":["index.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\ninterface ILimitProps {\r\n text: string;\r\n limit: number;\r\n}\r\nconst handleLimitTextdisplayByAmount = ({ text, limit }: ILimitProps) => {\r\n if (text?.length > limit) {\r\n return `${text.substring(0, limit)}...`;\r\n } else {\r\n return text;\r\n }\r\n};\r\n\r\nconst handleLimitTextDate = ({ text, limit }: ILimitProps) => {\r\n if (text?.length > limit) {\r\n return `${text.substring(0, limit)}`;\r\n } else {\r\n return text;\r\n }\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { handleLimitTextdisplayByAmount, handleLimitTextDate };\r\n"],"mappings":";;;;;;AAAA;AACA;AACA;;AAMA,MAAMA,8BAA8B,GAAGA,CAAC;EAAEC,IAAI;EAAEC;AAAmB,CAAC,KAAK;EACvE,IAAI,CAAAD,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,MAAM,IAAGD,KAAK,EAAE;IACxB,OAAO,GAAGD,IAAI,CAACG,SAAS,CAAC,CAAC,EAAEF,KAAK,CAAC,KAAK;EACzC,CAAC,MAAM;IACL,OAAOD,IAAI;EACb;AACF,CAAC;AAACI,OAAA,CAAAL,8BAAA,GAAAA,8BAAA;AAEF,MAAMM,mBAAmB,GAAGA,CAAC;EAAEL,IAAI;EAAEC;AAAmB,CAAC,KAAK;EAC5D,IAAI,CAAAD,IAAI,aAAJA,IAAI,uBAAJA,IAAI,CAAEE,MAAM,IAAGD,KAAK,EAAE;IACxB,OAAO,GAAGD,IAAI,CAACG,SAAS,CAAC,CAAC,EAAEF,KAAK,CAAC,EAAE;EACtC,CAAC,MAAM;IACL,OAAOD,IAAI;EACb;AACF,CAAC;;AAED;AACA;AACA;AAFAI,OAAA,CAAAC,mBAAA,GAAAA,mBAAA","ignoreList":[]}
|
|
@@ -0,0 +1,123 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import React, { forwardRef, useCallback } from "react";
|
|
5
|
+
import { TouchableOpacity, View } from "react-native";
|
|
6
|
+
|
|
7
|
+
// components
|
|
8
|
+
import { Typography } from "../../../../components/typography";
|
|
9
|
+
|
|
10
|
+
// commons / svg
|
|
11
|
+
import { Icons } from "../../../../common/icons-svg";
|
|
12
|
+
|
|
13
|
+
// typings
|
|
14
|
+
|
|
15
|
+
import { asBaseComponent } from "../../../../@types/as-base-component";
|
|
16
|
+
|
|
17
|
+
// styles
|
|
18
|
+
import { theme } from "../../../../styles/theme/theme";
|
|
19
|
+
import { styles } from "../../styles";
|
|
20
|
+
|
|
21
|
+
/**
|
|
22
|
+
* Componente ActivityRows para a interação da ui.
|
|
23
|
+
*/
|
|
24
|
+
const ActivityRows = /*#__PURE__*/forwardRef(({
|
|
25
|
+
index,
|
|
26
|
+
activities,
|
|
27
|
+
items,
|
|
28
|
+
onAdd,
|
|
29
|
+
onEdit,
|
|
30
|
+
onDelete
|
|
31
|
+
}, ref) => {
|
|
32
|
+
var _activities$date, _activities$time, _activities$title;
|
|
33
|
+
const handleAdd = useCallback(() => onAdd(activities), [onAdd, activities]);
|
|
34
|
+
const handleEdit = useCallback(() => onEdit(activities), [onEdit, activities]);
|
|
35
|
+
const handleDelete = useCallback(() => onDelete(activities), [onDelete, activities]);
|
|
36
|
+
const isInvalid = !!activities.invalid;
|
|
37
|
+
const dateText = activities.date instanceof Date ? `${String(activities.date.getDate()).padStart(2, "0")}/${String(activities.date.getMonth() + 1).padStart(2, "0")}/${activities.date.getFullYear()}` : String((_activities$date = activities.date) !== null && _activities$date !== void 0 ? _activities$date : "");
|
|
38
|
+
const timeText = activities.time instanceof Date ? `${String(activities.time.getHours()).padStart(2, "0")}:${String(activities.time.getMinutes()).padStart(2, "0")}` : String((_activities$time = activities.time) !== null && _activities$time !== void 0 ? _activities$time : "");
|
|
39
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
40
|
+
ref: ref,
|
|
41
|
+
style: styles.row
|
|
42
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
43
|
+
style: styles.badge
|
|
44
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
45
|
+
text: String(index + 1),
|
|
46
|
+
color: theme.colors.neutral[25],
|
|
47
|
+
size: theme.fontSizes.sm,
|
|
48
|
+
fontFamily: theme.fonts.inter_bold_700
|
|
49
|
+
})), Boolean(index !== (items === null || items === void 0 ? void 0 : items.length) - 1) && /*#__PURE__*/React.createElement(View, {
|
|
50
|
+
style: {
|
|
51
|
+
width: 2,
|
|
52
|
+
height: 76,
|
|
53
|
+
backgroundColor: theme.colors.blue[500],
|
|
54
|
+
position: "absolute",
|
|
55
|
+
left: 21,
|
|
56
|
+
top: 60
|
|
57
|
+
}
|
|
58
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
59
|
+
style: styles.card
|
|
60
|
+
}, /*#__PURE__*/React.createElement(Typography, {
|
|
61
|
+
numberOfLines: 1,
|
|
62
|
+
style: styles.title,
|
|
63
|
+
text: (_activities$title = activities.title) !== null && _activities$title !== void 0 ? _activities$title : "Não informada",
|
|
64
|
+
color: isInvalid ? theme.colors.red[900] : theme.colors.blue[500],
|
|
65
|
+
size: 14,
|
|
66
|
+
fontFamily: theme.fonts.inter_medium_500,
|
|
67
|
+
lineHeight: 34
|
|
68
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
69
|
+
style: [styles.pill, isInvalid ? styles.pillInvalid : styles.pillOk]
|
|
70
|
+
}, /*#__PURE__*/React.createElement(Icons, {
|
|
71
|
+
icon: "CALENDAR",
|
|
72
|
+
size: 18,
|
|
73
|
+
color: isInvalid ? theme.colors.red[900] : theme.colors.blue[500]
|
|
74
|
+
}), /*#__PURE__*/React.createElement(Typography, {
|
|
75
|
+
text: dateText,
|
|
76
|
+
color: isInvalid ? theme.colors.red[800] : theme.colors.blue[400],
|
|
77
|
+
size: theme.fontSizes.xs,
|
|
78
|
+
fontFamily: theme.fonts.inter_medium_500
|
|
79
|
+
}), /*#__PURE__*/React.createElement(Typography, {
|
|
80
|
+
text: "|",
|
|
81
|
+
color: isInvalid ? theme.colors.red[800] : theme.colors.blue[400],
|
|
82
|
+
size: theme.fontSizes.sm,
|
|
83
|
+
style: styles.sep
|
|
84
|
+
}), /*#__PURE__*/React.createElement(Typography, {
|
|
85
|
+
text: timeText,
|
|
86
|
+
color: isInvalid ? theme.colors.red[800] : theme.colors.blue[500],
|
|
87
|
+
size: theme.fontSizes.xs,
|
|
88
|
+
fontFamily: theme.fonts.inter_medium_500
|
|
89
|
+
}))), /*#__PURE__*/React.createElement(View, {
|
|
90
|
+
style: styles.actions
|
|
91
|
+
}, /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
92
|
+
style: styles.iconButton,
|
|
93
|
+
onPress: handleEdit,
|
|
94
|
+
testID: "edit-activity"
|
|
95
|
+
}, /*#__PURE__*/React.createElement(Icons, {
|
|
96
|
+
icon: "NOTE_PINCEL",
|
|
97
|
+
size: 18,
|
|
98
|
+
color: theme.colors.blue[350]
|
|
99
|
+
})), /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
100
|
+
style: styles.iconButton,
|
|
101
|
+
onPress: handleAdd,
|
|
102
|
+
testID: "add-after-activity"
|
|
103
|
+
}, /*#__PURE__*/React.createElement(Icons, {
|
|
104
|
+
icon: "PLUS",
|
|
105
|
+
size: 18,
|
|
106
|
+
color: theme.colors.green[500]
|
|
107
|
+
})), /*#__PURE__*/React.createElement(TouchableOpacity, {
|
|
108
|
+
style: styles.iconButton,
|
|
109
|
+
onPress: handleDelete,
|
|
110
|
+
testID: "delete-activity"
|
|
111
|
+
}, /*#__PURE__*/React.createElement(Icons, {
|
|
112
|
+
icon: "X_CIRCLE",
|
|
113
|
+
size: 18,
|
|
114
|
+
color: theme.colors.red[900]
|
|
115
|
+
}))));
|
|
116
|
+
});
|
|
117
|
+
ActivityRows.displayName = "ActivityRows";
|
|
118
|
+
|
|
119
|
+
/**
|
|
120
|
+
* EXPORTS
|
|
121
|
+
*/
|
|
122
|
+
export default asBaseComponent(ActivityRows);
|
|
123
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","TouchableOpacity","View","Typography","Icons","asBaseComponent","theme","styles","ActivityRows","index","activities","items","onAdd","onEdit","onDelete","ref","_activities$date","_activities$time","_activities$title","handleAdd","handleEdit","handleDelete","isInvalid","invalid","dateText","date","Date","String","getDate","padStart","getMonth","getFullYear","timeText","time","getHours","getMinutes","createElement","style","row","badge","text","color","colors","neutral","size","fontSizes","sm","fontFamily","fonts","inter_bold_700","Boolean","length","width","height","backgroundColor","blue","position","left","top","card","numberOfLines","title","red","inter_medium_500","lineHeight","pill","pillInvalid","pillOk","icon","xs","sep","actions","iconButton","onPress","testID","green","displayName"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React, { forwardRef, useCallback } from \"react\";\r\nimport { TouchableOpacity, View } from \"react-native\";\r\n\r\n// components\r\nimport { Typography } from \"../../../../components/typography\";\r\n\r\n// commons / svg\r\nimport { Icons } from \"../../../../common/icons-svg\";\r\n\r\n// typings\r\nimport type { IActivitieRowProps } from \"../../interface\";\r\nimport { asBaseComponent } from \"../../../../@types/as-base-component\";\r\n\r\n// styles\r\nimport { theme } from \"../../../../styles/theme/theme\";\r\nimport { styles } from \"../../styles\";\r\n\r\n/**\r\n * Componente ActivityRows para a interação da ui.\r\n */\r\nconst ActivityRows = forwardRef<any, IActivitieRowProps<any>>(\r\n ({ index, activities, items, onAdd, onEdit, onDelete }, ref): React.ReactElement => {\r\n const handleAdd = useCallback(() => onAdd(activities), [onAdd, activities]);\r\n const handleEdit = useCallback(() => onEdit(activities), [onEdit, activities]);\r\n const handleDelete = useCallback(() => onDelete(activities), [onDelete, activities]);\r\n\r\n const isInvalid = !!activities.invalid;\r\n\r\n const dateText =\r\n activities.date instanceof Date\r\n ? `${String(activities.date.getDate()).padStart(2, \"0\")}/${String(\r\n activities.date.getMonth() + 1\r\n ).padStart(2, \"0\")}/${activities.date.getFullYear()}`\r\n : String(activities.date ?? \"\");\r\n\r\n const timeText =\r\n activities.time instanceof Date\r\n ? `${String(activities.time.getHours()).padStart(2, \"0\")}:${String(\r\n activities.time.getMinutes()\r\n ).padStart(2, \"0\")}`\r\n : String(activities.time ?? \"\");\r\n\r\n return (\r\n <View ref={ref} style={styles.row}>\r\n <View style={styles.badge}>\r\n <Typography\r\n text={String(index + 1)}\r\n color={theme.colors.neutral[25]}\r\n size={theme.fontSizes.sm}\r\n fontFamily={theme.fonts.inter_bold_700}\r\n />\r\n </View>\r\n\r\n {Boolean(index !== items?.length - 1) && (\r\n <View\r\n style={{\r\n width: 2,\r\n height: 76,\r\n backgroundColor: theme.colors.blue[500],\r\n position: \"absolute\",\r\n left: 21,\r\n top: 60,\r\n }}\r\n />\r\n )}\r\n\r\n <View style={styles.card}>\r\n <Typography\r\n numberOfLines={1}\r\n style={styles.title}\r\n text={activities.title ?? \"Não informada\"}\r\n color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}\r\n size={14}\r\n fontFamily={theme.fonts.inter_medium_500}\r\n lineHeight={34}\r\n />\r\n\r\n <View style={[styles.pill, isInvalid ? styles.pillInvalid : styles.pillOk]}>\r\n <Icons\r\n icon=\"CALENDAR\"\r\n size={18}\r\n color={isInvalid ? theme.colors.red[900] : theme.colors.blue[500]}\r\n />\r\n <Typography\r\n text={dateText}\r\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}\r\n size={theme.fontSizes.xs}\r\n fontFamily={theme.fonts.inter_medium_500}\r\n />\r\n <Typography\r\n text=\"|\"\r\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[400]}\r\n size={theme.fontSizes.sm}\r\n style={styles.sep}\r\n />\r\n <Typography\r\n text={timeText}\r\n color={isInvalid ? theme.colors.red[800] : theme.colors.blue[500]}\r\n size={theme.fontSizes.xs}\r\n fontFamily={theme.fonts.inter_medium_500}\r\n />\r\n </View>\r\n </View>\r\n\r\n <View style={styles.actions}>\r\n <TouchableOpacity style={styles.iconButton} onPress={handleEdit} testID=\"edit-activity\">\r\n <Icons icon=\"NOTE_PINCEL\" size={18} color={theme.colors.blue[350]} />\r\n </TouchableOpacity>\r\n\r\n <TouchableOpacity style={styles.iconButton} onPress={handleAdd} testID=\"add-after-activity\">\r\n {/* Não há PLUS_CONTAINER, usando PLUS como alternativa visual */}\r\n <Icons icon=\"PLUS\" size={18} color={theme.colors.green[500]} />\r\n </TouchableOpacity>\r\n\r\n <TouchableOpacity style={styles.iconButton} onPress={handleDelete} testID=\"delete-activity\">\r\n {/* Não há TRASH, usando X_CIRCLE como alternativa de remover */}\r\n <Icons icon=\"X_CIRCLE\" size={18} color={theme.colors.red[900]} />\r\n </TouchableOpacity>\r\n </View>\r\n </View>\r\n );\r\n }\r\n);\r\n\r\nActivityRows.displayName = \"ActivityRows\";\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport default asBaseComponent(ActivityRows);"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import React, { forwardRef, useCallback } from "react";
|
|
5
|
+
import { View, FlatList } from "react-native";
|
|
6
|
+
|
|
7
|
+
// components
|
|
8
|
+
import ActivityRows from "./components/activite-row";
|
|
9
|
+
|
|
10
|
+
// typings
|
|
11
|
+
|
|
12
|
+
import { asBaseComponent } from "../../@types/as-base-component";
|
|
13
|
+
|
|
14
|
+
// styles
|
|
15
|
+
import { styles, ROW_HEIGHT } from "./styles";
|
|
16
|
+
|
|
17
|
+
/**
|
|
18
|
+
* Componente ActivityTimeline para a interação da ui.
|
|
19
|
+
*/
|
|
20
|
+
const ActivityTimeline = /*#__PURE__*/forwardRef(({
|
|
21
|
+
data,
|
|
22
|
+
onAdd,
|
|
23
|
+
onEdit,
|
|
24
|
+
onDelete,
|
|
25
|
+
showIndexBadge = true,
|
|
26
|
+
testID = "activity-timeline"
|
|
27
|
+
}, ref) => {
|
|
28
|
+
const keyExtractor = useCallback(it => String(it.id), []);
|
|
29
|
+
const renderItem = useCallback(({
|
|
30
|
+
item,
|
|
31
|
+
index
|
|
32
|
+
}) => /*#__PURE__*/React.createElement(ActivityRows, {
|
|
33
|
+
index: index,
|
|
34
|
+
items: data,
|
|
35
|
+
activities: item,
|
|
36
|
+
onAdd: onAdd,
|
|
37
|
+
onEdit: onEdit,
|
|
38
|
+
onDelete: onDelete,
|
|
39
|
+
showIndexBadge: showIndexBadge
|
|
40
|
+
}), [onAdd, onEdit, onDelete, showIndexBadge]);
|
|
41
|
+
const getItemLayout = useCallback((_, index) => ({
|
|
42
|
+
length: ROW_HEIGHT,
|
|
43
|
+
offset: ROW_HEIGHT * index,
|
|
44
|
+
index
|
|
45
|
+
}), []);
|
|
46
|
+
return /*#__PURE__*/React.createElement(FlatList, {
|
|
47
|
+
ref: ref,
|
|
48
|
+
testID: testID,
|
|
49
|
+
data: data,
|
|
50
|
+
keyExtractor: keyExtractor,
|
|
51
|
+
renderItem: renderItem,
|
|
52
|
+
contentContainerStyle: styles.listContainer,
|
|
53
|
+
getItemLayout: getItemLayout,
|
|
54
|
+
initialNumToRender: 10,
|
|
55
|
+
maxToRenderPerBatch: 10,
|
|
56
|
+
removeClippedSubviews: true,
|
|
57
|
+
windowSize: 7,
|
|
58
|
+
ListEmptyComponent: /*#__PURE__*/React.createElement(View, {
|
|
59
|
+
style: {
|
|
60
|
+
height: 8
|
|
61
|
+
}
|
|
62
|
+
})
|
|
63
|
+
});
|
|
64
|
+
});
|
|
65
|
+
|
|
66
|
+
/**
|
|
67
|
+
* EXPORTS
|
|
68
|
+
*/
|
|
69
|
+
export default asBaseComponent(ActivityTimeline);
|
|
70
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","View","FlatList","ActivityRows","asBaseComponent","styles","ROW_HEIGHT","ActivityTimeline","data","onAdd","onEdit","onDelete","showIndexBadge","testID","ref","keyExtractor","it","String","id","renderItem","item","index","createElement","items","activities","getItemLayout","_","length","offset","contentContainerStyle","listContainer","initialNumToRender","maxToRenderPerBatch","removeClippedSubviews","windowSize","ListEmptyComponent","style","height"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React, { forwardRef, useCallback } from \"react\";\r\nimport { View, FlatList } from \"react-native\";\r\n\r\n// components\r\nimport ActivityRows from \"./components/activite-row\";\r\n\r\n// typings\r\nimport type { ActivityItemModel, ActivityTimelineProps } from \"./interface\";\r\nimport { asBaseComponent } from \"../../@types/as-base-component\";\r\n\r\n// styles\r\nimport { styles, ROW_HEIGHT } from \"./styles\";\r\n\r\n/**\r\n * Componente ActivityTimeline para a interação da ui.\r\n */\r\nconst ActivityTimeline = forwardRef<any, ActivityTimelineProps<any>>(\r\n (\r\n { data, onAdd, onEdit, onDelete, showIndexBadge = true, testID = \"activity-timeline\" },\r\n ref\r\n ): React.ReactElement => {\r\n const keyExtractor = useCallback((it: ActivityItemModel) => String(it.id), []);\r\n\r\n const renderItem = useCallback(\r\n ({ item, index }: { item: ActivityItemModel; index: number }) => (\r\n <ActivityRows\r\n index={index}\r\n items={data}\r\n activities={item}\r\n onAdd={onAdd}\r\n onEdit={onEdit}\r\n onDelete={onDelete}\r\n showIndexBadge={showIndexBadge}\r\n />\r\n ),\r\n [onAdd, onEdit, onDelete, showIndexBadge]\r\n );\r\n\r\n const getItemLayout = useCallback(\r\n (_: any, index: number) => ({\r\n length: ROW_HEIGHT,\r\n offset: ROW_HEIGHT * index,\r\n index,\r\n }),\r\n []\r\n );\r\n return (\r\n <FlatList\r\n ref={ref}\r\n testID={testID}\r\n data={data}\r\n keyExtractor={keyExtractor}\r\n renderItem={renderItem}\r\n contentContainerStyle={styles.listContainer}\r\n getItemLayout={getItemLayout}\r\n initialNumToRender={10}\r\n maxToRenderPerBatch={10}\r\n removeClippedSubviews\r\n windowSize={7}\r\n ListEmptyComponent={<View style={{ height: 8 }} />}\r\n />\r\n );\r\n }\r\n);\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport default asBaseComponent(ActivityTimeline);"],"mappings":"AAAA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,WAAW,QAAQ,OAAO;AACtD,SAASC,IAAI,EAAEC,QAAQ,QAAQ,cAAc;;AAE7C;AACA,OAAOC,YAAY,MAAM,2BAA2B;;AAEpD;;AAEA,SAASC,eAAe,QAAQ,gCAAgC;;AAEhE;AACA,SAASC,MAAM,EAAEC,UAAU,QAAQ,UAAU;;AAE7C;AACA;AACA;AACA,MAAMC,gBAAgB,gBAAGR,UAAU,CACjC,CACE;EAAES,IAAI;EAAEC,KAAK;EAAEC,MAAM;EAAEC,QAAQ;EAAEC,cAAc,GAAG,IAAI;EAAEC,MAAM,GAAG;AAAoB,CAAC,EACtFC,GAAG,KACoB;EACvB,MAAMC,YAAY,GAAGf,WAAW,CAAEgB,EAAqB,IAAKC,MAAM,CAACD,EAAE,CAACE,EAAE,CAAC,EAAE,EAAE,CAAC;EAE9E,MAAMC,UAAU,GAAGnB,WAAW,CAC5B,CAAC;IAAEoB,IAAI;IAAEC;EAAkD,CAAC,kBAC1DvB,KAAA,CAAAwB,aAAA,CAACnB,YAAY;IACXkB,KAAK,EAAEA,KAAM;IACbE,KAAK,EAAEf,IAAK;IACZgB,UAAU,EAAEJ,IAAK;IACjBX,KAAK,EAAEA,KAAM;IACbC,MAAM,EAAEA,MAAO;IACfC,QAAQ,EAAEA,QAAS;IACnBC,cAAc,EAAEA;EAAe,CAChC,CACF,EACD,CAACH,KAAK,EAAEC,MAAM,EAAEC,QAAQ,EAAEC,cAAc,CAC1C,CAAC;EAED,MAAMa,aAAa,GAAGzB,WAAW,CAC/B,CAAC0B,CAAM,EAAEL,KAAa,MAAM;IAC1BM,MAAM,EAAErB,UAAU;IAClBsB,MAAM,EAAEtB,UAAU,GAAGe,KAAK;IAC1BA;EACF,CAAC,CAAC,EACF,EACF,CAAC;EACD,oBACEvB,KAAA,CAAAwB,aAAA,CAACpB,QAAQ;IACPY,GAAG,EAAEA,GAAI;IACTD,MAAM,EAAEA,MAAO;IACfL,IAAI,EAAEA,IAAK;IACXO,YAAY,EAAEA,YAAa;IAC3BI,UAAU,EAAEA,UAAW;IACvBU,qBAAqB,EAAExB,MAAM,CAACyB,aAAc;IAC5CL,aAAa,EAAEA,aAAc;IAC7BM,kBAAkB,EAAE,EAAG;IACvBC,mBAAmB,EAAE,EAAG;IACxBC,qBAAqB;IACrBC,UAAU,EAAE,CAAE;IACdC,kBAAkB,eAAErC,KAAA,CAAAwB,aAAA,CAACrB,IAAI;MAACmC,KAAK,EAAE;QAAEC,MAAM,EAAE;MAAE;IAAE,CAAE;EAAE,CACpD,CAAC;AAEN,CACF,CAAC;;AAED;AACA;AACA;AACA,eAAejC,eAAe,CAACG,gBAAgB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["interface.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport type { TouchableOpacityProps } from \"react-native\";\r\nimport type { SVG_NAME } from \"../../common/icons-svg/constants\";\r\n\r\n/**\r\n * TYPES\r\n */\r\ntype ActivityId = string | number;\r\n\r\ntype ActivityItemModel = {\r\n id: ActivityId;\r\n title: string; // \"Operação com veículo\", \"Refeição\", ...\r\n date: Date | string; // pode vir Date ou string já formatada\r\n time: Date | string; // idem\r\n invalid?: boolean; // destaca em vermelho\r\n};\r\n\r\ntype IconName = keyof typeof SVG_NAME;\r\n\r\ntype OnActivity = (item: ActivityItemModel) => void;\r\n\r\ntype ActivityTimelineProps<T> = TouchableOpacityProps & {\r\n data: T[];\r\n onAdd: OnActivity; // add novo após o item\r\n onEdit: OnActivity;\r\n onDelete: OnActivity;\r\n showIndexBadge?: boolean; // mostra o “3/4/5”\r\n testID?: string;\r\n};\r\n\r\ntype IActivitieRowProps<T> = {\r\n index: number;\r\n activities: ActivityItemModel;\r\n items: T[];\r\n onAdd: OnActivity;\r\n onEdit: OnActivity;\r\n onDelete: OnActivity;\r\n showIndexBadge?: boolean;\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport type {\r\n ActivityId,\r\n ActivityItemModel,\r\n IconName,\r\n OnActivity,\r\n ActivityTimelineProps,\r\n IActivitieRowProps,\r\n};"],"mappings":"","ignoreList":[]}
|