react-native-exp-fig 0.1.26 → 0.1.27
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/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 +32 -4
- package/lib/commonjs/index.js.map +1 -1
- 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/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 +9 -5
- package/lib/module/index.js.map +1 -1
- 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/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 +7 -3
- 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/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 +49 -45
- 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,63 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
/**
|
|
3
|
+
* IMPORTS
|
|
4
|
+
*/
|
|
5
|
+
import React, { forwardRef, useState } from "react";
|
|
6
|
+
import { View, Text, TextInput } from "react-native";
|
|
7
|
+
|
|
8
|
+
// components
|
|
9
|
+
import Box from "../box";
|
|
10
|
+
|
|
11
|
+
// typings
|
|
12
|
+
|
|
13
|
+
import { asBaseComponent } from "../../@types/as-base-component";
|
|
14
|
+
|
|
15
|
+
// styles
|
|
16
|
+
import { stylesInput } from "./styles";
|
|
17
|
+
const MAX_LENGTH = 150;
|
|
18
|
+
|
|
19
|
+
/**
|
|
20
|
+
* Component input + limitador de carecteres para interação do usuário.
|
|
21
|
+
*/
|
|
22
|
+
const InputTextCounter = /*#__PURE__*/forwardRef(({
|
|
23
|
+
label,
|
|
24
|
+
onChangeText,
|
|
25
|
+
error = null,
|
|
26
|
+
...props
|
|
27
|
+
}, ref) => {
|
|
28
|
+
const [text, setText] = useState("");
|
|
29
|
+
const handleChangeText = value => {
|
|
30
|
+
const sliced = value.slice(0, 150);
|
|
31
|
+
setText(sliced);
|
|
32
|
+
onChangeText === null || onChangeText === void 0 || onChangeText(sliced);
|
|
33
|
+
};
|
|
34
|
+
return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
|
|
35
|
+
style: stylesInput.label
|
|
36
|
+
}, label), /*#__PURE__*/React.createElement(View, {
|
|
37
|
+
style: stylesInput.inputWrapper
|
|
38
|
+
}, /*#__PURE__*/React.createElement(TextInput, _extends({
|
|
39
|
+
ref: ref,
|
|
40
|
+
multiline: true,
|
|
41
|
+
style: stylesInput.input,
|
|
42
|
+
placeholderTextColor: "#999",
|
|
43
|
+
maxLength: MAX_LENGTH,
|
|
44
|
+
value: text,
|
|
45
|
+
onChangeText: handleChangeText
|
|
46
|
+
}, props))), /*#__PURE__*/React.createElement(Box, {
|
|
47
|
+
flexStyle: {
|
|
48
|
+
flexDirection: "row",
|
|
49
|
+
justifyContent: error ? "space-between" : "flex-end"
|
|
50
|
+
}
|
|
51
|
+
}, error && /*#__PURE__*/React.createElement(Text, {
|
|
52
|
+
style: stylesInput.errorText
|
|
53
|
+
}, error), /*#__PURE__*/React.createElement(Text, {
|
|
54
|
+
style: stylesInput.charCount
|
|
55
|
+
}, `${text.length}/${MAX_LENGTH}`)));
|
|
56
|
+
});
|
|
57
|
+
InputTextCounter.displayName = "InputTextCounterProps";
|
|
58
|
+
|
|
59
|
+
/**
|
|
60
|
+
* EXPORTS
|
|
61
|
+
*/
|
|
62
|
+
export default asBaseComponent(/*#__PURE__*/React.memo(InputTextCounter));
|
|
63
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useState","View","Text","TextInput","Box","asBaseComponent","stylesInput","MAX_LENGTH","InputTextCounter","label","onChangeText","error","props","ref","text","setText","handleChangeText","value","sliced","slice","createElement","style","inputWrapper","_extends","multiline","input","placeholderTextColor","maxLength","flexStyle","flexDirection","justifyContent","errorText","charCount","length","displayName","memo"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React, { forwardRef, useState } from \"react\";\r\nimport { View, Text, TextInput } from \"react-native\";\r\n\r\n// components\r\nimport Box from \"../box\";\r\n\r\n// typings\r\nimport type { InputTextCounterProps } from \"./interface\";\r\nimport { asBaseComponent } from \"../../@types/as-base-component\";\r\n\r\n// styles\r\nimport { stylesInput } from \"./styles\";\r\nconst MAX_LENGTH = 150;\r\n\r\n/**\r\n * Component input + limitador de carecteres para interação do usuário.\r\n */\r\nconst InputTextCounter = forwardRef<any, InputTextCounterProps>(\r\n ({ label, onChangeText, error = null, ...props }, ref): React.ReactElement => {\r\n const [text, setText] = useState(\"\");\r\n\r\n const handleChangeText = (value: string) => {\r\n const sliced = value.slice(0, 150);\r\n setText(sliced);\r\n onChangeText?.(sliced);\r\n };\r\n\r\n return (\r\n <View>\r\n <Text style={stylesInput.label}>{label}</Text>\r\n\r\n <View style={stylesInput.inputWrapper}>\r\n <TextInput\r\n ref={ref}\r\n multiline\r\n style={stylesInput.input}\r\n placeholderTextColor=\"#999\"\r\n maxLength={MAX_LENGTH}\r\n value={text}\r\n onChangeText={handleChangeText}\r\n {...props}\r\n />\r\n </View>\r\n\r\n <Box\r\n flexStyle={{ flexDirection: \"row\", justifyContent: error ? \"space-between\" : \"flex-end\" }}\r\n >\r\n {error && <Text style={stylesInput.errorText}>{error}</Text>}\r\n <Text style={stylesInput.charCount}>{`${text.length}/${MAX_LENGTH}`}</Text>\r\n </Box>\r\n </View>\r\n );\r\n }\r\n);\r\n\r\nInputTextCounter.displayName = \"InputTextCounterProps\";\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport default asBaseComponent(React.memo(InputTextCounter));\r\n"],"mappings":";AAAA;AACA;AACA;AACA,OAAOA,KAAK,IAAIC,UAAU,EAAEC,QAAQ,QAAQ,OAAO;AACnD,SAASC,IAAI,EAAEC,IAAI,EAAEC,SAAS,QAAQ,cAAc;;AAEpD;AACA,OAAOC,GAAG,MAAM,QAAQ;;AAExB;;AAEA,SAASC,eAAe,QAAQ,gCAAgC;;AAEhE;AACA,SAASC,WAAW,QAAQ,UAAU;AACtC,MAAMC,UAAU,GAAG,GAAG;;AAEtB;AACA;AACA;AACA,MAAMC,gBAAgB,gBAAGT,UAAU,CACjC,CAAC;EAAEU,KAAK;EAAEC,YAAY;EAAEC,KAAK,GAAG,IAAI;EAAE,GAAGC;AAAM,CAAC,EAAEC,GAAG,KAAyB;EAC5E,MAAM,CAACC,IAAI,EAAEC,OAAO,CAAC,GAAGf,QAAQ,CAAC,EAAE,CAAC;EAEpC,MAAMgB,gBAAgB,GAAIC,KAAa,IAAK;IAC1C,MAAMC,MAAM,GAAGD,KAAK,CAACE,KAAK,CAAC,CAAC,EAAE,GAAG,CAAC;IAClCJ,OAAO,CAACG,MAAM,CAAC;IACfR,YAAY,aAAZA,YAAY,eAAZA,YAAY,CAAGQ,MAAM,CAAC;EACxB,CAAC;EAED,oBACEpB,KAAA,CAAAsB,aAAA,CAACnB,IAAI,qBACHH,KAAA,CAAAsB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAEf,WAAW,CAACG;EAAM,GAAEA,KAAY,CAAC,eAE9CX,KAAA,CAAAsB,aAAA,CAACnB,IAAI;IAACoB,KAAK,EAAEf,WAAW,CAACgB;EAAa,gBACpCxB,KAAA,CAAAsB,aAAA,CAACjB,SAAS,EAAAoB,QAAA;IACRV,GAAG,EAAEA,GAAI;IACTW,SAAS;IACTH,KAAK,EAAEf,WAAW,CAACmB,KAAM;IACzBC,oBAAoB,EAAC,MAAM;IAC3BC,SAAS,EAAEpB,UAAW;IACtBU,KAAK,EAAEH,IAAK;IACZJ,YAAY,EAAEM;EAAiB,GAC3BJ,KAAK,CACV,CACG,CAAC,eAEPd,KAAA,CAAAsB,aAAA,CAAChB,GAAG;IACFwB,SAAS,EAAE;MAAEC,aAAa,EAAE,KAAK;MAAEC,cAAc,EAAEnB,KAAK,GAAG,eAAe,GAAG;IAAW;EAAE,GAEzFA,KAAK,iBAAIb,KAAA,CAAAsB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAEf,WAAW,CAACyB;EAAU,GAAEpB,KAAY,CAAC,eAC5Db,KAAA,CAAAsB,aAAA,CAAClB,IAAI;IAACmB,KAAK,EAAEf,WAAW,CAAC0B;EAAU,GAAE,GAAGlB,IAAI,CAACmB,MAAM,IAAI1B,UAAU,EAAS,CACvE,CACD,CAAC;AAEX,CACF,CAAC;AAEDC,gBAAgB,CAAC0B,WAAW,GAAG,uBAAuB;;AAEtD;AACA;AACA;AACA,eAAe7B,eAAe,cAACP,KAAK,CAACqC,IAAI,CAAC3B,gBAAgB,CAAC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport { type TextInputProps, type DimensionValue } from \"react-native\";\r\n\r\ntype InputTextCounterProps = TextInputProps & {\r\n label: string;\r\n backgroundColor?: string;\r\n\r\n error?: string | null;\r\n\r\n /**\r\n * A propriedade CSS abreviada border define a borda de um elemento. Ele define os valores de largura da borda, estilo da borda e cor da borda.\r\n */\r\n borderStyled?: {\r\n borderStyle?: \"solid\" | \"dotted\" | \"dashed\";\r\n\r\n borderRadius?: number | DimensionValue;\r\n borderTopRightRadius?: number | DimensionValue;\r\n borderTopLeftRadius?: number | DimensionValue;\r\n borderBottomRightRadius?: number | DimensionValue;\r\n borderBottomLeftRadius?: number | DimensionValue;\r\n\r\n borderWidth?: number | DimensionValue;\r\n borderLeftWidth?: number | DimensionValue;\r\n borderRightWidth?: number | DimensionValue;\r\n borderTopWidth?: number | DimensionValue;\r\n borderBottomWidth?: number | DimensionValue;\r\n\r\n borderColor?: string;\r\n borderBottomColor?: string;\r\n borderLeftColor?: string;\r\n borderRightColor?: string;\r\n borderTopColor?: string;\r\n };\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { InputTextCounterProps };\r\n"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
import { StyleSheet } from "react-native";
|
|
2
|
+
import { theme } from "../../styles/theme/theme";
|
|
3
|
+
const stylesInput = StyleSheet.create({
|
|
4
|
+
label: {
|
|
5
|
+
fontFamily: theme.fonts.inter_regular_400,
|
|
6
|
+
fontSize: theme.fontSizes.md,
|
|
7
|
+
color: theme.colors.black[100],
|
|
8
|
+
marginBottom: theme.margins["1xs"],
|
|
9
|
+
fontWeight: "500"
|
|
10
|
+
},
|
|
11
|
+
inputWrapper: {
|
|
12
|
+
borderColor: theme.colors.gray[850],
|
|
13
|
+
borderWidth: theme.borderWidths.thin,
|
|
14
|
+
borderRadius: theme.borderWidths.thick
|
|
15
|
+
},
|
|
16
|
+
input: {
|
|
17
|
+
fontFamily: theme.fonts.inter_regular_400,
|
|
18
|
+
fontSize: theme.fontSizes.sm,
|
|
19
|
+
color: theme.colors.gray[850],
|
|
20
|
+
padding: theme.paddings["2xs"],
|
|
21
|
+
textAlignVertical: "top",
|
|
22
|
+
minHeight: 80
|
|
23
|
+
},
|
|
24
|
+
charCount: {
|
|
25
|
+
alignSelf: "flex-end",
|
|
26
|
+
marginTop: theme.margins["1xs"],
|
|
27
|
+
color: theme.colors.gray[850],
|
|
28
|
+
fontSize: theme.fontSizes.sm
|
|
29
|
+
},
|
|
30
|
+
errorText: {
|
|
31
|
+
color: theme.colors.red[900],
|
|
32
|
+
fontSize: theme.fontSizes.sm,
|
|
33
|
+
marginTop: theme.margins["1xs"]
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
export { stylesInput };
|
|
37
|
+
//# sourceMappingURL=styles.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","theme","stylesInput","create","label","fontFamily","fonts","inter_regular_400","fontSize","fontSizes","md","color","colors","black","marginBottom","margins","fontWeight","inputWrapper","borderColor","gray","borderWidth","borderWidths","thin","borderRadius","thick","input","sm","padding","paddings","textAlignVertical","minHeight","charCount","alignSelf","marginTop","errorText","red"],"sources":["styles.ts"],"sourcesContent":["import { StyleSheet } from \"react-native\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\nconst stylesInput = StyleSheet.create({\r\n label: {\r\n fontFamily: theme.fonts.inter_regular_400,\r\n fontSize: theme.fontSizes.md,\r\n color: theme.colors.black[100],\r\n marginBottom: theme.margins[\"1xs\"],\r\n fontWeight: \"500\",\r\n },\r\n inputWrapper: {\r\n borderColor: theme.colors.gray[850],\r\n borderWidth: theme.borderWidths.thin,\r\n borderRadius: theme.borderWidths.thick,\r\n },\r\n input: {\r\n fontFamily: theme.fonts.inter_regular_400,\r\n fontSize: theme.fontSizes.sm,\r\n color: theme.colors.gray[850],\r\n padding: theme.paddings[\"2xs\"],\r\n textAlignVertical: \"top\",\r\n minHeight: 80,\r\n },\r\n charCount: {\r\n alignSelf: \"flex-end\",\r\n marginTop: theme.margins[\"1xs\"],\r\n color: theme.colors.gray[850],\r\n fontSize: theme.fontSizes.sm,\r\n },\r\n errorText: {\r\n color: theme.colors.red[900],\r\n fontSize: theme.fontSizes.sm,\r\n marginTop: theme.margins[\"1xs\"],\r\n },\r\n});\r\n\r\nexport { stylesInput };\r\n"],"mappings":"AAAA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,MAAMC,WAAW,GAAGF,UAAU,CAACG,MAAM,CAAC;EACpCC,KAAK,EAAE;IACLC,UAAU,EAAEJ,KAAK,CAACK,KAAK,CAACC,iBAAiB;IACzCC,QAAQ,EAAEP,KAAK,CAACQ,SAAS,CAACC,EAAE;IAC5BC,KAAK,EAAEV,KAAK,CAACW,MAAM,CAACC,KAAK,CAAC,GAAG,CAAC;IAC9BC,YAAY,EAAEb,KAAK,CAACc,OAAO,CAAC,KAAK,CAAC;IAClCC,UAAU,EAAE;EACd,CAAC;EACDC,YAAY,EAAE;IACZC,WAAW,EAAEjB,KAAK,CAACW,MAAM,CAACO,IAAI,CAAC,GAAG,CAAC;IACnCC,WAAW,EAAEnB,KAAK,CAACoB,YAAY,CAACC,IAAI;IACpCC,YAAY,EAAEtB,KAAK,CAACoB,YAAY,CAACG;EACnC,CAAC;EACDC,KAAK,EAAE;IACLpB,UAAU,EAAEJ,KAAK,CAACK,KAAK,CAACC,iBAAiB;IACzCC,QAAQ,EAAEP,KAAK,CAACQ,SAAS,CAACiB,EAAE;IAC5Bf,KAAK,EAAEV,KAAK,CAACW,MAAM,CAACO,IAAI,CAAC,GAAG,CAAC;IAC7BQ,OAAO,EAAE1B,KAAK,CAAC2B,QAAQ,CAAC,KAAK,CAAC;IAC9BC,iBAAiB,EAAE,KAAK;IACxBC,SAAS,EAAE;EACb,CAAC;EACDC,SAAS,EAAE;IACTC,SAAS,EAAE,UAAU;IACrBC,SAAS,EAAEhC,KAAK,CAACc,OAAO,CAAC,KAAK,CAAC;IAC/BJ,KAAK,EAAEV,KAAK,CAACW,MAAM,CAACO,IAAI,CAAC,GAAG,CAAC;IAC7BX,QAAQ,EAAEP,KAAK,CAACQ,SAAS,CAACiB;EAC5B,CAAC;EACDQ,SAAS,EAAE;IACTvB,KAAK,EAAEV,KAAK,CAACW,MAAM,CAACuB,GAAG,CAAC,GAAG,CAAC;IAC5B3B,QAAQ,EAAEP,KAAK,CAACQ,SAAS,CAACiB,EAAE;IAC5BO,SAAS,EAAEhC,KAAK,CAACc,OAAO,CAAC,KAAK;EAChC;AACF,CAAC,CAAC;AAEF,SAASb,WAAW","ignoreList":[]}
|