react-native-exp-fig 0.1.26 → 0.1.28

package/lib/module/components/activity-timeline/styles.js

@@ -0,0 +1,78 @@
+/**
+ * IMPORTS
+ */
+import { StyleSheet } from "react-native";
+import { theme } from "../../styles/theme/theme";
+export const ROW_HEIGHT = 72;
+const styles = StyleSheet.create({
+  listContainer: {
+    paddingVertical: 8
+  },
+  row: {
+    width: "100%",
+    minHeight: ROW_HEIGHT,
+    paddingVertical: 8,
+    paddingHorizontal: 8,
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center",
+    gap: 6
+  },
+  badge: {
+    width: 28,
+    height: 28,
+    borderRadius: 14,
+    backgroundColor: theme.colors.blue[500],
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  card: {
+    flex: 1,
+    borderRadius: 10
+  },
+  title: {
+    marginBottom: 6
+  },
+  pill: {
+    flexDirection: "row",
+    alignItems: "center",
+    borderWidth: 1,
+    borderRadius: 10,
+    paddingHorizontal: 10,
+    paddingVertical: 8,
+    gap: 4
+  },
+  pillOk: {
+    backgroundColor: "#F3F3F5",
+    borderColor: "#C4D4E5"
+  },
+  pillInvalid: {
+    backgroundColor: "#FDE7E7",
+    borderColor: theme.colors.red[900]
+  },
+  sep: {
+    marginHorizontal: 8,
+    opacity: 0.5
+  },
+  actions: {
+    flexDirection: "row",
+    gap: 8
+  },
+  iconButton: {
+    width: 36,
+    height: 36,
+    borderRadius: 8,
+    backgroundColor: theme.colors.neutral[25],
+    borderWidth: 1,
+    borderColor: theme.colors.neutral[200],
+    alignItems: "center",
+    justifyContent: "center",
+    marginTop: 36
+  }
+});
+
+/**
+ * EXPORTS
+ */
+export { styles };
+//# sourceMappingURL=styles.js.map

package/lib/module/components/activity-timeline/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","theme","ROW_HEIGHT","styles","create","listContainer","paddingVertical","row","width","minHeight","paddingHorizontal","flexDirection","alignItems","justifyContent","gap","badge","height","borderRadius","backgroundColor","colors","blue","card","flex","title","marginBottom","pill","borderWidth","pillOk","borderColor","pillInvalid","red","sep","marginHorizontal","opacity","actions","iconButton","neutral","marginTop"],"sources":["styles.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport { StyleSheet } from \"react-native\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\nexport const ROW_HEIGHT = 72;\r\n\r\nconst styles = StyleSheet.create({\r\n  listContainer: { paddingVertical: 8 },\r\n  row: {\r\n    width: \"100%\",\r\n    minHeight: ROW_HEIGHT,\r\n    paddingVertical: 8,\r\n    paddingHorizontal: 8,\r\n    flexDirection: \"row\",\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n    gap: 6,\r\n  },\r\n  badge: {\r\n    width: 28,\r\n    height: 28,\r\n    borderRadius: 14,\r\n    backgroundColor: theme.colors.blue[500],\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n  },\r\n  card: {\r\n    flex: 1,\r\n    borderRadius: 10,\r\n  },\r\n  title: { marginBottom: 6 },\r\n  pill: {\r\n    flexDirection: \"row\",\r\n    alignItems: \"center\",\r\n    borderWidth: 1,\r\n    borderRadius: 10,\r\n    paddingHorizontal: 10,\r\n    paddingVertical: 8,\r\n    gap: 4,\r\n  },\r\n  pillOk: {\r\n    backgroundColor: \"#F3F3F5\",\r\n    borderColor: \"#C4D4E5\",\r\n  },\r\n  pillInvalid: {\r\n    backgroundColor: \"#FDE7E7\",\r\n    borderColor: theme.colors.red[900],\r\n  },\r\n  sep: { marginHorizontal: 8, opacity: 0.5 },\r\n  actions: { flexDirection: \"row\", gap: 8 },\r\n  iconButton: {\r\n    width: 36,\r\n    height: 36,\r\n    borderRadius: 8,\r\n    backgroundColor: theme.colors.neutral[25],\r\n    borderWidth: 1,\r\n    borderColor: theme.colors.neutral[200],\r\n    alignItems: \"center\",\r\n    justifyContent: \"center\",\r\n    marginTop: 36,\r\n  },\r\n});\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { styles };"],"mappings":"AAAA;AACA;AACA;AACA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,OAAO,MAAMC,UAAU,GAAG,EAAE;AAE5B,MAAMC,MAAM,GAAGH,UAAU,CAACI,MAAM,CAAC;EAC/BC,aAAa,EAAE;IAAEC,eAAe,EAAE;EAAE,CAAC;EACrCC,GAAG,EAAE;IACHC,KAAK,EAAE,MAAM;IACbC,SAAS,EAAEP,UAAU;IACrBI,eAAe,EAAE,CAAC;IAClBI,iBAAiB,EAAE,CAAC;IACpBC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,GAAG,EAAE;EACP,CAAC;EACDC,KAAK,EAAE;IACLP,KAAK,EAAE,EAAE;IACTQ,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,EAAE;IAChBC,eAAe,EAAEjB,KAAK,CAACkB,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;IACvCR,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDQ,IAAI,EAAE;IACJC,IAAI,EAAE,CAAC;IACPL,YAAY,EAAE;EAChB,CAAC;EACDM,KAAK,EAAE;IAAEC,YAAY,EAAE;EAAE,CAAC;EAC1BC,IAAI,EAAE;IACJd,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBc,WAAW,EAAE,CAAC;IACdT,YAAY,EAAE,EAAE;IAChBP,iBAAiB,EAAE,EAAE;IACrBJ,eAAe,EAAE,CAAC;IAClBQ,GAAG,EAAE;EACP,CAAC;EACDa,MAAM,EAAE;IACNT,eAAe,EAAE,SAAS;IAC1BU,WAAW,EAAE;EACf,CAAC;EACDC,WAAW,EAAE;IACXX,eAAe,EAAE,SAAS;IAC1BU,WAAW,EAAE3B,KAAK,CAACkB,MAAM,CAACW,GAAG,CAAC,GAAG;EACnC,CAAC;EACDC,GAAG,EAAE;IAAEC,gBAAgB,EAAE,CAAC;IAAEC,OAAO,EAAE;EAAI,CAAC;EAC1CC,OAAO,EAAE;IAAEvB,aAAa,EAAE,KAAK;IAAEG,GAAG,EAAE;EAAE,CAAC;EACzCqB,UAAU,EAAE;IACV3B,KAAK,EAAE,EAAE;IACTQ,MAAM,EAAE,EAAE;IACVC,YAAY,EAAE,CAAC;IACfC,eAAe,EAAEjB,KAAK,CAACkB,MAAM,CAACiB,OAAO,CAAC,EAAE,CAAC;IACzCV,WAAW,EAAE,CAAC;IACdE,WAAW,EAAE3B,KAAK,CAACkB,MAAM,CAACiB,OAAO,CAAC,GAAG,CAAC;IACtCxB,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBwB,SAAS,EAAE;EACb;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,SAASlC,MAAM","ignoreList":[]}

package/lib/module/components/input-text-counter/index.js

@@ -0,0 +1,63 @@
+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); }
+/**
+ * IMPORTS
+ */
+import React, { forwardRef, useState } from "react";
+import { View, Text, TextInput } from "react-native";
+
+// components
+import Box from "../box";
+
+// typings
+
+import { asBaseComponent } from "../../@types/as-base-component";
+
+// styles
+import { stylesInput } from "./styles";
+const MAX_LENGTH = 150;
+
+/**
+ * Component input + limitador de carecteres para interação do usuário.
+ */
+const InputTextCounter = /*#__PURE__*/forwardRef(({
+  label,
+  onChangeText,
+  error = null,
+  ...props
+}, ref) => {
+  const [text, setText] = useState("");
+  const handleChangeText = value => {
+    const sliced = value.slice(0, 150);
+    setText(sliced);
+    onChangeText === null || onChangeText === void 0 || onChangeText(sliced);
+  };
+  return /*#__PURE__*/React.createElement(View, null, /*#__PURE__*/React.createElement(Text, {
+    style: stylesInput.label
+  }, label), /*#__PURE__*/React.createElement(View, {
+    style: stylesInput.inputWrapper
+  }, /*#__PURE__*/React.createElement(TextInput, _extends({
+    ref: ref,
+    multiline: true,
+    style: stylesInput.input,
+    placeholderTextColor: "#999",
+    maxLength: MAX_LENGTH,
+    value: text,
+    onChangeText: handleChangeText
+  }, props))), /*#__PURE__*/React.createElement(Box, {
+    flexStyle: {
+      flexDirection: "row",
+      justifyContent: error ? "space-between" : "flex-end"
+    }
+  }, error && /*#__PURE__*/React.createElement(Text, {
+    style: stylesInput.errorText
+  }, error), /*#__PURE__*/React.createElement(Text, {
+    style: stylesInput.charCount
+  }, `${text.length}/${MAX_LENGTH}`)));
+});
+InputTextCounter.displayName = "InputTextCounterProps";
+
+/**
+ * EXPORTS
+ */
+export default asBaseComponent(/*#__PURE__*/React.memo(InputTextCounter));
+//# sourceMappingURL=index.js.map

package/lib/module/components/input-text-counter/index.js.map

@@ -0,0 +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":[]}

package/lib/module/components/input-text-counter/interface.d.js.map

@@ -0,0 +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":[]}

package/lib/module/components/input-text-counter/styles.js

@@ -0,0 +1,37 @@
+import { StyleSheet } from "react-native";
+import { theme } from "../../styles/theme/theme";
+const stylesInput = StyleSheet.create({
+  label: {
+    fontFamily: theme.fonts.inter_regular_400,
+    fontSize: theme.fontSizes.md,
+    color: theme.colors.black[100],
+    marginBottom: theme.margins["1xs"],
+    fontWeight: "500"
+  },
+  inputWrapper: {
+    borderColor: theme.colors.gray[850],
+    borderWidth: theme.borderWidths.thin,
+    borderRadius: theme.borderWidths.thick
+  },
+  input: {
+    fontFamily: theme.fonts.inter_regular_400,
+    fontSize: theme.fontSizes.sm,
+    color: theme.colors.gray[850],
+    padding: theme.paddings["2xs"],
+    textAlignVertical: "top",
+    minHeight: 80
+  },
+  charCount: {
+    alignSelf: "flex-end",
+    marginTop: theme.margins["1xs"],
+    color: theme.colors.gray[850],
+    fontSize: theme.fontSizes.sm
+  },
+  errorText: {
+    color: theme.colors.red[900],
+    fontSize: theme.fontSizes.sm,
+    marginTop: theme.margins["1xs"]
+  }
+});
+export { stylesInput };
+//# sourceMappingURL=styles.js.map

package/lib/module/components/input-text-counter/styles.js.map

@@ -0,0 +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":[]}

package/lib/module/components/modal-create-activitie/index.js

@@ -0,0 +1,192 @@
+/**
+ * IMPORTS
+ */
+import React, { useMemo, useState, useCallback } from "react";
+import { Modal, View, Pressable } from "react-native";
+
+// components
+import Box from "..//box";
+import { Button } from "../button";
+import { Typography } from "../typography";
+import ActivityFields from "../selects/select-date-and-hours";
+import SelectOption from "../selects/select-option";
+
+// commons
+import { Icons } from "../../common/icons-svg";
+import { asBaseComponent } from "../../@types/as-base-component";
+
+// helpers
+import { OPTIONS } from "../../utils/options-activity";
+
+// typings
+
+// styles / theme
+import { theme } from "../../styles/theme/theme";
+import { styles } from "./styles";
+import { formatDate, formHoursMinute } from "../../utils/format-data";
+const ModalCreteActivitie = /*#__PURE__*/React.memo(({
+  visible,
+  onClose,
+  onPressConfirm,
+  textTitle
+}) => {
+  var _OPTIONS$0$value, _OPTIONS$;
+  const [dateAndHours, setDateAndHours] = useState({
+    date: formatDate(new Date()),
+    hours: formHoursMinute(String(new Date().getHours() * 3600 + new Date().getMinutes() * 60))
+  });
+
+  // estados controlados mínimos
+  const [selectedActivitie, setSelectedActivitie] = useState((_OPTIONS$0$value = (_OPTIONS$ = OPTIONS[0]) === null || _OPTIONS$ === void 0 ? void 0 : _OPTIONS$.value) !== null && _OPTIONS$0$value !== void 0 ? _OPTIONS$0$value : null);
+
+  // label do motivo derivada com memo
+  const activitieLabel = useMemo(() => {
+    var _OPTIONS$find$label, _OPTIONS$find;
+    return (_OPTIONS$find$label = (_OPTIONS$find = OPTIONS.find(activitie => activitie.value === selectedActivitie)) === null || _OPTIONS$find === void 0 ? void 0 : _OPTIONS$find.label) !== null && _OPTIONS$find$label !== void 0 ? _OPTIONS$find$label : null;
+  }, [selectedActivitie]);
+
+  // handlers estáveis
+  const handleChangeReason = useCallback(value => {
+    setSelectedActivitie(value);
+  }, []);
+  const handleCancel = useCallback(() => {
+    onClose === null || onClose === void 0 || onClose();
+  }, [onClose]);
+  const handleConfirm = useCallback(() => {
+    onPressConfirm === null || onPressConfirm === void 0 || onPressConfirm({
+      reasonValue: selectedActivitie,
+      label: activitieLabel,
+      dateAndHours: dateAndHours
+    });
+    onClose === null || onClose === void 0 || onClose();
+  }, [onPressConfirm, onClose, activitieLabel, selectedActivitie, dateAndHours]);
+  return /*#__PURE__*/React.createElement(Modal, {
+    animationType: "fade",
+    transparent: true,
+    visible: visible,
+    onRequestClose: handleCancel,
+    statusBarTranslucent: true
+  }, /*#__PURE__*/React.createElement(Pressable, {
+    style: styles.overlay,
+    onPress: handleCancel
+  }, /*#__PURE__*/React.createElement(Box, {
+    width: "90%",
+    backgroundColor: theme.colors.orange[500],
+    borderStyled: {
+      borderRadius: theme.borderWidths.thick_medium
+    },
+    paddingStyle: {
+      paddingLeft: theme.paddings["2xs"],
+      paddingRight: theme.paddings["2xs"],
+      paddingTop: theme.paddings.sm,
+      paddingBottom: theme.paddings.sm
+    }
+  }, /*#__PURE__*/React.createElement(View, {
+    style: styles.headerRow
+  }, /*#__PURE__*/React.createElement(Icons, {
+    icon: "EXCLAMATION_TRIANGLE",
+    color: theme.colors.orange[500],
+    background: theme.colors.neutral[300],
+    size: 22
+  }), /*#__PURE__*/React.createElement(Typography, {
+    text: textTitle !== null && textTitle !== void 0 ? textTitle : "Incluir atividade",
+    color: theme.colors.neutral[25],
+    marginLeft: theme.margins["2xs"],
+    fontFamily: theme.fonts.inter_bold,
+    fontWeight: "700",
+    size: theme.fontSizes.lg
+  })), /*#__PURE__*/React.createElement(Box, {
+    backgroundColor: theme.colors.neutral[300],
+    paddingStyle: {
+      padding: theme.paddings.xs
+    },
+    borderStyled: {
+      borderRadius: theme.borderWidths.thick_medium
+    }
+  }, /*#__PURE__*/React.createElement(Typography, {
+    text: "Preencha os dados da atividade que deseja incluir.",
+    color: theme.colors.black[100],
+    fontFamily: theme.fonts.inter_regular_400,
+    fontWeight: "400",
+    lineHeight: theme.lineHeight["2xl"],
+    size: theme.fontSizes.sm,
+    marginBottom: 16
+  }), /*#__PURE__*/React.createElement(SelectOption, {
+    titleLabel: "Selecione um motivo",
+    sizeTitleLabel: 18,
+    dataOption: OPTIONS,
+    handleSelectDown: handleChangeReason,
+    backgroundColor: theme.colors.neutral[300]
+  }), /*#__PURE__*/React.createElement(ActivityFields, {
+    disabled: false,
+    icon: "CALENDAR",
+    value: dateAndHours === null || dateAndHours === void 0 ? void 0 : dateAndHours.date,
+    onPressConfirm: value => setDateAndHours({
+      date: value,
+      hours: dateAndHours === null || dateAndHours === void 0 ? void 0 : dateAndHours.hours
+    })
+  }), /*#__PURE__*/React.createElement(ActivityFields, {
+    disabled: false,
+    icon: "TIMER",
+    value: dateAndHours === null || dateAndHours === void 0 ? void 0 : dateAndHours.hours,
+    onPressConfirm: value => setDateAndHours({
+      date: dateAndHours === null || dateAndHours === void 0 ? void 0 : dateAndHours.date,
+      hours: value
+    })
+  }), /*#__PURE__*/React.createElement(View, {
+    style: styles.actions
+  }, /*#__PURE__*/React.createElement(Button, {
+    title: "CANCELAR",
+    onPress: handleCancel,
+    width: "48%",
+    height: 40,
+    isLoading: false,
+    disabled: false,
+    backgroundColor: theme.colors.neutral[300],
+    buttonTextStyle: {
+      color: theme.colors.blue[500],
+      fontFamily: theme.fonts.inter_medium_500,
+      fontSize: theme.fontSizes.xs,
+      fontWeight: "500"
+    },
+    flexStyle: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      textAlign: "center"
+    },
+    borderStyled: {
+      borderWidth: theme.borderWidths.thin,
+      borderColor: theme.colors.blue[100],
+      borderRadius: theme.borderWidths.thick_medium
+    }
+  }), /*#__PURE__*/React.createElement(Button, {
+    title: "CONFIRMAR",
+    onPress: handleConfirm,
+    width: "48%",
+    height: 40,
+    isLoading: false,
+    disabled: false,
+    backgroundColor: theme.colors.blue[500],
+    buttonTextStyle: {
+      color: theme.colors.neutral[25],
+      fontFamily: theme.fonts.inter_medium_500,
+      fontSize: theme.fontSizes.xs,
+      fontWeight: "500"
+    },
+    flexStyle: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "center",
+      textAlign: "center"
+    },
+    borderStyled: {
+      borderWidth: theme.borderWidths.thin,
+      borderColor: theme.colors.blue[100],
+      borderRadius: theme.borderWidths.thick_medium
+    }
+  }))))));
+});
+ModalCreteActivitie.displayName = "ModalCreteActivitie";
+export default asBaseComponent(ModalCreteActivitie);
+//# sourceMappingURL=index.js.map

package/lib/module/components/modal-create-activitie/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useMemo","useState","useCallback","Modal","View","Pressable","Box","Button","Typography","ActivityFields","SelectOption","Icons","asBaseComponent","OPTIONS","theme","styles","formatDate","formHoursMinute","ModalCreteActivitie","memo","visible","onClose","onPressConfirm","textTitle","_OPTIONS$0$value","_OPTIONS$","dateAndHours","setDateAndHours","date","Date","hours","String","getHours","getMinutes","selectedActivitie","setSelectedActivitie","value","activitieLabel","_OPTIONS$find$label","_OPTIONS$find","find","activitie","label","handleChangeReason","handleCancel","handleConfirm","reasonValue","createElement","animationType","transparent","onRequestClose","statusBarTranslucent","style","overlay","onPress","width","backgroundColor","colors","orange","borderStyled","borderRadius","borderWidths","thick_medium","paddingStyle","paddingLeft","paddings","paddingRight","paddingTop","sm","paddingBottom","headerRow","icon","color","background","neutral","size","text","marginLeft","margins","fontFamily","fonts","inter_bold","fontWeight","fontSizes","lg","padding","xs","black","inter_regular_400","lineHeight","marginBottom","titleLabel","sizeTitleLabel","dataOption","handleSelectDown","disabled","actions","title","height","isLoading","buttonTextStyle","blue","inter_medium_500","fontSize","flexStyle","flexDirection","alignItems","justifyContent","textAlign","borderWidth","thin","borderColor","displayName"],"sources":["index.tsx"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\nimport React, { useMemo, useState, useCallback } from \"react\";\r\nimport { Modal, View, Pressable } from \"react-native\";\r\n\r\n// components\r\nimport Box from \"..//box\";\r\nimport { Button }from \"../button\";\r\n\r\nimport { Typography } from \"../typography\";\r\n\r\nimport ActivityFields from \"../selects/select-date-and-hours\";\r\n\r\nimport SelectOption from \"../selects/select-option\";\r\n\r\n// commons\r\nimport { Icons } from \"../../common/icons-svg\";\r\nimport { asBaseComponent } from \"../../@types/as-base-component\";\r\n\r\n// helpers\r\nimport { OPTIONS } from \"../../utils/options-activity\";\r\n\r\n// typings\r\nimport type { IDateAndHoursProps, IModalCreateActivitieProps } from \"./interface\";\r\n\r\n// styles / theme\r\nimport { theme } from \"../../styles/theme/theme\";\r\nimport { styles } from \"./styles\";\r\nimport { formatDate, formHoursMinute } from \"../../utils/format-data\";\r\n\r\nconst ModalCreteActivitie: React.FC<IModalCreateActivitieProps<any>> = React.memo(\r\n  ({ visible, onClose, onPressConfirm, textTitle }) => {\r\n    const [dateAndHours, setDateAndHours] = useState<IDateAndHoursProps>({\r\n      date: formatDate(new Date()),\r\n      hours: formHoursMinute(String(new Date().getHours() * 3600 + new Date().getMinutes() * 60)),\r\n    });\r\n\r\n    // estados controlados mínimos\r\n    const [selectedActivitie, setSelectedActivitie] = useState<string | null>(\r\n      OPTIONS[0]?.value ?? null\r\n    );\r\n\r\n    // label do motivo derivada com memo\r\n    const activitieLabel = useMemo(\r\n      () => OPTIONS.find((activitie) => activitie.value === selectedActivitie)?.label ?? null,\r\n      [selectedActivitie]\r\n    );\r\n\r\n    // handlers estáveis\r\n    const handleChangeReason = useCallback((value: string | null) => {\r\n      setSelectedActivitie(value);\r\n    }, []);\r\n\r\n    const handleCancel = useCallback(() => {\r\n      onClose?.();\r\n    }, [onClose]);\r\n\r\n    const handleConfirm = useCallback(() => {\r\n      onPressConfirm?.({\r\n        reasonValue: selectedActivitie,\r\n        label: activitieLabel,\r\n        dateAndHours: dateAndHours,\r\n      });\r\n\r\n      onClose?.();\r\n    }, [onPressConfirm, onClose, activitieLabel, selectedActivitie, dateAndHours]);\r\n\r\n    return (\r\n      <Modal\r\n        animationType=\"fade\"\r\n        transparent\r\n        visible={visible}\r\n        onRequestClose={handleCancel}\r\n        statusBarTranslucent\r\n      >\r\n        <Pressable style={styles.overlay} onPress={handleCancel}>\r\n          <Box\r\n            width=\"90%\"\r\n            backgroundColor={theme.colors.orange[500]}\r\n            borderStyled={{ borderRadius: theme.borderWidths.thick_medium }}\r\n            paddingStyle={{\r\n              paddingLeft: theme.paddings[\"2xs\"],\r\n              paddingRight: theme.paddings[\"2xs\"],\r\n              paddingTop: theme.paddings.sm,\r\n              paddingBottom: theme.paddings.sm,\r\n            }}\r\n          >\r\n            <View style={styles.headerRow}>\r\n              <Icons\r\n                icon=\"EXCLAMATION_TRIANGLE\"\r\n                color={theme.colors.orange[500]}\r\n                background={theme.colors.neutral[300]}\r\n                size={22}\r\n              />\r\n              <Typography\r\n                text={textTitle ?? \"Incluir atividade\"}\r\n                color={theme.colors.neutral[25]}\r\n                marginLeft={theme.margins[\"2xs\"]}\r\n                fontFamily={theme.fonts.inter_bold}\r\n                fontWeight=\"700\"\r\n                size={theme.fontSizes.lg}\r\n              />\r\n            </View>\r\n\r\n            <Box\r\n              backgroundColor={theme.colors.neutral[300]}\r\n              paddingStyle={{ padding: theme.paddings.xs }}\r\n              borderStyled={{ borderRadius: theme.borderWidths.thick_medium }}\r\n            >\r\n              <Typography\r\n                text=\"Preencha os dados da atividade que deseja incluir.\"\r\n                color={theme.colors.black[100]}\r\n                fontFamily={theme.fonts.inter_regular_400}\r\n                fontWeight=\"400\"\r\n                lineHeight={theme.lineHeight[\"2xl\"]}\r\n                size={theme.fontSizes.sm}\r\n                marginBottom={16}\r\n              />\r\n\r\n              <SelectOption\r\n                titleLabel=\"Selecione um motivo\"\r\n                sizeTitleLabel={18}\r\n                dataOption={OPTIONS as any}\r\n                handleSelectDown={handleChangeReason}\r\n                backgroundColor={theme.colors.neutral[300]}\r\n              />\r\n\r\n              <ActivityFields\r\n                disabled={false}\r\n                icon={\"CALENDAR\"}\r\n                value={dateAndHours?.date}\r\n                onPressConfirm={(value) =>\r\n                  setDateAndHours({ date: value, hours: dateAndHours?.hours })\r\n                }\r\n              />\r\n\r\n              <ActivityFields\r\n                disabled={false}\r\n                icon={\"TIMER\"}\r\n                value={dateAndHours?.hours}\r\n                onPressConfirm={(value) =>\r\n                  setDateAndHours({ date: dateAndHours?.date, hours: value })\r\n                }\r\n              />\r\n\r\n              <View style={styles.actions}>\r\n                <Button\r\n                  title=\"CANCELAR\"\r\n                  onPress={handleCancel}\r\n                  width=\"48%\"\r\n                  height={40}\r\n                  isLoading={false}\r\n                  disabled={false}\r\n                  backgroundColor={theme.colors.neutral[300]}\r\n                  buttonTextStyle={{\r\n                    color: theme.colors.blue[500],\r\n                    fontFamily: theme.fonts.inter_medium_500,\r\n                    fontSize: theme.fontSizes.xs,\r\n                    fontWeight: \"500\",\r\n                  }}\r\n                  flexStyle={{\r\n                    flexDirection: \"row\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    textAlign: \"center\",\r\n                  }}\r\n                  borderStyled={{\r\n                    borderWidth: theme.borderWidths.thin,\r\n                    borderColor: theme.colors.blue[100],\r\n                    borderRadius: theme.borderWidths.thick_medium,\r\n                  }}\r\n                />\r\n\r\n                <Button\r\n                  title=\"CONFIRMAR\"\r\n                  onPress={handleConfirm}\r\n                  width=\"48%\"\r\n                  height={40}\r\n                  isLoading={false}\r\n                  disabled={false}\r\n                  backgroundColor={theme.colors.blue[500]}\r\n                  buttonTextStyle={{\r\n                    color: theme.colors.neutral[25],\r\n                    fontFamily: theme.fonts.inter_medium_500,\r\n                    fontSize: theme.fontSizes.xs,\r\n                    fontWeight: \"500\",\r\n                  }}\r\n                  flexStyle={{\r\n                    flexDirection: \"row\",\r\n                    alignItems: \"center\",\r\n                    justifyContent: \"center\",\r\n                    textAlign: \"center\",\r\n                  }}\r\n                  borderStyled={{\r\n                    borderWidth: theme.borderWidths.thin,\r\n                    borderColor: theme.colors.blue[100],\r\n                    borderRadius: theme.borderWidths.thick_medium,\r\n                  }}\r\n                />\r\n              </View>\r\n            </Box>\r\n          </Box>\r\n        </Pressable>\r\n      </Modal>\r\n    );\r\n  }\r\n);\r\n\r\nModalCreteActivitie.displayName = \"ModalCreteActivitie\";\r\nexport default asBaseComponent(ModalCreteActivitie);\r\n"],"mappings":"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","ignoreList":[]}

package/lib/module/components/modal-create-activitie/interface.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=interface.js.map

package/lib/module/components/modal-create-activitie/interface.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["interface.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\r\n/**\r\n * IMPORTS\r\n */\r\n\r\ntype IModalCreateActivitieProps<T> = {\r\n  visible: boolean;\r\n  textTitle?: string;\r\n  options?: T;\r\n  onClose: () => void;\r\n  onPressConfirm: (value: T) => void;\r\n};\r\n\r\ntype IDateAndHoursProps = {\r\n  date: string;\r\n  hours: string;\r\n};\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport type { IModalCreateActivitieProps, IDateAndHoursProps };\r\n"],"mappings":"","ignoreList":[]}

package/lib/module/components/modal-create-activitie/styles.js

@@ -0,0 +1,37 @@
+/**
+ * IMPORTS
+ */
+
+import { StyleSheet } from "react-native";
+import { theme } from "../../styles/theme/theme";
+const styles = StyleSheet.create({
+  overlay: {
+    flex: 1,
+    justifyContent: "center",
+    alignItems: "center",
+    backgroundColor: theme.shadows.z1
+  },
+  card: {
+    width: "90%"
+  },
+  headerRow: {
+    marginBottom: 10,
+    marginLeft: 4,
+    flexDirection: "row",
+    alignItems: "center"
+  },
+  content: {
+    padding: theme.paddings.xs
+  },
+  actions: {
+    marginTop: 16,
+    flexDirection: "row",
+    justifyContent: "space-between"
+  }
+});
+
+/**
+ * EXPORTS
+ */
+export { styles };
+//# sourceMappingURL=styles.js.map

package/lib/module/components/modal-create-activitie/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["StyleSheet","theme","styles","create","overlay","flex","justifyContent","alignItems","backgroundColor","shadows","z1","card","width","headerRow","marginBottom","marginLeft","flexDirection","content","padding","paddings","xs","actions","marginTop"],"sources":["styles.ts"],"sourcesContent":["/**\r\n * IMPORTS\r\n */\r\n\r\nimport { StyleSheet } from \"react-native\";\r\nimport { theme } from \"../../styles/theme/theme\";\r\n\r\nconst styles = StyleSheet.create({\r\n  overlay: {\r\n    flex: 1,\r\n    justifyContent: \"center\",\r\n    alignItems: \"center\",\r\n    backgroundColor: theme.shadows.z1,\r\n  },\r\n  card: { width: \"90%\" },\r\n  headerRow: { marginBottom: 10, marginLeft: 4, flexDirection: \"row\", alignItems: \"center\" },\r\n  content: { padding: theme.paddings.xs },\r\n  actions: { marginTop: 16, flexDirection: \"row\", justifyContent: \"space-between\" },\r\n});\r\n\r\n/**\r\n * EXPORTS\r\n */\r\nexport { styles };\r\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,MAAMC,MAAM,GAAGF,UAAU,CAACG,MAAM,CAAC;EAC/BC,OAAO,EAAE;IACPC,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,eAAe,EAAEP,KAAK,CAACQ,OAAO,CAACC;EACjC,CAAC;EACDC,IAAI,EAAE;IAAEC,KAAK,EAAE;EAAM,CAAC;EACtBC,SAAS,EAAE;IAAEC,YAAY,EAAE,EAAE;IAAEC,UAAU,EAAE,CAAC;IAAEC,aAAa,EAAE,KAAK;IAAET,UAAU,EAAE;EAAS,CAAC;EAC1FU,OAAO,EAAE;IAAEC,OAAO,EAAEjB,KAAK,CAACkB,QAAQ,CAACC;EAAG,CAAC;EACvCC,OAAO,EAAE;IAAEC,SAAS,EAAE,EAAE;IAAEN,aAAa,EAAE,KAAK;IAAEV,cAAc,EAAE;EAAgB;AAClF,CAAC,CAAC;;AAEF;AACA;AACA;AACA,SAASJ,MAAM","ignoreList":[]}