siam-ui-utils 3.0.32 → 3.1.1

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.
Files changed (57) hide show
  1. package/dist/CustomBootstrap.js +1 -1
  2. package/dist/CustomBootstrap.js.map +1 -1
  3. package/dist/copy-link/index.js +1 -1
  4. package/dist/copy-link/index.js.map +1 -1
  5. package/dist/custom-input/CustomInputCheckbox.js +3 -1
  6. package/dist/custom-input/CustomInputCheckbox.js.map +1 -1
  7. package/dist/custom-input/CustomInputCurrency.js +1 -1
  8. package/dist/custom-input/CustomInputCurrency.js.map +1 -1
  9. package/dist/custom-input/CustomInputFile.js +3 -1
  10. package/dist/custom-input/CustomInputFile.js.map +1 -1
  11. package/dist/custom-input/CustomInputRadio.js +3 -1
  12. package/dist/custom-input/CustomInputRadio.js.map +1 -1
  13. package/dist/drag-and-dropzone/DropzoneComponent.js +83 -0
  14. package/dist/drag-and-dropzone/DropzoneComponent.js.map +1 -0
  15. package/dist/drag-and-dropzone/index.js +1 -1
  16. package/dist/drag-and-dropzone/index.js.map +1 -1
  17. package/dist/dropzone-uploader/styled/index.js +1 -1
  18. package/dist/dropzone-uploader/styled/index.js.map +1 -1
  19. package/dist/node_modules/@neolution-ch/reactstrap/esm/Button.js +111 -0
  20. package/dist/node_modules/@neolution-ch/reactstrap/esm/Button.js.map +1 -0
  21. package/dist/node_modules/@neolution-ch/reactstrap/esm/CloseButton.js +106 -0
  22. package/dist/node_modules/@neolution-ch/reactstrap/esm/CloseButton.js.map +1 -0
  23. package/dist/node_modules/@neolution-ch/reactstrap/esm/Col.js +125 -0
  24. package/dist/node_modules/@neolution-ch/reactstrap/esm/Col.js.map +1 -0
  25. package/dist/node_modules/@neolution-ch/reactstrap/esm/FormGroup.js +75 -0
  26. package/dist/node_modules/@neolution-ch/reactstrap/esm/FormGroup.js.map +1 -0
  27. package/dist/node_modules/@neolution-ch/reactstrap/esm/Input.js +225 -0
  28. package/dist/node_modules/@neolution-ch/reactstrap/esm/Input.js.map +1 -0
  29. package/dist/node_modules/@neolution-ch/reactstrap/esm/Label.js +122 -0
  30. package/dist/node_modules/@neolution-ch/reactstrap/esm/Label.js.map +1 -0
  31. package/dist/node_modules/@neolution-ch/reactstrap/esm/Row.js +83 -0
  32. package/dist/node_modules/@neolution-ch/reactstrap/esm/Row.js.map +1 -0
  33. package/dist/node_modules/@neolution-ch/reactstrap/esm/utils.js +68 -0
  34. package/dist/node_modules/@neolution-ch/reactstrap/esm/utils.js.map +1 -0
  35. package/dist/node_modules/dropzone/dist/dropzone.js +1968 -0
  36. package/dist/node_modules/dropzone/dist/dropzone.js.map +1 -0
  37. package/dist/node_modules/just-extend/index.esm.js +43 -0
  38. package/dist/node_modules/just-extend/index.esm.js.map +1 -0
  39. package/dist/select/custom-select/index.js +1 -2
  40. package/dist/select/custom-select/index.js.map +1 -1
  41. package/dist/select/multi-select/index.css +23 -10
  42. package/dist/select/multi-select/index.js +138 -30
  43. package/dist/select/multi-select/index.js.map +1 -1
  44. package/dist/select/multi-select/styled-component.js +2 -3
  45. package/dist/select/multi-select/styled-component.js.map +1 -1
  46. package/dist/tomar-foto/index.js +1 -1
  47. package/dist/tomar-foto/index.js.map +1 -1
  48. package/index.d.ts +1 -1
  49. package/package.json +9 -10
  50. package/dist/_virtual/react-dropzone.js +0 -8
  51. package/dist/_virtual/react-dropzone.js.map +0 -1
  52. package/dist/_virtual/react-dropzone2.js +0 -5
  53. package/dist/_virtual/react-dropzone2.js.map +0 -1
  54. package/dist/node_modules/react-dropzone-component/dist/react-dropzone.js +0 -1023
  55. package/dist/node_modules/react-dropzone-component/dist/react-dropzone.js.map +0 -1
  56. package/dist/node_modules/react-multi-select-component/dist/esm/index.js +0 -178
  57. package/dist/node_modules/react-multi-select-component/dist/esm/index.js.map +0 -1
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import { Col } from "reactstrap";
2
+ import Col from "./node_modules/@neolution-ch/reactstrap/esm/Col.js";
3
3
  const Colxx = (props) => /* @__PURE__ */ jsx(Col, { ...props, widths: ["xxs", "xs", "sm", "md", "lg", "xl", "xxl"] });
4
4
  const Separator = ({ className }) => /* @__PURE__ */ jsx("div", { className: `separator ${className}` });
5
5
  export {
@@ -1 +1 @@
1
- {"version":3,"file":"CustomBootstrap.js","sources":["../src/CustomBootstrap.jsx"],"sourcesContent":["import { Col } from 'reactstrap';\r\n\r\nconst Colxx = (props) => (\r\n <Col {...props} widths={['xxs', 'xs', 'sm', 'md', 'lg', 'xl', 'xxl']} />\r\n);\r\n\r\nconst Separator = ({ className }) => (\r\n <div className={`separator ${className}`} />\r\n);\r\nexport { Colxx, Separator };\r\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,CAAC,UACb,oBAAC,KAAA,EAAK,GAAG,OAAO,QAAQ,CAAC,OAAO,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK,EAAA,CAAG;AAGxE,MAAM,YAAY,CAAC,EAAE,UAAA,0BAClB,OAAA,EAAI,WAAW,aAAa,SAAS,GAAA,CAAI;"}
1
+ {"version":3,"file":"CustomBootstrap.js","sources":["../src/CustomBootstrap.jsx"],"sourcesContent":["import { Col } from '@neolution-ch/reactstrap';\r\n\r\nconst Colxx = (props) => (\r\n <Col {...props} widths={['xxs', 'xs', 'sm', 'md', 'lg', 'xl', 'xxl']} />\r\n);\r\n\r\nconst Separator = ({ className }) => (\r\n <div className={`separator ${className}`} />\r\n);\r\nexport { Colxx, Separator };\r\n"],"names":[],"mappings":";;AAEA,MAAM,QAAQ,CAAC,UACb,oBAAC,KAAA,EAAK,GAAG,OAAO,QAAQ,CAAC,OAAO,MAAM,MAAM,MAAM,MAAM,MAAM,KAAK,EAAA,CAAG;AAGxE,MAAM,YAAY,CAAC,EAAE,UAAA,0BAClB,OAAA,EAAI,WAAW,aAAa,SAAS,GAAA,CAAI;"}
@@ -1,6 +1,6 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { useState } from "react";
3
- import { Button } from "reactstrap";
3
+ import Button from "../node_modules/@neolution-ch/reactstrap/esm/Button.js";
4
4
  import copiarIcon from "../assets/img/copiar.png.js";
5
5
  import "./styles.css";
6
6
  const copyToClipboard = async (text) => {
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/copy-link/index.jsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { Button } from 'reactstrap';\r\nimport copiarIcon from '../assets/img/copiar.png';\r\nimport './styles.scss';\r\n\r\nconst copyToClipboard = async (text) => {\r\n try {\r\n if (!text) return false;\r\n if (navigator.clipboard?.writeText) {\r\n await navigator.clipboard.writeText(text);\r\n return true;\r\n }\r\n const ta = document.createElement('textarea');\r\n ta.value = text;\r\n ta.style.position = 'fixed';\r\n ta.style.left = '-9999px';\r\n document.body.appendChild(ta);\r\n ta.select();\r\n document.execCommand('copy');\r\n document.body.removeChild(ta);\r\n return true;\r\n } catch {\r\n return false;\r\n }\r\n};\r\n\r\nconst CopyLink = ({ link }) => {\r\n const [copied, setCopied] = useState(false);\r\n\r\n const handleCopy = async () => {\r\n await copyToClipboard(link);\r\n setCopied(true);\r\n setTimeout(() => setCopied(false), 2000);\r\n };\r\n return (\r\n <span className=\"copy-link-container\">\r\n <span\r\n title={link}\r\n className={`copy-link-text${copied ? ' copied' : ''}`}\r\n onClick={handleCopy}\r\n >\r\n {link}\r\n </span>\r\n <Button\r\n color=\"link\"\r\n size=\"sm\"\r\n onClick={handleCopy}\r\n title=\"Copiar link\"\r\n className=\"copy-link-btn\"\r\n >\r\n <img src={copiarIcon} alt=\"Copiar\" />\r\n </Button>\r\n {copied && <span className=\"copy-link-copied\">¡Copiado!</span>}\r\n </span>\r\n );\r\n};\r\n\r\nexport { CopyLink };\r\n"],"names":[],"mappings":";;;;;AAKA,MAAM,kBAAkB,OAAO,SAAS;AACtC,MAAI;AACF,QAAI,CAAC,KAAM,QAAO;AAClB,QAAI,UAAU,WAAW,WAAW;AAClC,YAAM,UAAU,UAAU,UAAU,IAAI;AACxC,aAAO;AAAA,IACT;AACA,UAAM,KAAK,SAAS,cAAc,UAAU;AAC5C,OAAG,QAAQ;AACX,OAAG,MAAM,WAAW;AACpB,OAAG,MAAM,OAAO;AAChB,aAAS,KAAK,YAAY,EAAE;AAC5B,OAAG,OAAA;AACH,aAAS,YAAY,MAAM;AAC3B,aAAS,KAAK,YAAY,EAAE;AAC5B,WAAO;AAAA,EACT,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,MAAM,WAAW,CAAC,EAAE,WAAW;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,aAAa,YAAY;AAC7B,UAAM,gBAAgB,IAAI;AAC1B,cAAU,IAAI;AACd,eAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,EACzC;AACA,SACE,qBAAC,QAAA,EAAK,WAAU,uBACd,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,WAAW,iBAAiB,SAAS,YAAY,EAAE;AAAA,QACnD,SAAS;AAAA,QAER,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS;AAAA,QACT,OAAM;AAAA,QACN,WAAU;AAAA,QAEV,UAAA,oBAAC,OAAA,EAAI,KAAK,YAAY,KAAI,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpC,UAAU,oBAAC,QAAA,EAAK,WAAU,oBAAmB,UAAA,YAAA,CAAS;AAAA,EAAA,GACzD;AAEJ;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/copy-link/index.jsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { Button } from '@neolution-ch/reactstrap';\r\nimport copiarIcon from '../assets/img/copiar.png';\r\nimport './styles.scss';\r\n\r\nconst copyToClipboard = async (text) => {\r\n try {\r\n if (!text) return false;\r\n if (navigator.clipboard?.writeText) {\r\n await navigator.clipboard.writeText(text);\r\n return true;\r\n }\r\n const ta = document.createElement('textarea');\r\n ta.value = text;\r\n ta.style.position = 'fixed';\r\n ta.style.left = '-9999px';\r\n document.body.appendChild(ta);\r\n ta.select();\r\n document.execCommand('copy');\r\n document.body.removeChild(ta);\r\n return true;\r\n } catch {\r\n return false;\r\n }\r\n};\r\n\r\nconst CopyLink = ({ link }) => {\r\n const [copied, setCopied] = useState(false);\r\n\r\n const handleCopy = async () => {\r\n await copyToClipboard(link);\r\n setCopied(true);\r\n setTimeout(() => setCopied(false), 2000);\r\n };\r\n return (\r\n <span className=\"copy-link-container\">\r\n <span\r\n title={link}\r\n className={`copy-link-text${copied ? ' copied' : ''}`}\r\n onClick={handleCopy}\r\n >\r\n {link}\r\n </span>\r\n <Button\r\n color=\"link\"\r\n size=\"sm\"\r\n onClick={handleCopy}\r\n title=\"Copiar link\"\r\n className=\"copy-link-btn\"\r\n >\r\n <img src={copiarIcon} alt=\"Copiar\" />\r\n </Button>\r\n {copied && <span className=\"copy-link-copied\">¡Copiado!</span>}\r\n </span>\r\n );\r\n};\r\n\r\nexport { CopyLink };\r\n"],"names":[],"mappings":";;;;;AAKA,MAAM,kBAAkB,OAAO,SAAS;AACtC,MAAI;AACF,QAAI,CAAC,KAAM,QAAO;AAClB,QAAI,UAAU,WAAW,WAAW;AAClC,YAAM,UAAU,UAAU,UAAU,IAAI;AACxC,aAAO;AAAA,IACT;AACA,UAAM,KAAK,SAAS,cAAc,UAAU;AAC5C,OAAG,QAAQ;AACX,OAAG,MAAM,WAAW;AACpB,OAAG,MAAM,OAAO;AAChB,aAAS,KAAK,YAAY,EAAE;AAC5B,OAAG,OAAA;AACH,aAAS,YAAY,MAAM;AAC3B,aAAS,KAAK,YAAY,EAAE;AAC5B,WAAO;AAAA,EACT,QAAQ;AACN,WAAO;AAAA,EACT;AACF;AAEA,MAAM,WAAW,CAAC,EAAE,WAAW;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,KAAK;AAE1C,QAAM,aAAa,YAAY;AAC7B,UAAM,gBAAgB,IAAI;AAC1B,cAAU,IAAI;AACd,eAAW,MAAM,UAAU,KAAK,GAAG,GAAI;AAAA,EACzC;AACA,SACE,qBAAC,QAAA,EAAK,WAAU,uBACd,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,QACP,WAAW,iBAAiB,SAAS,YAAY,EAAE;AAAA,QACnD,SAAS;AAAA,QAER,UAAA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEH;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAM;AAAA,QACN,MAAK;AAAA,QACL,SAAS;AAAA,QACT,OAAM;AAAA,QACN,WAAU;AAAA,QAEV,UAAA,oBAAC,OAAA,EAAI,KAAK,YAAY,KAAI,SAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpC,UAAU,oBAAC,QAAA,EAAK,WAAU,oBAAmB,UAAA,YAAA,CAAS;AAAA,EAAA,GACzD;AAEJ;"}
@@ -1,5 +1,7 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
- import { FormGroup, Input, Label } from "reactstrap";
2
+ import FormGroup from "../node_modules/@neolution-ch/reactstrap/esm/FormGroup.js";
3
+ import Input from "../node_modules/@neolution-ch/reactstrap/esm/Input.js";
4
+ import Label from "../node_modules/@neolution-ch/reactstrap/esm/Label.js";
3
5
  import "./index.css";
4
6
  const CustomInputCheckbox = ({
5
7
  className,
@@ -1 +1 @@
1
- {"version":3,"file":"CustomInputCheckbox.js","sources":["../../src/custom-input/CustomInputCheckbox.jsx"],"sourcesContent":["import { FormGroup, Label, Input } from 'reactstrap';\r\nimport './index.css';\r\n\r\nexport const CustomInputCheckbox = ({\r\n className,\r\n id,\r\n checked,\r\n children,\r\n defaultChecked,\r\n disabled,\r\n key,\r\n label,\r\n onChange,\r\n}) => {\r\n return (\r\n <FormGroup check key={key} className=\"custom-checkbox\">\r\n <Input\r\n type=\"checkbox\"\r\n id={`check_${id}`}\r\n className={className}\r\n checked={checked}\r\n onChange={onChange}\r\n defaultChecked={defaultChecked}\r\n disabled={disabled}\r\n />\r\n <Label check htmlFor={`check_${id}`}>\r\n {label}\r\n </Label>\r\n {children}\r\n </FormGroup>\r\n );\r\n};\r\nexport default CustomInputCheckbox;\r\n"],"names":[],"mappings":";;;AAGO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE,qBAAC,WAAA,EAAU,OAAK,MAAW,WAAU,mBACnC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI,SAAS,EAAE;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,oBAAC,SAAM,OAAK,MAAC,SAAS,SAAS,EAAE,IAC9B,UAAA,MAAA,CACH;AAAA,IACC;AAAA,EAAA,EAAA,GAbmB,GActB;AAEJ;"}
1
+ {"version":3,"file":"CustomInputCheckbox.js","sources":["../../src/custom-input/CustomInputCheckbox.jsx"],"sourcesContent":["import { FormGroup, Label, Input } from '@neolution-ch/reactstrap';\r\nimport './index.css';\r\n\r\nexport const CustomInputCheckbox = ({\r\n className,\r\n id,\r\n checked,\r\n children,\r\n defaultChecked,\r\n disabled,\r\n key,\r\n label,\r\n onChange,\r\n}) => {\r\n return (\r\n <FormGroup check key={key} className=\"custom-checkbox\">\r\n <Input\r\n type=\"checkbox\"\r\n id={`check_${id}`}\r\n className={className}\r\n checked={checked}\r\n onChange={onChange}\r\n defaultChecked={defaultChecked}\r\n disabled={disabled}\r\n />\r\n <Label check htmlFor={`check_${id}`}>\r\n {label}\r\n </Label>\r\n {children}\r\n </FormGroup>\r\n );\r\n};\r\nexport default CustomInputCheckbox;\r\n"],"names":[],"mappings":";;;;;AAGO,MAAM,sBAAsB,CAAC;AAAA,EAClC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACE,qBAAC,WAAA,EAAU,OAAK,MAAW,WAAU,mBACnC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,IAAI,SAAS,EAAE;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA;AAAA,IAAA;AAAA,IAEF,oBAAC,SAAM,OAAK,MAAC,SAAS,SAAS,EAAE,IAC9B,UAAA,MAAA,CACH;AAAA,IACC;AAAA,EAAA,EAAA,GAbmB,GActB;AAEJ;"}
@@ -1,6 +1,6 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
2
  import { useState, useEffect } from "react";
3
- import { Input } from "reactstrap";
3
+ import Input from "../node_modules/@neolution-ch/reactstrap/esm/Input.js";
4
4
  import { fieldToCurrency } from "siam-utils";
5
5
  const CustomInputCurrency = (props) => {
6
6
  const {
@@ -1 +1 @@
1
- {"version":3,"file":"CustomInputCurrency.js","sources":["../../src/custom-input/CustomInputCurrency.jsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Input } from 'reactstrap';\r\nimport { fieldToCurrency } from 'siam-utils';\r\n/**\r\n * value, //admite formato como devuelve la BD (varchar), flotante o currency\r\n * al setear un valor en el componente se visualiza como Currency:\r\n * Formato $ 3.000,60\r\n * Al intentar editar el VALOR automaticamente se conviertea un numero cuyo formato es:\r\n * sin separador de miles, sin simbolo pesos ($), y la coma como separador de decimales\r\n * Formato: 3000,60\r\n * Al perder el foco el VALOR cambia a formato currency\r\n * Para el componente PADRE que lo esta usando, va a recibir desde el evento onblur un valor cuyo formato es el PERSISTENCE:\r\n * Formato: 3000.60\r\n */\r\nexport const CustomInputCurrency = (props) => {\r\n const {\r\n onChange = () => {\r\n undefined;\r\n },\r\n onFocus = () => {\r\n undefined;\r\n },\r\n value = {},\r\n maxLength = '20',\r\n style = {},\r\n } = props;\r\n const styleCurrency = { ...style, textAlign: 'right' };\r\n const [valueInputCur, setValueInputCur] = useState('');\r\n const escapeRegExp = (string) =>\r\n string.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\r\n\r\n const handleInputOnBlur = (event) => {\r\n const { target } = event;\r\n if (valueInputCur !== '') {\r\n const valor = valueInputCur.replace('.', '');\r\n const valorPersistence = valor.replace(',', '.');\r\n setValueInputCur(fieldToCurrency(valorPersistence));\r\n onChange({\r\n ...event,\r\n target: {\r\n ...target,\r\n value: valorPersistence,\r\n valueCurrency: fieldToCurrency(valorPersistence),\r\n valueFloat: parseFloat(valorPersistence),\r\n },\r\n });\r\n }\r\n };\r\n\r\n const handleInputOnFocus = (e) => {\r\n if (valueInputCur !== '') {\r\n const valor = valueInputCur.replace('$ ', '');\r\n const valor2 = valor.replace(/\\./g, '');\r\n setValueInputCur(valor2);\r\n }\r\n onFocus(e);\r\n };\r\n\r\n const handleInputChange = (event) => {\r\n const { target } = event;\r\n const valor = target.value.replace('$ ', '');\r\n const valid = /^-?[0-9.]*(?:[,]\\d?\\d?)?$/;\r\n if (valid.test(valor)) {\r\n const sepDec = valor.slice(-1) === '.' ? `${valor.slice(0, -1)},` : valor;\r\n const punto = new RegExp(escapeRegExp('.'), 'g');\r\n const sinSepMil = sepDec.replace(punto, '');\r\n const posPuntoDec = sinSepMil.indexOf(',');\r\n const parteDecimal = posPuntoDec >= 0 ? sinSepMil.slice(posPuntoDec) : '';\r\n const parteEntera =\r\n posPuntoDec >= 0 ? sinSepMil.slice(0, posPuntoDec) : sinSepMil;\r\n setValueInputCur(parteEntera + parteDecimal);\r\n }\r\n };\r\n useEffect(() => {\r\n if (value && value !== '') {\r\n if (typeof value != 'number' && value && value.includes('$')) {\r\n setValueInputCur(value.toString());\r\n } else {\r\n setValueInputCur(fieldToCurrency(value.toString()));\r\n }\r\n } else {\r\n setValueInputCur('');\r\n }\r\n }, [value]);\r\n\r\n return (\r\n <Input\r\n {...props}\r\n style={styleCurrency}\r\n maxLength={maxLength}\r\n value={valueInputCur}\r\n onFocus={handleInputOnFocus}\r\n onChange={handleInputChange}\r\n onBlur={handleInputOnBlur}\r\n />\r\n );\r\n};\r\n\r\nexport default CustomInputCurrency;\r\n"],"names":[],"mappings":";;;;AAcO,MAAM,sBAAsB,CAAC,UAAU;AAC5C,QAAM;AAAA,IACJ,WAAW,MAAM;AAAA,IAEjB;AAAA,IACA,UAAU,MAAM;AAAA,IAEhB;AAAA,IACA,QAAQ,CAAA;AAAA,IACR,YAAY;AAAA,IACZ,QAAQ,CAAA;AAAA,EAAC,IACP;AACJ,QAAM,gBAAgB,EAAE,GAAG,OAAO,WAAW,QAAA;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,EAAE;AACrD,QAAM,eAAe,CAAC,WACpB,OAAO,QAAQ,uBAAuB,MAAM;AAE9C,QAAM,oBAAoB,CAAC,UAAU;AACnC,UAAM,EAAE,WAAW;AACnB,QAAI,kBAAkB,IAAI;AACxB,YAAM,QAAQ,cAAc,QAAQ,KAAK,EAAE;AAC3C,YAAM,mBAAmB,MAAM,QAAQ,KAAK,GAAG;AAC/C,uBAAiB,gBAAgB,gBAAgB,CAAC;AAClD,eAAS;AAAA,QACP,GAAG;AAAA,QACH,QAAQ;AAAA,UACN,GAAG;AAAA,UACH,OAAO;AAAA,UACP,eAAe,gBAAgB,gBAAgB;AAAA,UAC/C,YAAY,WAAW,gBAAgB;AAAA,QAAA;AAAA,MACzC,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,qBAAqB,CAAC,MAAM;AAChC,QAAI,kBAAkB,IAAI;AACxB,YAAM,QAAQ,cAAc,QAAQ,MAAM,EAAE;AAC5C,YAAM,SAAS,MAAM,QAAQ,OAAO,EAAE;AACtC,uBAAiB,MAAM;AAAA,IACzB;AACA,YAAQ,CAAC;AAAA,EACX;AAEA,QAAM,oBAAoB,CAAC,UAAU;AACnC,UAAM,EAAE,WAAW;AACnB,UAAM,QAAQ,OAAO,MAAM,QAAQ,MAAM,EAAE;AAC3C,UAAM,QAAQ;AACd,QAAI,MAAM,KAAK,KAAK,GAAG;AACrB,YAAM,SAAS,MAAM,MAAM,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM;AACpE,YAAM,QAAQ,IAAI,OAAO,aAAa,GAAG,GAAG,GAAG;AAC/C,YAAM,YAAY,OAAO,QAAQ,OAAO,EAAE;AAC1C,YAAM,cAAc,UAAU,QAAQ,GAAG;AACzC,YAAM,eAAe,eAAe,IAAI,UAAU,MAAM,WAAW,IAAI;AACvE,YAAM,cACJ,eAAe,IAAI,UAAU,MAAM,GAAG,WAAW,IAAI;AACvD,uBAAiB,cAAc,YAAY;AAAA,IAC7C;AAAA,EACF;AACA,YAAU,MAAM;AACd,QAAI,SAAS,UAAU,IAAI;AACzB,UAAI,OAAO,SAAS,YAAY,SAAS,MAAM,SAAS,GAAG,GAAG;AAC5D,yBAAiB,MAAM,UAAU;AAAA,MACnC,OAAO;AACL,yBAAiB,gBAAgB,MAAM,SAAA,CAAU,CAAC;AAAA,MACpD;AAAA,IACF,OAAO;AACL,uBAAiB,EAAE;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,MACP;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;"}
1
+ {"version":3,"file":"CustomInputCurrency.js","sources":["../../src/custom-input/CustomInputCurrency.jsx"],"sourcesContent":["import { useEffect, useState } from 'react';\r\nimport { Input } from '@neolution-ch/reactstrap';\r\nimport { fieldToCurrency } from 'siam-utils';\r\n/**\r\n * value, //admite formato como devuelve la BD (varchar), flotante o currency\r\n * al setear un valor en el componente se visualiza como Currency:\r\n * Formato $ 3.000,60\r\n * Al intentar editar el VALOR automaticamente se conviertea un numero cuyo formato es:\r\n * sin separador de miles, sin simbolo pesos ($), y la coma como separador de decimales\r\n * Formato: 3000,60\r\n * Al perder el foco el VALOR cambia a formato currency\r\n * Para el componente PADRE que lo esta usando, va a recibir desde el evento onblur un valor cuyo formato es el PERSISTENCE:\r\n * Formato: 3000.60\r\n */\r\nexport const CustomInputCurrency = (props) => {\r\n const {\r\n onChange = () => {\r\n undefined;\r\n },\r\n onFocus = () => {\r\n undefined;\r\n },\r\n value = {},\r\n maxLength = '20',\r\n style = {},\r\n } = props;\r\n const styleCurrency = { ...style, textAlign: 'right' };\r\n const [valueInputCur, setValueInputCur] = useState('');\r\n const escapeRegExp = (string) =>\r\n string.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\$&');\r\n\r\n const handleInputOnBlur = (event) => {\r\n const { target } = event;\r\n if (valueInputCur !== '') {\r\n const valor = valueInputCur.replace('.', '');\r\n const valorPersistence = valor.replace(',', '.');\r\n setValueInputCur(fieldToCurrency(valorPersistence));\r\n onChange({\r\n ...event,\r\n target: {\r\n ...target,\r\n value: valorPersistence,\r\n valueCurrency: fieldToCurrency(valorPersistence),\r\n valueFloat: parseFloat(valorPersistence),\r\n },\r\n });\r\n }\r\n };\r\n\r\n const handleInputOnFocus = (e) => {\r\n if (valueInputCur !== '') {\r\n const valor = valueInputCur.replace('$ ', '');\r\n const valor2 = valor.replace(/\\./g, '');\r\n setValueInputCur(valor2);\r\n }\r\n onFocus(e);\r\n };\r\n\r\n const handleInputChange = (event) => {\r\n const { target } = event;\r\n const valor = target.value.replace('$ ', '');\r\n const valid = /^-?[0-9.]*(?:[,]\\d?\\d?)?$/;\r\n if (valid.test(valor)) {\r\n const sepDec = valor.slice(-1) === '.' ? `${valor.slice(0, -1)},` : valor;\r\n const punto = new RegExp(escapeRegExp('.'), 'g');\r\n const sinSepMil = sepDec.replace(punto, '');\r\n const posPuntoDec = sinSepMil.indexOf(',');\r\n const parteDecimal = posPuntoDec >= 0 ? sinSepMil.slice(posPuntoDec) : '';\r\n const parteEntera =\r\n posPuntoDec >= 0 ? sinSepMil.slice(0, posPuntoDec) : sinSepMil;\r\n setValueInputCur(parteEntera + parteDecimal);\r\n }\r\n };\r\n useEffect(() => {\r\n if (value && value !== '') {\r\n if (typeof value != 'number' && value && value.includes('$')) {\r\n setValueInputCur(value.toString());\r\n } else {\r\n setValueInputCur(fieldToCurrency(value.toString()));\r\n }\r\n } else {\r\n setValueInputCur('');\r\n }\r\n }, [value]);\r\n\r\n return (\r\n <Input\r\n {...props}\r\n style={styleCurrency}\r\n maxLength={maxLength}\r\n value={valueInputCur}\r\n onFocus={handleInputOnFocus}\r\n onChange={handleInputChange}\r\n onBlur={handleInputOnBlur}\r\n />\r\n );\r\n};\r\n\r\nexport default CustomInputCurrency;\r\n"],"names":[],"mappings":";;;;AAcO,MAAM,sBAAsB,CAAC,UAAU;AAC5C,QAAM;AAAA,IACJ,WAAW,MAAM;AAAA,IAEjB;AAAA,IACA,UAAU,MAAM;AAAA,IAEhB;AAAA,IACA,QAAQ,CAAA;AAAA,IACR,YAAY;AAAA,IACZ,QAAQ,CAAA;AAAA,EAAC,IACP;AACJ,QAAM,gBAAgB,EAAE,GAAG,OAAO,WAAW,QAAA;AAC7C,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,EAAE;AACrD,QAAM,eAAe,CAAC,WACpB,OAAO,QAAQ,uBAAuB,MAAM;AAE9C,QAAM,oBAAoB,CAAC,UAAU;AACnC,UAAM,EAAE,WAAW;AACnB,QAAI,kBAAkB,IAAI;AACxB,YAAM,QAAQ,cAAc,QAAQ,KAAK,EAAE;AAC3C,YAAM,mBAAmB,MAAM,QAAQ,KAAK,GAAG;AAC/C,uBAAiB,gBAAgB,gBAAgB,CAAC;AAClD,eAAS;AAAA,QACP,GAAG;AAAA,QACH,QAAQ;AAAA,UACN,GAAG;AAAA,UACH,OAAO;AAAA,UACP,eAAe,gBAAgB,gBAAgB;AAAA,UAC/C,YAAY,WAAW,gBAAgB;AAAA,QAAA;AAAA,MACzC,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,qBAAqB,CAAC,MAAM;AAChC,QAAI,kBAAkB,IAAI;AACxB,YAAM,QAAQ,cAAc,QAAQ,MAAM,EAAE;AAC5C,YAAM,SAAS,MAAM,QAAQ,OAAO,EAAE;AACtC,uBAAiB,MAAM;AAAA,IACzB;AACA,YAAQ,CAAC;AAAA,EACX;AAEA,QAAM,oBAAoB,CAAC,UAAU;AACnC,UAAM,EAAE,WAAW;AACnB,UAAM,QAAQ,OAAO,MAAM,QAAQ,MAAM,EAAE;AAC3C,UAAM,QAAQ;AACd,QAAI,MAAM,KAAK,KAAK,GAAG;AACrB,YAAM,SAAS,MAAM,MAAM,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,EAAE,CAAC,MAAM;AACpE,YAAM,QAAQ,IAAI,OAAO,aAAa,GAAG,GAAG,GAAG;AAC/C,YAAM,YAAY,OAAO,QAAQ,OAAO,EAAE;AAC1C,YAAM,cAAc,UAAU,QAAQ,GAAG;AACzC,YAAM,eAAe,eAAe,IAAI,UAAU,MAAM,WAAW,IAAI;AACvE,YAAM,cACJ,eAAe,IAAI,UAAU,MAAM,GAAG,WAAW,IAAI;AACvD,uBAAiB,cAAc,YAAY;AAAA,IAC7C;AAAA,EACF;AACA,YAAU,MAAM;AACd,QAAI,SAAS,UAAU,IAAI;AACzB,UAAI,OAAO,SAAS,YAAY,SAAS,MAAM,SAAS,GAAG,GAAG;AAC5D,yBAAiB,MAAM,UAAU;AAAA,MACnC,OAAO;AACL,yBAAiB,gBAAgB,MAAM,SAAA,CAAU,CAAC;AAAA,MACpD;AAAA,IACF,OAAO;AACL,uBAAiB,EAAE;AAAA,IACrB;AAAA,EACF,GAAG,CAAC,KAAK,CAAC;AAEV,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAG;AAAA,MACJ,OAAO;AAAA,MACP;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;"}
@@ -1,6 +1,8 @@
1
1
  import { jsxs, jsx } from "react/jsx-runtime";
2
2
  import { useState } from "react";
3
- import { FormGroup, Label, Input } from "reactstrap";
3
+ import FormGroup from "../node_modules/@neolution-ch/reactstrap/esm/FormGroup.js";
4
+ import Input from "../node_modules/@neolution-ch/reactstrap/esm/Input.js";
5
+ import Label from "../node_modules/@neolution-ch/reactstrap/esm/Label.js";
4
6
  import { MENSAJE } from "./constant.js";
5
7
  import "./index.css";
6
8
  const CustomInputFile = ({
@@ -1 +1 @@
1
- {"version":3,"file":"CustomInputFile.js","sources":["../../src/custom-input/CustomInputFile.jsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { FormGroup, Input, Label } from 'reactstrap';\r\nimport { MENSAJE } from './constant';\r\nimport './index.css';\r\n\r\nexport const CustomInputFile = ({\r\n accept,\r\n className = '',\r\n id,\r\n label,\r\n name,\r\n onChange,\r\n}) => {\r\n const [fileName, setFileName] = useState(label || LABEL_FILE);\r\n const { LABEL_FILE } = MENSAJE;\r\n const handleFileChange = (event) => {\r\n const files = event.target.files;\r\n if (files.length > 0) {\r\n setFileName(files[0].name);\r\n } else {\r\n setFileName(label || LABEL_FILE);\r\n }\r\n\r\n if (onChange) {\r\n onChange(event);\r\n }\r\n };\r\n\r\n return (\r\n <FormGroup className={`custom-file ${className}`}>\r\n <Label for={id} className=\"custom-file-label\">\r\n {fileName}\r\n </Label>\r\n <Input\r\n id={id}\r\n name={name}\r\n accept={accept}\r\n type=\"file\"\r\n onChange={handleFileChange}\r\n className=\"custom-file-input\"\r\n />\r\n </FormGroup>\r\n );\r\n};\r\n\r\nexport default CustomInputFile;\r\n"],"names":[],"mappings":";;;;;AAKO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,SAAS,UAAU;AAC5D,QAAM,EAAE,eAAe;AACvB,QAAM,mBAAmB,CAAC,UAAU;AAClC,UAAM,QAAQ,MAAM,OAAO;AAC3B,QAAI,MAAM,SAAS,GAAG;AACpB,kBAAY,MAAM,CAAC,EAAE,IAAI;AAAA,IAC3B,OAAO;AACL,kBAAY,SAAS,UAAU;AAAA,IACjC;AAEA,QAAI,UAAU;AACZ,eAAS,KAAK;AAAA,IAChB;AAAA,EACF;AAEA,SACE,qBAAC,WAAA,EAAU,WAAW,eAAe,SAAS,IAC5C,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAM,KAAK,IAAI,WAAU,qBACvB,UAAA,UACH;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QACL,UAAU;AAAA,QACV,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;"}
1
+ {"version":3,"file":"CustomInputFile.js","sources":["../../src/custom-input/CustomInputFile.jsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { FormGroup, Input, Label } from '@neolution-ch/reactstrap';\r\nimport { MENSAJE } from './constant';\r\nimport './index.css';\r\n\r\nexport const CustomInputFile = ({\r\n accept,\r\n className = '',\r\n id,\r\n label,\r\n name,\r\n onChange,\r\n}) => {\r\n const [fileName, setFileName] = useState(label || LABEL_FILE);\r\n const { LABEL_FILE } = MENSAJE;\r\n const handleFileChange = (event) => {\r\n const files = event.target.files;\r\n if (files.length > 0) {\r\n setFileName(files[0].name);\r\n } else {\r\n setFileName(label || LABEL_FILE);\r\n }\r\n\r\n if (onChange) {\r\n onChange(event);\r\n }\r\n };\r\n\r\n return (\r\n <FormGroup className={`custom-file ${className}`}>\r\n <Label for={id} className=\"custom-file-label\">\r\n {fileName}\r\n </Label>\r\n <Input\r\n id={id}\r\n name={name}\r\n accept={accept}\r\n type=\"file\"\r\n onChange={handleFileChange}\r\n className=\"custom-file-input\"\r\n />\r\n </FormGroup>\r\n );\r\n};\r\n\r\nexport default CustomInputFile;\r\n"],"names":[],"mappings":";;;;;;;AAKO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA,YAAY;AAAA,EACZ;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,SAAS,UAAU;AAC5D,QAAM,EAAE,eAAe;AACvB,QAAM,mBAAmB,CAAC,UAAU;AAClC,UAAM,QAAQ,MAAM,OAAO;AAC3B,QAAI,MAAM,SAAS,GAAG;AACpB,kBAAY,MAAM,CAAC,EAAE,IAAI;AAAA,IAC3B,OAAO;AACL,kBAAY,SAAS,UAAU;AAAA,IACjC;AAEA,QAAI,UAAU;AACZ,eAAS,KAAK;AAAA,IAChB;AAAA,EACF;AAEA,SACE,qBAAC,WAAA,EAAU,WAAW,eAAe,SAAS,IAC5C,UAAA;AAAA,IAAA,oBAAC,OAAA,EAAM,KAAK,IAAI,WAAU,qBACvB,UAAA,UACH;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA;AAAA,QACA,MAAK;AAAA,QACL,UAAU;AAAA,QACV,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;"}
@@ -1,5 +1,7 @@
1
1
  import { jsx, jsxs } from "react/jsx-runtime";
2
- import { FormGroup, Input, Label } from "reactstrap";
2
+ import FormGroup from "../node_modules/@neolution-ch/reactstrap/esm/FormGroup.js";
3
+ import Input from "../node_modules/@neolution-ch/reactstrap/esm/Input.js";
4
+ import Label from "../node_modules/@neolution-ch/reactstrap/esm/Label.js";
3
5
  import "./index.css";
4
6
  const CustomInputRadio = ({
5
7
  className,
@@ -1 +1 @@
1
- {"version":3,"file":"CustomInputRadio.js","sources":["../../src/custom-input/CustomInputRadio.jsx"],"sourcesContent":["import { FormGroup, Label, Input } from 'reactstrap';\r\nimport './index.css';\r\n\r\nexport const CustomInputRadio = ({\r\n className,\r\n customClassName,\r\n checked,\r\n disabled,\r\n id,\r\n inline,\r\n label,\r\n name,\r\n onChange,\r\n direction = 'row',\r\n}) => {\r\n return (\r\n <FormGroup\r\n inline={inline}\r\n className={`custom-radio ${customClassName || ''}`}\r\n >\r\n <div\r\n style={{\r\n display: 'flex',\r\n flexDirection: direction,\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n }}\r\n >\r\n <Input\r\n id={id}\r\n type=\"radio\"\r\n name={name}\r\n checked={checked}\r\n onChange={onChange}\r\n disabled={disabled}\r\n className={className}\r\n />\r\n\r\n <Label\r\n check\r\n htmlFor={id}\r\n style={{\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n height: '25px',\r\n width: '25px',\r\n }}\r\n ></Label>\r\n <div>{label}</div>\r\n </div>\r\n </FormGroup>\r\n );\r\n};\r\n\r\nexport default CustomInputRadio;\r\n"],"names":[],"mappings":";;;AAGO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAAM;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,gBAAgB,mBAAmB,EAAE;AAAA,MAEhD,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAAA;AAAA,UAGlB,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,MAAK;AAAA,gBACL;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAK;AAAA,gBACL,SAAS;AAAA,gBACT,OAAO;AAAA,kBACL,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,QAAQ;AAAA,kBACR,OAAO;AAAA,gBAAA;AAAA,cACT;AAAA,YAAA;AAAA,YAEF,oBAAC,SAAK,UAAA,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAGN;"}
1
+ {"version":3,"file":"CustomInputRadio.js","sources":["../../src/custom-input/CustomInputRadio.jsx"],"sourcesContent":["import { FormGroup, Label, Input } from '@neolution-ch/reactstrap';\r\nimport './index.css';\r\n\r\nexport const CustomInputRadio = ({\r\n className,\r\n customClassName,\r\n checked,\r\n disabled,\r\n id,\r\n inline,\r\n label,\r\n name,\r\n onChange,\r\n direction = 'row',\r\n}) => {\r\n return (\r\n <FormGroup\r\n inline={inline}\r\n className={`custom-radio ${customClassName || ''}`}\r\n >\r\n <div\r\n style={{\r\n display: 'flex',\r\n flexDirection: direction,\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n }}\r\n >\r\n <Input\r\n id={id}\r\n type=\"radio\"\r\n name={name}\r\n checked={checked}\r\n onChange={onChange}\r\n disabled={disabled}\r\n className={className}\r\n />\r\n\r\n <Label\r\n check\r\n htmlFor={id}\r\n style={{\r\n alignItems: 'center',\r\n justifyContent: 'center',\r\n height: '25px',\r\n width: '25px',\r\n }}\r\n ></Label>\r\n <div>{label}</div>\r\n </div>\r\n </FormGroup>\r\n );\r\n};\r\n\r\nexport default CustomInputRadio;\r\n"],"names":[],"mappings":";;;;;AAGO,MAAM,mBAAmB,CAAC;AAAA,EAC/B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,YAAY;AACd,MAAM;AACJ,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW,gBAAgB,mBAAmB,EAAE;AAAA,MAEhD,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO;AAAA,YACL,SAAS;AAAA,YACT,eAAe;AAAA,YACf,YAAY;AAAA,YACZ,gBAAgB;AAAA,UAAA;AAAA,UAGlB,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC;AAAA,gBACA,MAAK;AAAA,gBACL;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,gBACA;AAAA,cAAA;AAAA,YAAA;AAAA,YAGF;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,OAAK;AAAA,gBACL,SAAS;AAAA,gBACT,OAAO;AAAA,kBACL,YAAY;AAAA,kBACZ,gBAAgB;AAAA,kBAChB,QAAQ;AAAA,kBACR,OAAO;AAAA,gBAAA;AAAA,cACT;AAAA,YAAA;AAAA,YAEF,oBAAC,SAAK,UAAA,MAAA,CAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACd;AAAA,EAAA;AAGN;"}
@@ -0,0 +1,83 @@
1
+ import { jsx } from "react/jsx-runtime";
2
+ import { useRef, useState, useMemo, useEffect } from "react";
3
+ function DropzoneComponent({
4
+ config = {},
5
+ djsConfig = {},
6
+ eventHandlers = {},
7
+ className = "",
8
+ action,
9
+ children
10
+ }) {
11
+ const dropzoneRef = useRef(null);
12
+ const dropzoneInstance = useRef(null);
13
+ const [files, setFiles] = useState([]);
14
+ const options = useMemo(() => {
15
+ return {
16
+ ...config.postUrl ? { url: config.postUrl } : {},
17
+ ...djsConfig
18
+ };
19
+ }, [config.postUrl, djsConfig]);
20
+ const setupEvents = (dz) => {
21
+ if (!eventHandlers) return;
22
+ Object.entries(eventHandlers).forEach(([event, handler]) => {
23
+ if (!handler) return;
24
+ const handlers = Array.isArray(handler) ? handler : [handler];
25
+ handlers.forEach((fn) => {
26
+ if (event === "init") {
27
+ fn(dz);
28
+ } else {
29
+ dz.on(event, fn);
30
+ }
31
+ });
32
+ });
33
+ dz.on("addedfile", (file) => {
34
+ if (!file) return;
35
+ setFiles((prev) => [...prev, file]);
36
+ });
37
+ dz.on("removedfile", (file) => {
38
+ if (!file) return;
39
+ setFiles(
40
+ (prev) => prev.filter((f) => !(f.name === file.name && f.size === file.size))
41
+ );
42
+ });
43
+ };
44
+ useEffect(() => {
45
+ let mounted = true;
46
+ const initDropzone = async () => {
47
+ const { default: Dropzone } = await import("../node_modules/dropzone/dist/dropzone.js");
48
+ if (!mounted) return;
49
+ Dropzone.autoDiscover = false;
50
+ const node = config.dropzoneSelector || dropzoneRef.current;
51
+ if (!node) return;
52
+ const dz = new Dropzone(node, options);
53
+ dropzoneInstance.current = dz;
54
+ setupEvents(dz);
55
+ };
56
+ initDropzone();
57
+ return () => {
58
+ mounted = false;
59
+ const dz = dropzoneInstance.current;
60
+ if (!dz) return;
61
+ dz.off();
62
+ dz.destroy();
63
+ };
64
+ }, []);
65
+ useEffect(() => {
66
+ const dz = dropzoneInstance.current;
67
+ if (!dz) return;
68
+ dz.options = {
69
+ ...dz.options,
70
+ ...djsConfig,
71
+ ...config.postUrl ? { url: config.postUrl } : {}
72
+ };
73
+ }, [config.postUrl, djsConfig]);
74
+ const dropzoneClass = className ? `filepicker dropzone ${className}` : "filepicker dropzone";
75
+ if (!config.postUrl && action) {
76
+ return /* @__PURE__ */ jsx("form", { ref: dropzoneRef, action, className: dropzoneClass, children });
77
+ }
78
+ return /* @__PURE__ */ jsx("div", { ref: dropzoneRef, className: dropzoneClass, children });
79
+ }
80
+ export {
81
+ DropzoneComponent as default
82
+ };
83
+ //# sourceMappingURL=DropzoneComponent.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"DropzoneComponent.js","sources":["../../src/drag-and-dropzone/DropzoneComponent.jsx"],"sourcesContent":["import { useEffect, useRef, useState, useMemo } from 'react';\r\n\r\nexport default function DropzoneComponent({\r\n config = {},\r\n djsConfig = {},\r\n eventHandlers = {},\r\n className = '',\r\n action,\r\n children,\r\n}) {\r\n const dropzoneRef = useRef(null);\r\n const dropzoneInstance = useRef(null);\r\n\r\n const [files, setFiles] = useState([]);\r\n\r\n const options = useMemo(() => {\r\n return {\r\n ...(config.postUrl ? { url: config.postUrl } : {}),\r\n ...djsConfig,\r\n };\r\n }, [config.postUrl, djsConfig]);\r\n\r\n const setupEvents = (dz) => {\r\n if (!eventHandlers) return;\r\n\r\n Object.entries(eventHandlers).forEach(([event, handler]) => {\r\n if (!handler) return;\r\n\r\n const handlers = Array.isArray(handler) ? handler : [handler];\r\n\r\n handlers.forEach((fn) => {\r\n if (event === 'init') {\r\n fn(dz);\r\n } else {\r\n dz.on(event, fn);\r\n }\r\n });\r\n });\r\n\r\n dz.on('addedfile', (file) => {\r\n if (!file) return;\r\n setFiles((prev) => [...prev, file]);\r\n });\r\n\r\n dz.on('removedfile', (file) => {\r\n if (!file) return;\r\n\r\n setFiles((prev) =>\r\n prev.filter((f) => !(f.name === file.name && f.size === file.size))\r\n );\r\n });\r\n };\r\n\r\n useEffect(() => {\r\n let mounted = true;\r\n\r\n const initDropzone = async () => {\r\n const { default: Dropzone } = await import('dropzone');\r\n\r\n if (!mounted) return;\r\n\r\n Dropzone.autoDiscover = false;\r\n\r\n const node = config.dropzoneSelector || dropzoneRef.current;\r\n if (!node) return;\r\n\r\n const dz = new Dropzone(node, options);\r\n\r\n dropzoneInstance.current = dz;\r\n\r\n setupEvents(dz);\r\n };\r\n\r\n initDropzone();\r\n\r\n return () => {\r\n mounted = false;\r\n\r\n const dz = dropzoneInstance.current;\r\n\r\n if (!dz) return;\r\n\r\n dz.off();\r\n dz.destroy();\r\n };\r\n }, []);\r\n\r\n useEffect(() => {\r\n const dz = dropzoneInstance.current;\r\n\r\n if (!dz) return;\r\n\r\n dz.options = {\r\n ...dz.options,\r\n ...djsConfig,\r\n ...(config.postUrl ? { url: config.postUrl } : {}),\r\n };\r\n }, [config.postUrl, djsConfig]);\r\n\r\n const dropzoneClass = className\r\n ? `filepicker dropzone ${className}`\r\n : 'filepicker dropzone';\r\n\r\n if (!config.postUrl && action) {\r\n return (\r\n <form ref={dropzoneRef} action={action} className={dropzoneClass}>\r\n {children}\r\n </form>\r\n );\r\n }\r\n\r\n return (\r\n <div ref={dropzoneRef} className={dropzoneClass}>\r\n {children}\r\n </div>\r\n );\r\n}\r\n"],"names":[],"mappings":";;AAEA,SAAwB,kBAAkB;AAAA,EACxC,SAAS,CAAA;AAAA,EACT,YAAY,CAAA;AAAA,EACZ,gBAAgB,CAAA;AAAA,EAChB,YAAY;AAAA,EACZ;AAAA,EACA;AACF,GAAG;AACD,QAAM,cAAc,OAAO,IAAI;AAC/B,QAAM,mBAAmB,OAAO,IAAI;AAEpC,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAA,CAAE;AAErC,QAAM,UAAU,QAAQ,MAAM;AAC5B,WAAO;AAAA,MACL,GAAI,OAAO,UAAU,EAAE,KAAK,OAAO,QAAA,IAAY,CAAA;AAAA,MAC/C,GAAG;AAAA,IAAA;AAAA,EAEP,GAAG,CAAC,OAAO,SAAS,SAAS,CAAC;AAE9B,QAAM,cAAc,CAAC,OAAO;AAC1B,QAAI,CAAC,cAAe;AAEpB,WAAO,QAAQ,aAAa,EAAE,QAAQ,CAAC,CAAC,OAAO,OAAO,MAAM;AAC1D,UAAI,CAAC,QAAS;AAEd,YAAM,WAAW,MAAM,QAAQ,OAAO,IAAI,UAAU,CAAC,OAAO;AAE5D,eAAS,QAAQ,CAAC,OAAO;AACvB,YAAI,UAAU,QAAQ;AACpB,aAAG,EAAE;AAAA,QACP,OAAO;AACL,aAAG,GAAG,OAAO,EAAE;AAAA,QACjB;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAED,OAAG,GAAG,aAAa,CAAC,SAAS;AAC3B,UAAI,CAAC,KAAM;AACX,eAAS,CAAC,SAAS,CAAC,GAAG,MAAM,IAAI,CAAC;AAAA,IACpC,CAAC;AAED,OAAG,GAAG,eAAe,CAAC,SAAS;AAC7B,UAAI,CAAC,KAAM;AAEX;AAAA,QAAS,CAAC,SACR,KAAK,OAAO,CAAC,MAAM,EAAE,EAAE,SAAS,KAAK,QAAQ,EAAE,SAAS,KAAK,KAAK;AAAA,MAAA;AAAA,IAEtE,CAAC;AAAA,EACH;AAEA,YAAU,MAAM;AACd,QAAI,UAAU;AAEd,UAAM,eAAe,YAAY;AAC/B,YAAM,EAAE,SAAS,aAAa,MAAM,OAAO,2CAAU;AAErD,UAAI,CAAC,QAAS;AAEd,eAAS,eAAe;AAExB,YAAM,OAAO,OAAO,oBAAoB,YAAY;AACpD,UAAI,CAAC,KAAM;AAEX,YAAM,KAAK,IAAI,SAAS,MAAM,OAAO;AAErC,uBAAiB,UAAU;AAE3B,kBAAY,EAAE;AAAA,IAChB;AAEA,iBAAA;AAEA,WAAO,MAAM;AACX,gBAAU;AAEV,YAAM,KAAK,iBAAiB;AAE5B,UAAI,CAAC,GAAI;AAET,SAAG,IAAA;AACH,SAAG,QAAA;AAAA,IACL;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,YAAU,MAAM;AACd,UAAM,KAAK,iBAAiB;AAE5B,QAAI,CAAC,GAAI;AAET,OAAG,UAAU;AAAA,MACX,GAAG,GAAG;AAAA,MACN,GAAG;AAAA,MACH,GAAI,OAAO,UAAU,EAAE,KAAK,OAAO,QAAA,IAAY,CAAA;AAAA,IAAC;AAAA,EAEpD,GAAG,CAAC,OAAO,SAAS,SAAS,CAAC;AAE9B,QAAM,gBAAgB,YAClB,uBAAuB,SAAS,KAChC;AAEJ,MAAI,CAAC,OAAO,WAAW,QAAQ;AAC7B,+BACG,QAAA,EAAK,KAAK,aAAa,QAAgB,WAAW,eAChD,UACH;AAAA,EAEJ;AAEA,6BACG,OAAA,EAAI,KAAK,aAAa,WAAW,eAC/B,UACH;AAEJ;"}
@@ -1,5 +1,5 @@
1
1
  import { jsx } from "react/jsx-runtime";
2
- import DropzoneComponent from "../_virtual/react-dropzone.js";
2
+ import DropzoneComponent from "./DropzoneComponent.js";
3
3
  import { dropzoneConfig, dropzoneComponentConfig } from "./config.js";
4
4
  import "./index.css";
5
5
  const DragAndDropZone = ({
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../src/drag-and-dropzone/index.jsx"],"sourcesContent":["import DropzoneComponent from 'react-dropzone-component';\r\nimport { dropzoneComponentConfig, dropzoneConfig } from './config';\r\nimport './index.css';\r\n\r\nexport const DragAndDropZone = ({\r\n files = [],\r\n keyDc = null,\r\n disableUpload = false,\r\n onDeleteFile = () => {},\r\n onInsertFile = () => {},\r\n className = '',\r\n}) => {\r\n const _className =\r\n className + disableUpload === true ? 'dz-disable' : 'dz-eneable';\r\n return (\r\n <DropzoneComponent\r\n key={keyDc}\r\n config={dropzoneComponentConfig}\r\n initialFiles={[files]}\r\n className={_className}\r\n djsConfig={dropzoneConfig}\r\n eventHandlers={{\r\n removedfile: (file) => {\r\n onDeleteFile(file);\r\n },\r\n addedfile: (file) => {\r\n onInsertFile(file);\r\n },\r\n }}\r\n />\r\n );\r\n};\r\n\r\nexport default DragAndDropZone;\r\n"],"names":[],"mappings":";;;;AAIO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,QAAQ,CAAA;AAAA,EACR,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,YAAY;AACd,MAAM;AACJ,QAAM,aACJ,YAAY,kBAAkB,OAAO,eAAe;AACtD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,QAAQ;AAAA,MACR,cAAc,CAAC,KAAK;AAAA,MACpB,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAe;AAAA,QACb,aAAa,CAAC,SAAS;AACrB,uBAAa,IAAI;AAAA,QACnB;AAAA,QACA,WAAW,CAAC,SAAS;AACnB,uBAAa,IAAI;AAAA,QACnB;AAAA,MAAA;AAAA,IACF;AAAA,IAZK;AAAA,EAAA;AAeX;"}
1
+ {"version":3,"file":"index.js","sources":["../../src/drag-and-dropzone/index.jsx"],"sourcesContent":["import DropzoneComponent from './DropzoneComponent';\r\nimport { dropzoneComponentConfig, dropzoneConfig } from './config';\r\nimport './index.css';\r\n\r\nexport const DragAndDropZone = ({\r\n files = [],\r\n keyDc = null,\r\n disableUpload = false,\r\n onDeleteFile = () => {},\r\n onInsertFile = () => {},\r\n className = '',\r\n}) => {\r\n const _className =\r\n className + disableUpload === true ? 'dz-disable' : 'dz-eneable';\r\n return (\r\n <DropzoneComponent\r\n key={keyDc}\r\n config={dropzoneComponentConfig}\r\n initialFiles={[files]}\r\n className={_className}\r\n djsConfig={dropzoneConfig}\r\n eventHandlers={{\r\n removedfile: (file) => {\r\n onDeleteFile(file);\r\n },\r\n addedfile: (file) => {\r\n onInsertFile(file);\r\n },\r\n }}\r\n />\r\n );\r\n};\r\n\r\nexport default DragAndDropZone;\r\n"],"names":[],"mappings":";;;;AAIO,MAAM,kBAAkB,CAAC;AAAA,EAC9B,QAAQ,CAAA;AAAA,EACR,QAAQ;AAAA,EACR,gBAAgB;AAAA,EAChB,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,eAAe,MAAM;AAAA,EAAC;AAAA,EACtB,YAAY;AACd,MAAM;AACJ,QAAM,aACJ,YAAY,kBAAkB,OAAO,eAAe;AACtD,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MAEC,QAAQ;AAAA,MACR,cAAc,CAAC,KAAK;AAAA,MACpB,WAAW;AAAA,MACX,WAAW;AAAA,MACX,eAAe;AAAA,QACb,aAAa,CAAC,SAAS;AACrB,uBAAa,IAAI;AAAA,QACnB;AAAA,QACA,WAAW,CAAC,SAAS;AACnB,uBAAa,IAAI;AAAA,QACnB;AAAA,MAAA;AAAA,IACF;AAAA,IAZK;AAAA,EAAA;AAeX;"}
@@ -1,7 +1,7 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
2
  import { getDroppedOrSelectedFiles } from "html5-file-selector";
3
3
  import { useState } from "react";
4
- import { Button } from "reactstrap";
4
+ import Button from "../../node_modules/@neolution-ch/reactstrap/esm/Button.js";
5
5
  import { Dropzone } from "../../dropzone/index.js";
6
6
  import "./index.css";
7
7
  import { IconButtonSvg as _t } from "../../iconos/icon-button-svg.js";
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":["../../../src/dropzone-uploader/styled/index.jsx"],"sourcesContent":["import { getDroppedOrSelectedFiles } from 'html5-file-selector';\r\nimport { useState } from 'react';\r\nimport { Button } from 'reactstrap';\r\nimport Dropzone from '../../dropzone';\r\nimport { IconButtonSvg, pdfImage } from '../../iconos';\r\nimport './index.css';\r\n\r\nexport const DropzoneUploaderStyled = ({\r\n accept = 'image/*, application/pdf',\r\n classNames = '',\r\n onChangeFiles,\r\n totalFiles,\r\n label = 'Cargar Dni',\r\n maxFiles = 2,\r\n maxSize = 2,\r\n onMaxFileSizeError = () => {\r\n alert('El archivo supera el tamaño máximo');\r\n },\r\n}) => {\r\n const [files, setFiles] = useState([]);\r\n\r\n const handleChangeStatus = ({ file }, status) => {\r\n if (status === 'done') {\r\n const filesTemp = files;\r\n filesTemp.push(file);\r\n setFiles(filesTemp);\r\n onChangeFiles(filesTemp);\r\n } else if (status === 'removed') {\r\n const filesTemp = files;\r\n const index = filesTemp.indexOf(file);\r\n if (index > -1) {\r\n filesTemp.splice(index, 1);\r\n }\r\n setFiles(filesTemp);\r\n onChangeFiles(filesTemp);\r\n }\r\n };\r\n\r\n const getFilesFromEvent = (e) => {\r\n return new Promise((resolve) => {\r\n getDroppedOrSelectedFiles(e).then((chosenFiles) => {\r\n resolve(chosenFiles.map((f) => f.fileObject));\r\n });\r\n });\r\n };\r\n\r\n const CustomPreview = ({ fileWithMeta }) => {\r\n const { meta, remove } = fileWithMeta;\r\n if (meta.size / (1024 * 1024) > maxSize) {\r\n onMaxFileSizeError();\r\n remove();\r\n }\r\n return (\r\n <div\r\n className=\"dropzone-upload-previewContainer\"\r\n style={{ width: '100%', display: 'flex', alignItems: 'center' }}\r\n >\r\n {meta.type === 'application/pdf' ? (\r\n <>\r\n <IconButtonSvg\r\n className=\"form-control flex\"\r\n svg={pdfImage}\r\n svgOver={pdfImage}\r\n height=\"1.6rem\"\r\n width=\"1.6rem\"\r\n title={meta.name}\r\n />\r\n <p style={{ paddingRight: '1rem' }}>\r\n {meta.name.length > 17\r\n ? meta.name.substring(0, 17) + '...'\r\n : meta.name}\r\n </p>\r\n </>\r\n ) : (\r\n <>\r\n <img\r\n className=\"dropzone-upload-previewImage mt-1\"\r\n src={meta.previewUrl}\r\n alt={meta.name}\r\n style={{\r\n width: '110px',\r\n height: '110px',\r\n objectFit: 'cover',\r\n marginRight: '0.5rem',\r\n }}\r\n />\r\n <div className=\"dropzone-upload-file-name-container\">\r\n <p className=\"dropzone-upload-file-name\" title={meta.name}>\r\n {meta.name}\r\n </p>\r\n </div>\r\n </>\r\n )}\r\n <button\r\n style={{ marginTop: '0rem' }}\r\n onClick={remove}\r\n className=\"dropzone-upload-delete-btn simple-icon-trash\"\r\n ></button>\r\n </div>\r\n );\r\n };\r\n\r\n const Input = ({ accept, onFiles, getFilesFromEvent }) => {\r\n const text =\r\n totalFiles > 0 ? `${maxFiles - totalFiles} archivos más` : `${label}`;\r\n return (\r\n <>\r\n <Button\r\n outline\r\n block\r\n size=\"xs\"\r\n className=\"mt-5 ml-5\"\r\n onClick={() => document.getElementById('fileInput').click()}\r\n >\r\n {text}\r\n <input\r\n id=\"fileInput\"\r\n style={{ display: 'none' }}\r\n type=\"file\"\r\n accept={accept}\r\n multiple\r\n onChange={(e) => {\r\n getFilesFromEvent(e).then((chosenFiles) => {\r\n onFiles(chosenFiles);\r\n });\r\n }}\r\n />\r\n </Button>\r\n </>\r\n );\r\n };\r\n\r\n return (\r\n <div className={classNames}>\r\n <Dropzone\r\n disableUpload={false}\r\n maxFiles={totalFiles < maxFiles ? maxFiles : 0}\r\n maxSize={maxSize} // en megas\r\n InputComponent={Input}\r\n PreviewComponent={CustomPreview}\r\n classNames={{ dropzone: 'dropzone-upload-frame' }}\r\n onChangeStatus={handleChangeStatus}\r\n getFilesFromEvent={getFilesFromEvent}\r\n accept={accept}\r\n />\r\n </div>\r\n );\r\n};\r\n\r\nexport default DropzoneUploaderStyled;\r\n"],"names":["IconButtonSvg","accept","getFilesFromEvent"],"mappings":"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"}
1
+ {"version":3,"file":"index.js","sources":["../../../src/dropzone-uploader/styled/index.jsx"],"sourcesContent":["import { getDroppedOrSelectedFiles } from 'html5-file-selector';\r\nimport { useState } from 'react';\r\nimport { Button } from '@neolution-ch/reactstrap';\r\nimport Dropzone from '../../dropzone';\r\nimport { IconButtonSvg, pdfImage } from '../../iconos';\r\nimport './index.css';\r\n\r\nexport const DropzoneUploaderStyled = ({\r\n accept = 'image/*, application/pdf',\r\n classNames = '',\r\n onChangeFiles,\r\n totalFiles,\r\n label = 'Cargar Dni',\r\n maxFiles = 2,\r\n maxSize = 2,\r\n onMaxFileSizeError = () => {\r\n alert('El archivo supera el tamaño máximo');\r\n },\r\n}) => {\r\n const [files, setFiles] = useState([]);\r\n\r\n const handleChangeStatus = ({ file }, status) => {\r\n if (status === 'done') {\r\n const filesTemp = files;\r\n filesTemp.push(file);\r\n setFiles(filesTemp);\r\n onChangeFiles(filesTemp);\r\n } else if (status === 'removed') {\r\n const filesTemp = files;\r\n const index = filesTemp.indexOf(file);\r\n if (index > -1) {\r\n filesTemp.splice(index, 1);\r\n }\r\n setFiles(filesTemp);\r\n onChangeFiles(filesTemp);\r\n }\r\n };\r\n\r\n const getFilesFromEvent = (e) => {\r\n return new Promise((resolve) => {\r\n getDroppedOrSelectedFiles(e).then((chosenFiles) => {\r\n resolve(chosenFiles.map((f) => f.fileObject));\r\n });\r\n });\r\n };\r\n\r\n const CustomPreview = ({ fileWithMeta }) => {\r\n const { meta, remove } = fileWithMeta;\r\n if (meta.size / (1024 * 1024) > maxSize) {\r\n onMaxFileSizeError();\r\n remove();\r\n }\r\n return (\r\n <div\r\n className=\"dropzone-upload-previewContainer\"\r\n style={{ width: '100%', display: 'flex', alignItems: 'center' }}\r\n >\r\n {meta.type === 'application/pdf' ? (\r\n <>\r\n <IconButtonSvg\r\n className=\"form-control flex\"\r\n svg={pdfImage}\r\n svgOver={pdfImage}\r\n height=\"1.6rem\"\r\n width=\"1.6rem\"\r\n title={meta.name}\r\n />\r\n <p style={{ paddingRight: '1rem' }}>\r\n {meta.name.length > 17\r\n ? meta.name.substring(0, 17) + '...'\r\n : meta.name}\r\n </p>\r\n </>\r\n ) : (\r\n <>\r\n <img\r\n className=\"dropzone-upload-previewImage mt-1\"\r\n src={meta.previewUrl}\r\n alt={meta.name}\r\n style={{\r\n width: '110px',\r\n height: '110px',\r\n objectFit: 'cover',\r\n marginRight: '0.5rem',\r\n }}\r\n />\r\n <div className=\"dropzone-upload-file-name-container\">\r\n <p className=\"dropzone-upload-file-name\" title={meta.name}>\r\n {meta.name}\r\n </p>\r\n </div>\r\n </>\r\n )}\r\n <button\r\n style={{ marginTop: '0rem' }}\r\n onClick={remove}\r\n className=\"dropzone-upload-delete-btn simple-icon-trash\"\r\n ></button>\r\n </div>\r\n );\r\n };\r\n\r\n const Input = ({ accept, onFiles, getFilesFromEvent }) => {\r\n const text =\r\n totalFiles > 0 ? `${maxFiles - totalFiles} archivos más` : `${label}`;\r\n return (\r\n <>\r\n <Button\r\n outline\r\n block\r\n size=\"xs\"\r\n className=\"mt-5 ml-5\"\r\n onClick={() => document.getElementById('fileInput').click()}\r\n >\r\n {text}\r\n <input\r\n id=\"fileInput\"\r\n style={{ display: 'none' }}\r\n type=\"file\"\r\n accept={accept}\r\n multiple\r\n onChange={(e) => {\r\n getFilesFromEvent(e).then((chosenFiles) => {\r\n onFiles(chosenFiles);\r\n });\r\n }}\r\n />\r\n </Button>\r\n </>\r\n );\r\n };\r\n\r\n return (\r\n <div className={classNames}>\r\n <Dropzone\r\n disableUpload={false}\r\n maxFiles={totalFiles < maxFiles ? maxFiles : 0}\r\n maxSize={maxSize} // en megas\r\n InputComponent={Input}\r\n PreviewComponent={CustomPreview}\r\n classNames={{ dropzone: 'dropzone-upload-frame' }}\r\n onChangeStatus={handleChangeStatus}\r\n getFilesFromEvent={getFilesFromEvent}\r\n accept={accept}\r\n />\r\n </div>\r\n );\r\n};\r\n\r\nexport default DropzoneUploaderStyled;\r\n"],"names":["IconButtonSvg","accept","getFilesFromEvent"],"mappings":";;;;;;;;AAOO,MAAM,yBAAyB,CAAC;AAAA,EACrC,SAAS;AAAA,EACT,aAAa;AAAA,EACb;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,WAAW;AAAA,EACX,UAAU;AAAA,EACV,qBAAqB,MAAM;AACzB,UAAM,oCAAoC;AAAA,EAC5C;AACF,MAAM;AACJ,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,CAAA,CAAE;AAErC,QAAM,qBAAqB,CAAC,EAAE,KAAA,GAAQ,WAAW;AAC/C,QAAI,WAAW,QAAQ;AACrB,YAAM,YAAY;AAClB,gBAAU,KAAK,IAAI;AACnB,eAAS,SAAS;AAClB,oBAAc,SAAS;AAAA,IACzB,WAAW,WAAW,WAAW;AAC/B,YAAM,YAAY;AAClB,YAAM,QAAQ,UAAU,QAAQ,IAAI;AACpC,UAAI,QAAQ,IAAI;AACd,kBAAU,OAAO,OAAO,CAAC;AAAA,MAC3B;AACA,eAAS,SAAS;AAClB,oBAAc,SAAS;AAAA,IACzB;AAAA,EACF;AAEA,QAAM,oBAAoB,CAAC,MAAM;AAC/B,WAAO,IAAI,QAAQ,CAAC,YAAY;AAC9B,gCAA0B,CAAC,EAAE,KAAK,CAAC,gBAAgB;AACjD,gBAAQ,YAAY,IAAI,CAAC,MAAM,EAAE,UAAU,CAAC;AAAA,MAC9C,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAEA,QAAM,gBAAgB,CAAC,EAAE,mBAAmB;AAC1C,UAAM,EAAE,MAAM,OAAA,IAAW;AACzB,QAAI,KAAK,QAAQ,OAAO,QAAQ,SAAS;AACvC,yBAAA;AACA,aAAA;AAAA,IACF;AACA,WACE;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO,EAAE,OAAO,QAAQ,SAAS,QAAQ,YAAY,SAAA;AAAA,QAEpD,UAAA;AAAA,UAAA,KAAK,SAAS,oBACb,qBAAA,UAAA,EACE,UAAA;AAAA,YAAA;AAAA,cAACA;AAAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,KAAK;AAAA,gBACL,SAAS;AAAA,gBACT,QAAO;AAAA,gBACP,OAAM;AAAA,gBACN,OAAO,KAAK;AAAA,cAAA;AAAA,YAAA;AAAA,gCAEb,KAAA,EAAE,OAAO,EAAE,cAAc,OAAA,GACvB,UAAA,KAAK,KAAK,SAAS,KAChB,KAAK,KAAK,UAAU,GAAG,EAAE,IAAI,QAC7B,KAAK,KAAA,CACX;AAAA,UAAA,EAAA,CACF,IAEA,qBAAA,UAAA,EACE,UAAA;AAAA,YAAA;AAAA,cAAC;AAAA,cAAA;AAAA,gBACC,WAAU;AAAA,gBACV,KAAK,KAAK;AAAA,gBACV,KAAK,KAAK;AAAA,gBACV,OAAO;AAAA,kBACL,OAAO;AAAA,kBACP,QAAQ;AAAA,kBACR,WAAW;AAAA,kBACX,aAAa;AAAA,gBAAA;AAAA,cACf;AAAA,YAAA;AAAA,YAEF,oBAAC,OAAA,EAAI,WAAU,uCACb,UAAA,oBAAC,KAAA,EAAE,WAAU,6BAA4B,OAAO,KAAK,MAClD,UAAA,KAAK,MACR,EAAA,CACF;AAAA,UAAA,GACF;AAAA,UAEF;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,OAAO,EAAE,WAAW,OAAA;AAAA,cACpB,SAAS;AAAA,cACT,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACX;AAAA,MAAA;AAAA,IAAA;AAAA,EAGP;AAEA,QAAM,QAAQ,CAAC,EAAE,QAAAC,SAAQ,SAAS,mBAAAC,yBAAwB;AACxD,UAAM,OACJ,aAAa,IAAI,GAAG,WAAW,UAAU,kBAAkB,GAAG,KAAK;AACrE,WACE,oBAAA,UAAA,EACE,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAO;AAAA,QACP,OAAK;AAAA,QACL,MAAK;AAAA,QACL,WAAU;AAAA,QACV,SAAS,MAAM,SAAS,eAAe,WAAW,EAAE,MAAA;AAAA,QAEnD,UAAA;AAAA,UAAA;AAAA,UACD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAG;AAAA,cACH,OAAO,EAAE,SAAS,OAAA;AAAA,cAClB,MAAK;AAAA,cACL,QAAQD;AAAAA,cACR,UAAQ;AAAA,cACR,UAAU,CAAC,MAAM;AACfC,mCAAkB,CAAC,EAAE,KAAK,CAAC,gBAAgB;AACzC,0BAAQ,WAAW;AAAA,gBACrB,CAAC;AAAA,cACH;AAAA,YAAA;AAAA,UAAA;AAAA,QACF;AAAA,MAAA;AAAA,IAAA,GAEJ;AAAA,EAEJ;AAEA,SACE,oBAAC,OAAA,EAAI,WAAW,YACd,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,eAAe;AAAA,MACf,UAAU,aAAa,WAAW,WAAW;AAAA,MAC7C;AAAA,MACA,gBAAgB;AAAA,MAChB,kBAAkB;AAAA,MAClB,YAAY,EAAE,UAAU,wBAAA;AAAA,MACxB,gBAAgB;AAAA,MAChB;AAAA,MACA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;"}
@@ -0,0 +1,111 @@
1
+ import React, { useCallback } from "react";
2
+ import PropTypes from "prop-types";
3
+ import classnames from "../../../../_virtual/index.js";
4
+ import { mapToCssModules, tagPropType } from "./utils.js";
5
+ import CloseButton from "./CloseButton.js";
6
+ var _excluded = ["active", "aria-label", "block", "className", "close", "cssModule", "color", "outline", "size", "tag", "innerRef"];
7
+ function _extends() {
8
+ _extends = Object.assign ? Object.assign.bind() : function(target) {
9
+ for (var i = 1; i < arguments.length; i++) {
10
+ var source = arguments[i];
11
+ for (var key in source) {
12
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
13
+ target[key] = source[key];
14
+ }
15
+ }
16
+ }
17
+ return target;
18
+ };
19
+ return _extends.apply(this, arguments);
20
+ }
21
+ function _objectWithoutProperties(source, excluded) {
22
+ if (source == null) return {};
23
+ var target = _objectWithoutPropertiesLoose(source, excluded);
24
+ var key, i;
25
+ if (Object.getOwnPropertySymbols) {
26
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
27
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
28
+ key = sourceSymbolKeys[i];
29
+ if (excluded.indexOf(key) >= 0) continue;
30
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
31
+ target[key] = source[key];
32
+ }
33
+ }
34
+ return target;
35
+ }
36
+ function _objectWithoutPropertiesLoose(source, excluded) {
37
+ if (source == null) return {};
38
+ var target = {};
39
+ var sourceKeys = Object.keys(source);
40
+ var key, i;
41
+ for (i = 0; i < sourceKeys.length; i++) {
42
+ key = sourceKeys[i];
43
+ if (excluded.indexOf(key) >= 0) continue;
44
+ target[key] = source[key];
45
+ }
46
+ return target;
47
+ }
48
+ var propTypes = {
49
+ /** Manually set the visual state of the button to active */
50
+ active: PropTypes.bool,
51
+ /** Aria label */
52
+ "aria-label": PropTypes.string,
53
+ block: PropTypes.bool,
54
+ /** Pass children so this component can wrap them */
55
+ children: PropTypes.node,
56
+ /** Add custom class */
57
+ className: PropTypes.string,
58
+ /** Change existing className with a new className */
59
+ cssModule: PropTypes.object,
60
+ /** Use the button as a close button */
61
+ close: PropTypes.bool,
62
+ /** Change color of Button to one of the available colors */
63
+ color: PropTypes.string,
64
+ /** Disables the button */
65
+ disabled: PropTypes.bool,
66
+ innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
67
+ /** Function to be triggered on click */
68
+ onClick: PropTypes.func,
69
+ /** Adds outline to the button */
70
+ outline: PropTypes.bool,
71
+ /** Make the button bigger or smaller */
72
+ size: PropTypes.string,
73
+ /** Set a custom element for this component */
74
+ tag: tagPropType
75
+ };
76
+ function Button(props) {
77
+ var onClick = useCallback(function(e) {
78
+ if (props.disabled) {
79
+ e.preventDefault();
80
+ return;
81
+ }
82
+ if (props.onClick) {
83
+ return props.onClick(e);
84
+ }
85
+ }, [props.onClick, props.disabled]);
86
+ var active = props.active, ariaLabel = props["aria-label"], block = props.block, className = props.className, close = props.close, cssModule = props.cssModule, _props$color = props.color, color = _props$color === void 0 ? "secondary" : _props$color, outline = props.outline, size = props.size, _props$tag = props.tag, Tag = _props$tag === void 0 ? "button" : _props$tag, innerRef = props.innerRef, attributes = _objectWithoutProperties(props, _excluded);
87
+ if (close) {
88
+ return /* @__PURE__ */ React.createElement(CloseButton, attributes);
89
+ }
90
+ var btnOutlineColor = "btn".concat(outline ? "-outline" : "", "-").concat(color);
91
+ var classes = mapToCssModules(classnames(className, "btn", btnOutlineColor, size ? "btn-".concat(size) : false, block ? "d-block w-100" : false, {
92
+ active,
93
+ disabled: props.disabled
94
+ }), cssModule);
95
+ if (attributes.href && Tag === "button") {
96
+ Tag = "a";
97
+ }
98
+ return /* @__PURE__ */ React.createElement(Tag, _extends({
99
+ type: Tag === "button" && attributes.onClick ? "button" : void 0
100
+ }, attributes, {
101
+ className: classes,
102
+ ref: innerRef,
103
+ onClick,
104
+ "aria-label": ariaLabel
105
+ }));
106
+ }
107
+ Button.propTypes = propTypes;
108
+ export {
109
+ Button as default
110
+ };
111
+ //# sourceMappingURL=Button.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Button.js","sources":["../../../../../node_modules/@neolution-ch/reactstrap/esm/Button.js"],"sourcesContent":["var _excluded = [\"active\", \"aria-label\", \"block\", \"className\", \"close\", \"cssModule\", \"color\", \"outline\", \"size\", \"tag\", \"innerRef\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React, { useCallback } from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType } from './utils';\nimport CloseButton from './CloseButton';\nvar propTypes = {\n /** Manually set the visual state of the button to active */\n active: PropTypes.bool,\n /** Aria label */\n 'aria-label': PropTypes.string,\n block: PropTypes.bool,\n /** Pass children so this component can wrap them */\n children: PropTypes.node,\n /** Add custom class */\n className: PropTypes.string,\n /** Change existing className with a new className */\n cssModule: PropTypes.object,\n /** Use the button as a close button */\n close: PropTypes.bool,\n /** Change color of Button to one of the available colors */\n color: PropTypes.string,\n /** Disables the button */\n disabled: PropTypes.bool,\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),\n /** Function to be triggered on click */\n onClick: PropTypes.func,\n /** Adds outline to the button */\n outline: PropTypes.bool,\n /** Make the button bigger or smaller */\n size: PropTypes.string,\n /** Set a custom element for this component */\n tag: tagPropType\n};\nfunction Button(props) {\n var onClick = useCallback(function (e) {\n if (props.disabled) {\n e.preventDefault();\n return;\n }\n if (props.onClick) {\n return props.onClick(e);\n }\n }, [props.onClick, props.disabled]);\n var active = props.active,\n ariaLabel = props['aria-label'],\n block = props.block,\n className = props.className,\n close = props.close,\n cssModule = props.cssModule,\n _props$color = props.color,\n color = _props$color === void 0 ? 'secondary' : _props$color,\n outline = props.outline,\n size = props.size,\n _props$tag = props.tag,\n Tag = _props$tag === void 0 ? 'button' : _props$tag,\n innerRef = props.innerRef,\n attributes = _objectWithoutProperties(props, _excluded);\n if (close) {\n return /*#__PURE__*/React.createElement(CloseButton, attributes);\n }\n var btnOutlineColor = \"btn\".concat(outline ? '-outline' : '', \"-\").concat(color);\n var classes = mapToCssModules(classNames(className, 'btn', btnOutlineColor, size ? \"btn-\".concat(size) : false, block ? 'd-block w-100' : false, {\n active: active,\n disabled: props.disabled\n }), cssModule);\n if (attributes.href && Tag === 'button') {\n Tag = 'a';\n }\n return /*#__PURE__*/React.createElement(Tag, _extends({\n type: Tag === 'button' && attributes.onClick ? 'button' : undefined\n }, attributes, {\n className: classes,\n ref: innerRef,\n onClick: onClick,\n \"aria-label\": ariaLabel\n }));\n}\nButton.propTypes = propTypes;\nexport default Button;"],"names":["classNames"],"mappings":"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","x_google_ignoreList":[0]}
@@ -0,0 +1,106 @@
1
+ import React from "react";
2
+ import PropTypes from "prop-types";
3
+ import classnames from "../../../../_virtual/index.js";
4
+ import { mapToCssModules } from "./utils.js";
5
+ var _excluded = ["className", "cssModule", "variant", "innerRef"];
6
+ function _extends() {
7
+ _extends = Object.assign ? Object.assign.bind() : function(target) {
8
+ for (var i = 1; i < arguments.length; i++) {
9
+ var source = arguments[i];
10
+ for (var key in source) {
11
+ if (Object.prototype.hasOwnProperty.call(source, key)) {
12
+ target[key] = source[key];
13
+ }
14
+ }
15
+ }
16
+ return target;
17
+ };
18
+ return _extends.apply(this, arguments);
19
+ }
20
+ function ownKeys(object, enumerableOnly) {
21
+ var keys = Object.keys(object);
22
+ if (Object.getOwnPropertySymbols) {
23
+ var symbols = Object.getOwnPropertySymbols(object);
24
+ enumerableOnly && (symbols = symbols.filter(function(sym) {
25
+ return Object.getOwnPropertyDescriptor(object, sym).enumerable;
26
+ })), keys.push.apply(keys, symbols);
27
+ }
28
+ return keys;
29
+ }
30
+ function _objectSpread(target) {
31
+ for (var i = 1; i < arguments.length; i++) {
32
+ var source = null != arguments[i] ? arguments[i] : {};
33
+ i % 2 ? ownKeys(Object(source), true).forEach(function(key) {
34
+ _defineProperty(target, key, source[key]);
35
+ }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function(key) {
36
+ Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
37
+ });
38
+ }
39
+ return target;
40
+ }
41
+ function _defineProperty(obj, key, value) {
42
+ if (key in obj) {
43
+ Object.defineProperty(obj, key, { value, enumerable: true, configurable: true, writable: true });
44
+ } else {
45
+ obj[key] = value;
46
+ }
47
+ return obj;
48
+ }
49
+ function _objectWithoutProperties(source, excluded) {
50
+ if (source == null) return {};
51
+ var target = _objectWithoutPropertiesLoose(source, excluded);
52
+ var key, i;
53
+ if (Object.getOwnPropertySymbols) {
54
+ var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
55
+ for (i = 0; i < sourceSymbolKeys.length; i++) {
56
+ key = sourceSymbolKeys[i];
57
+ if (excluded.indexOf(key) >= 0) continue;
58
+ if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
59
+ target[key] = source[key];
60
+ }
61
+ }
62
+ return target;
63
+ }
64
+ function _objectWithoutPropertiesLoose(source, excluded) {
65
+ if (source == null) return {};
66
+ var target = {};
67
+ var sourceKeys = Object.keys(source);
68
+ var key, i;
69
+ for (i = 0; i < sourceKeys.length; i++) {
70
+ key = sourceKeys[i];
71
+ if (excluded.indexOf(key) >= 0) continue;
72
+ target[key] = source[key];
73
+ }
74
+ return target;
75
+ }
76
+ var propTypes = {
77
+ /** Disable the button if needed */
78
+ active: PropTypes.bool,
79
+ /** Aria label */
80
+ "aria-label": PropTypes.string,
81
+ /** Function to be triggered on click */
82
+ onClick: PropTypes.func,
83
+ /** Change the variant to white */
84
+ variant: PropTypes.oneOf(["white"]),
85
+ className: PropTypes.string,
86
+ cssModule: PropTypes.object,
87
+ innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func])
88
+ };
89
+ function CloseButton(props) {
90
+ var className = props.className;
91
+ props.cssModule;
92
+ var variant = props.variant, innerRef = props.innerRef, attributes = _objectWithoutProperties(props, _excluded);
93
+ var classes = mapToCssModules(classnames(className, "btn-close", variant && "btn-close-".concat(variant)));
94
+ return /* @__PURE__ */ React.createElement("button", _extends({
95
+ ref: innerRef,
96
+ type: "button",
97
+ className: classes
98
+ }, _objectSpread({
99
+ "aria-label": "close"
100
+ }, attributes)));
101
+ }
102
+ CloseButton.propTypes = propTypes;
103
+ export {
104
+ CloseButton as default
105
+ };
106
+ //# sourceMappingURL=CloseButton.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"CloseButton.js","sources":["../../../../../node_modules/@neolution-ch/reactstrap/esm/CloseButton.js"],"sourcesContent":["var _excluded = [\"className\", \"cssModule\", \"variant\", \"innerRef\"];\nfunction _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }\nfunction ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }\nfunction _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }\nfunction _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }\nfunction _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }\nfunction _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }\nimport React from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { mapToCssModules } from './utils';\nvar propTypes = {\n /** Disable the button if needed */\n active: PropTypes.bool,\n /** Aria label */\n 'aria-label': PropTypes.string,\n /** Function to be triggered on click */\n onClick: PropTypes.func,\n /** Change the variant to white */\n variant: PropTypes.oneOf(['white']),\n className: PropTypes.string,\n cssModule: PropTypes.object,\n innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.string, PropTypes.func])\n};\nfunction CloseButton(props) {\n var className = props.className,\n cssModule = props.cssModule,\n variant = props.variant,\n innerRef = props.innerRef,\n attributes = _objectWithoutProperties(props, _excluded);\n var classes = mapToCssModules(classNames(className, 'btn-close', variant && \"btn-close-\".concat(variant)));\n return /*#__PURE__*/React.createElement(\"button\", _extends({\n ref: innerRef,\n type: \"button\",\n className: classes\n }, _objectSpread({\n 'aria-label': 'close'\n }, attributes)));\n}\nCloseButton.propTypes = propTypes;\nexport default CloseButton;"],"names":["classNames"],"mappings":"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","x_google_ignoreList":[0]}