siam-ui-utils 3.1.4 → 3.2.0

package/dist/dropzone-uploader/styled/index.js.map

@@ -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 '@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":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/dropzone-uploader/styled/index.jsx"],"sourcesContent":["import { getDroppedOrSelectedFiles } from 'html5-file-selector';\nimport { useRef, useState } from 'react';\nimport { useTheme } from 'styled-components';\nimport { Button } from 'siam-ui';\nimport Dropzone from '../../dropzone';\nimport { IconButtonSvg, pdfImage } from '../../iconos';\nimport './index.css';\n\nexport const DropzoneUploaderStyled = ({\n  accept = 'image/*, application/pdf',\n  classNames = '',\n  onChangeFiles,\n  totalFiles,\n  label = 'Cargar Dni',\n  maxFiles = 2,\n  maxSize = 2,\n  onMaxFileSizeError = () => {\n    alert('El archivo supera el tamaño máximo');\n  },\n}) => {\n  const theme = useTheme();\n  const primaryColor = theme?.colors?.primary?.base ?? '#016E6C';\n  const borderColor = theme?.colors?.neutral?.borderLight ?? '#D6D6D6';\n  const surfaceHover = theme?.colors?.primary?.surfaceHover ?? '#E6F1F1';\n\n  const [files, setFiles] = useState([]);\n\n  const handleChangeStatus = ({ file }, status) => {\n    if (status === 'done') {\n      const filesTemp = [...files, file];\n      setFiles(filesTemp);\n      onChangeFiles(filesTemp);\n    } else if (status === 'removed') {\n      const filesTemp = files.filter((f) => f !== file);\n      setFiles(filesTemp);\n      onChangeFiles(filesTemp);\n    }\n  };\n\n  const getFilesFromEvent = (e) => {\n    return new Promise((resolve) => {\n      getDroppedOrSelectedFiles(e).then((chosenFiles) => {\n        resolve(chosenFiles.map((f) => f.fileObject));\n      });\n    });\n  };\n\n  const CustomPreview = ({ fileWithMeta }) => {\n    const { meta, remove } = fileWithMeta;\n    if (meta.size / (1024 * 1024) > maxSize) {\n      onMaxFileSizeError();\n      remove();\n    }\n    return (\n      <div\n        className=\"dropzone-upload-previewContainer\"\n        style={{ width: '100%', display: 'flex', alignItems: 'center' }}\n      >\n        {meta.type === 'application/pdf' ? (\n          <>\n            <IconButtonSvg\n              className=\"form-control flex\"\n              svg={pdfImage}\n              svgOver={pdfImage}\n              height=\"1.6rem\"\n              width=\"1.6rem\"\n              title={meta.name}\n            />\n            <p style={{ paddingRight: '1rem' }}>\n              {meta.name.length > 17 ? meta.name.substring(0, 17) + '...' : meta.name}\n            </p>\n          </>\n        ) : (\n          <>\n            <img\n              className=\"dropzone-upload-previewImage mt-1\"\n              src={meta.previewUrl}\n              alt={meta.name}\n              style={{ width: '110px', height: '110px', objectFit: 'cover', marginRight: '0.5rem' }}\n            />\n            <div className=\"dropzone-upload-file-name-container\">\n              <p className=\"dropzone-upload-file-name\" title={meta.name}>\n                {meta.name}\n              </p>\n            </div>\n          </>\n        )}\n        <Button\n          $variant=\"transparent\"\n          $size=\"small\"\n          onClick={remove}\n          style={{ color: theme?.colors?.error?.base ?? '#FE4727', padding: '0 4px' }}\n        >\n          <TrashIcon color={theme?.colors?.error?.base ?? '#FE4727'} />\n        </Button>\n      </div>\n    );\n  };\n\n  const fileInputRef = useRef(null);\n\n  const InputComponent = ({ accept, onFiles, getFilesFromEvent }) => {\n    const text = totalFiles > 0 ? `${maxFiles - totalFiles} archivos más` : label;\n    return (\n      <>\n        <Button\n          $variant=\"outline\"\n          style={{ width: '100%' }}\n          onClick={() => fileInputRef.current?.click()}\n        >\n          {text}\n        </Button>\n        <input\n          ref={fileInputRef}\n          style={{ display: 'none' }}\n          type=\"file\"\n          accept={accept}\n          multiple\n          onChange={(e) => {\n            getFilesFromEvent(e).then((chosenFiles) => onFiles(chosenFiles));\n          }}\n        />\n      </>\n    );\n  };\n\n  return (\n    <div\n      className={classNames}\n      style={{\n        '--dropzone-primary': primaryColor,\n        '--dropzone-border': borderColor,\n        '--dropzone-active-bg': surfaceHover,\n      }}\n    >\n      <Dropzone\n        disableUpload={false}\n        maxFiles={totalFiles < maxFiles ? maxFiles : 0}\n        maxSize={maxSize}\n        InputComponent={InputComponent}\n        PreviewComponent={CustomPreview}\n        classNames={{ dropzone: 'dropzone-upload-frame' }}\n        onChangeStatus={handleChangeStatus}\n        getFilesFromEvent={getFilesFromEvent}\n        accept={accept}\n      />\n    </div>\n  );\n};\n\nconst TrashIcon = ({ color }) => (\n  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke={color} strokeWidth=\"2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n    <polyline points=\"3 6 5 6 21 6\" />\n    <path d=\"M19 6l-1 14a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2L5 6\" />\n    <path d=\"M10 11v6M14 11v6\" />\n    <path d=\"M9 6V4a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2\" />\n  </svg>\n);\n\nexport default DropzoneUploaderStyled;\n"],"names":["IconButtonSvg","accept","getFilesFromEvent"],"mappings":"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"}

package/dist/react-notifications/NotificationManager.js

@@ -0,0 +1,14 @@
+import { NotificationManager as NotificationManager$1 } from "siam-ui";
+const NotificationManager = {
+  ...NotificationManager$1,
+  primary(options) {
+    NotificationManager$1.info(options);
+  },
+  secondary(options) {
+    NotificationManager$1.info(options);
+  }
+};
+export {
+  NotificationManager
+};
+//# sourceMappingURL=NotificationManager.js.map

package/dist/react-notifications/NotificationManager.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationManager.js","sources":["../../src/react-notifications/NotificationManager.js"],"sourcesContent":["import { NotificationManager as SiamNotificationManager } from 'siam-ui';\n\n// Extiende el NotificationManager de siam-ui agregando los tipos 'primary' y\n// 'secondary' que usa la app legacy, mapeándolos a variantes existentes.\nexport const NotificationManager = {\n  ...SiamNotificationManager,\n  primary(options) {\n    SiamNotificationManager.info(options);\n  },\n  secondary(options) {\n    SiamNotificationManager.info(options);\n  },\n};\n\nexport default NotificationManager;\n"],"names":["SiamNotificationManager"],"mappings":";AAIY,MAAC,sBAAsB;AAAA,EACjC,GAAGA;AAAAA,EACH,QAAQ,SAAS;AACfA,0BAAwB,KAAK,OAAO;AAAA,EACtC;AAAA,EACA,UAAU,SAAS;AACjBA,0BAAwB,KAAK,OAAO;AAAA,EACtC;AACF;"}

package/dist/react-notifications/index.js

@@ -1,4 +1,5 @@
-import { NotificationContainer, NotificationManager } from "siam-ui";
+import { NotificationContainer } from "siam-ui";
+import { NotificationManager } from "./NotificationManager.js";
 export {
   NotificationContainer,
   NotificationManager

package/dist/react-notifications/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/select/custom-select/index.js

@@ -1,6 +1,58 @@
 import { jsx } from "react/jsx-runtime";
 import { Select } from "siam-ui";
-const CustomSelect = (props) => /* @__PURE__ */ jsx(Select, { ...props, style: { fontSize: "12px" } });
+import { useRef, useState, useCallback } from "react";
+import { flushSync } from "react-dom";
+const DROPDOWN_MAX_HEIGHT = 160;
+const MARGIN = 8;
+const CustomSelect = ({ slotProps, style, ...props }) => {
+  const wrapperRef = useRef(null);
+  const [flipStyle, setFlipStyle] = useState({});
+  const closingRef = useRef(false);
+  const handlePointerDown = useCallback((e) => {
+    if (!wrapperRef.current) return;
+    if (!wrapperRef.current.contains(e.target)) return;
+    const rect = wrapperRef.current.getBoundingClientRect();
+    flushSync(() => {
+      const spaceBelow = window.innerHeight - rect.bottom;
+      setFlipStyle(
+        spaceBelow < DROPDOWN_MAX_HEIGHT + MARGIN ? { top: "unset", bottom: `${window.innerHeight - rect.top + MARGIN}px` } : {}
+      );
+    });
+    if (wrapperRef.current.classList.contains("is-open")) {
+      closingRef.current = true;
+      document.dispatchEvent(new MouseEvent("mousedown", { bubbles: false, cancelable: false }));
+    }
+  }, []);
+  const handleClickCapture = useCallback((e) => {
+    if (closingRef.current) {
+      closingRef.current = false;
+      if (wrapperRef.current?.contains(e.target)) {
+        e.stopPropagation();
+        e.nativeEvent.stopImmediatePropagation();
+      }
+    }
+  }, []);
+  return /* @__PURE__ */ jsx(
+    Select,
+    {
+      ref: wrapperRef,
+      searchable: props.searchable !== false,
+      style: { fontSize: "12px", ...style },
+      onPointerDown: handlePointerDown,
+      onClickCapture: handleClickCapture,
+      slotProps: {
+        ...slotProps,
+        dropdown: {
+          ...slotProps?.dropdown,
+          // zIndex inline asegura precedencia sobre el CSS de styled-components en cualquier
+          // stacking context donde se use el componente (ej: modales, overlays).
+          style: { zIndex: 9999, ...flipStyle, ...slotProps?.dropdown?.style }
+        }
+      },
+      ...props
+    }
+  );
+};
 export {
   CustomSelect
 };

package/dist/select/custom-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/select/custom-select/index.tsx"],"sourcesContent":["import { Select, type SelectProps } from 'siam-ui';\nimport React from 'react';\n\nexport const CustomSelect: React.FC<SelectProps> = (props) => (\n  <Select {...props} style={{ fontSize: '12px' }} />\n);\nexport default CustomSelect;\n"],"names":[],"mappings":";;AAGO,MAAM,eAAsC,CAAC,UAClD,oBAAC,QAAA,EAAQ,GAAG,OAAO,OAAO,EAAE,UAAU,SAAO,CAAG;"}
+{"version":3,"file":"index.js","sources":["../../../src/select/custom-select/index.tsx"],"sourcesContent":["import { Select, type SelectProps } from 'siam-ui';\nimport React, { useRef, useState, useCallback } from 'react';\nimport { flushSync } from 'react-dom';\n\n// Matches SELECT_SIZE.dropdownMaxHeight in siam-ui\nconst DROPDOWN_MAX_HEIGHT = 160;\nconst MARGIN = 8;\n\nexport const CustomSelect: React.FC<SelectProps> = ({ slotProps, style, ...props }) => {\n  const wrapperRef = useRef<HTMLDivElement>(null);\n  const [flipStyle, setFlipStyle] = useState<React.CSSProperties>({});\n  // Tracks when we just triggered a close, to block the subsequent click from re-opening.\n  const closingRef = useRef(false);\n\n  const handlePointerDown = useCallback((e: React.PointerEvent) => {\n    if (!wrapperRef.current) return;\n    // Los clicks en el portal del dropdown propagan por el árbol de fibras de React\n    // hasta este handler. Si el target no está en el DOM del wrapper, es una opción\n    // del portal y no debe tratarse como click sobre el trigger.\n    if (!wrapperRef.current.contains(e.target as Node)) return;\n\n    const rect = wrapperRef.current.getBoundingClientRect();\n\n    // flushSync garantiza que el re-render ocurra ANTES de que el click\n    // abra el dropdown, evitando race conditions en React 18.\n    flushSync(() => {\n      const spaceBelow = window.innerHeight - rect.bottom;\n      setFlipStyle(\n        spaceBelow < DROPDOWN_MAX_HEIGHT + MARGIN\n          ? { top: 'unset' as React.CSSProperties['top'], bottom: `${window.innerHeight - rect.top + MARGIN}px` }\n          : {}\n      );\n    });\n\n    if (wrapperRef.current.classList.contains('is-open')) {\n      closingRef.current = true;\n      document.dispatchEvent(new MouseEvent('mousedown', { bubbles: false, cancelable: false }));\n    }\n  }, []);\n\n  // Durante la fase de captura, si venimos de un cierre, bloqueamos el click\n  // antes de que llegue a los handlers internos de siam-ui (onClick del trigger/input)\n  // que de otro modo reabrirían el dropdown.\n  // Solo bloqueamos clicks cuyo target es el propio wrapper (no opciones del portal).\n  const handleClickCapture = useCallback((e: React.MouseEvent) => {\n    if (closingRef.current) {\n      closingRef.current = false;\n      if (wrapperRef.current?.contains(e.target as Node)) {\n        e.stopPropagation();\n        e.nativeEvent.stopImmediatePropagation();\n      }\n    }\n  }, []);\n\n  return (\n    <Select\n      ref={wrapperRef}\n      searchable={props.searchable !== false}\n      style={{ fontSize: '12px', ...style }}\n      onPointerDown={handlePointerDown}\n      onClickCapture={handleClickCapture}\n      slotProps={{\n        ...slotProps,\n        dropdown: {\n          ...slotProps?.dropdown,\n          // zIndex inline asegura precedencia sobre el CSS de styled-components en cualquier\n          // stacking context donde se use el componente (ej: modales, overlays).\n          style: { zIndex: 9999, ...flipStyle, ...slotProps?.dropdown?.style },\n        },\n      }}\n      {...props}\n    />\n  );\n};\n\nexport default CustomSelect;\n"],"names":[],"mappings":";;;;AAKA,MAAM,sBAAsB;AAC5B,MAAM,SAAS;AAER,MAAM,eAAsC,CAAC,EAAE,WAAW,OAAO,GAAG,YAAY;AACrF,QAAM,aAAa,OAAuB,IAAI;AAC9C,QAAM,CAAC,WAAW,YAAY,IAAI,SAA8B,CAAA,CAAE;AAElE,QAAM,aAAa,OAAO,KAAK;AAE/B,QAAM,oBAAoB,YAAY,CAAC,MAA0B;AAC/D,QAAI,CAAC,WAAW,QAAS;AAIzB,QAAI,CAAC,WAAW,QAAQ,SAAS,EAAE,MAAc,EAAG;AAEpD,UAAM,OAAO,WAAW,QAAQ,sBAAA;AAIhC,cAAU,MAAM;AACd,YAAM,aAAa,OAAO,cAAc,KAAK;AAC7C;AAAA,QACE,aAAa,sBAAsB,SAC/B,EAAE,KAAK,SAAuC,QAAQ,GAAG,OAAO,cAAc,KAAK,MAAM,MAAM,KAAA,IAC/F,CAAA;AAAA,MAAC;AAAA,IAET,CAAC;AAED,QAAI,WAAW,QAAQ,UAAU,SAAS,SAAS,GAAG;AACpD,iBAAW,UAAU;AACrB,eAAS,cAAc,IAAI,WAAW,aAAa,EAAE,SAAS,OAAO,YAAY,MAAA,CAAO,CAAC;AAAA,IAC3F;AAAA,EACF,GAAG,CAAA,CAAE;AAML,QAAM,qBAAqB,YAAY,CAAC,MAAwB;AAC9D,QAAI,WAAW,SAAS;AACtB,iBAAW,UAAU;AACrB,UAAI,WAAW,SAAS,SAAS,EAAE,MAAc,GAAG;AAClD,UAAE,gBAAA;AACF,UAAE,YAAY,yBAAA;AAAA,MAChB;AAAA,IACF;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,YAAY,MAAM,eAAe;AAAA,MACjC,OAAO,EAAE,UAAU,QAAQ,GAAG,MAAA;AAAA,MAC9B,eAAe;AAAA,MACf,gBAAgB;AAAA,MAChB,WAAW;AAAA,QACT,GAAG;AAAA,QACH,UAAU;AAAA,UACR,GAAG,WAAW;AAAA;AAAA;AAAA,UAGd,OAAO,EAAE,QAAQ,MAAM,GAAG,WAAW,GAAG,WAAW,UAAU,MAAA;AAAA,QAAM;AAAA,MACrE;AAAA,MAED,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/select/multi-select/index.js

@@ -1,8 +1,7 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback } from "react";
 import Select, { components } from "react-select";
-import Row from "../../node_modules/@neolution-ch/reactstrap/esm/Row.js";
-import Col from "../../node_modules/@neolution-ch/reactstrap/esm/Col.js";
+import { Row, Col } from "siam-ui";
 import { CustomInputCheckbox } from "../../custom-input/CustomInputCheckbox.js";
 import BadgeLabelMultiSelect from "./badge-label-multi-select.js";
 import { BadgeWrapper, ClickableBadge } from "./styled-component.js";
@@ -153,7 +152,11 @@ const CustomMultiSelect = ({
         isSearchable: false,
         onSelectAll: handleSelectAll,
         onOptionClick: handleOptionClick,
-        isOptionSelected
+        isOptionSelected,
+        menuPortalTarget: document.body,
+        menuPosition: "fixed",
+        menuPlacement: "auto",
+        styles: { menuPortal: (base) => ({ ...base, zIndex: 9999 }) }
       }
     ) }),
     /* @__PURE__ */ jsx(Col, { xs: 6, children: selected.length > 0 && /* @__PURE__ */ jsx(BadgeWrapper, { children: allSelected ? /* @__PURE__ */ jsx(ClickableBadge, { color: "info", pill: true, children: "Todos" }) : /* @__PURE__ */ jsx(

package/dist/select/multi-select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/select/multi-select/index.jsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\r\nimport Select, { components } from 'react-select';\r\nimport { Col, Row } from '@neolution-ch/reactstrap';\r\nimport { CustomInputCheckbox } from '../../custom-input/CustomInputCheckbox';\r\nimport BadgeLabelMultiSelect from './badge-label-multi-select';\r\nimport { BadgeWrapper, ClickableBadge } from './styled-component';\r\nimport './index.scss';\r\n\r\nconst SELECT_ALL_VALUE = '__select_all__';\r\nconst SELECT_ALL_OPTION = {\r\n  value: SELECT_ALL_VALUE,\r\n  label: 'SELECCIONAR TODOS',\r\n};\r\n\r\nfunction CheckboxOption({\r\n  data,\r\n  isSelected,\r\n  isFocused,\r\n  innerRef,\r\n  selectProps,\r\n}) {\r\n  const isSelectAll = data.value === SELECT_ALL_VALUE;\r\n\r\n  const handleMouseDown = (e) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    if (isSelectAll) {\r\n      selectProps.onSelectAll?.();\r\n    } else {\r\n      selectProps.onOptionClick?.(data);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={innerRef}\r\n      onMouseDown={handleMouseDown}\r\n      onTouchEnd={handleMouseDown}\r\n      className=\"multiselect-checkbox-option\"\r\n      style={{\r\n        backgroundColor: isFocused ? '#f8e1e1' : 'white',\r\n        borderBottom: isSelectAll ? '1px solid #ccc' : 'none',\r\n        padding: '6px 12px',\r\n        cursor: 'pointer',\r\n      }}\r\n    >\r\n      <CustomInputCheckbox\r\n        id={`opt_${data.value}`}\r\n        checked={isSelected}\r\n        onChange={() => {}}\r\n        label={\r\n          <span style={{ fontWeight: isSelectAll ? 'bold' : 'normal' }}>\r\n            {data.label}\r\n          </span>\r\n        }\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction CustomValueContainer({ children, getValue, ...props }) {\r\n  const selected = getValue();\r\n  const totalOptions = props.selectProps.options.length - 1;\r\n  const count = selected.length;\r\n  const isAll = count > 0 && count === totalOptions;\r\n\r\n  const text = isAll\r\n    ? 'Todos Seleccionados'\r\n    : count > 0\r\n    ? selected.map((s) => s.label).join(', ')\r\n    : null;\r\n\r\n  return (\r\n    <components.ValueContainer {...props} getValue={getValue}>\r\n      {text ? (\r\n        <span style={{ color: '#333' }}>{text}</span>\r\n      ) : (\r\n        <span\r\n          style={{\r\n            color: count ? 'transparent' : '#999',\r\n            position: 'absolute',\r\n          }}\r\n        >\r\n          {props.selectProps.placeholder}\r\n        </span>\r\n      )}\r\n      {children[children.length - 1]}\r\n    </components.ValueContainer>\r\n  );\r\n}\r\n\r\nconst CUSTOM_COMPONENTS = {\r\n  Option: CheckboxOption,\r\n  ValueContainer: CustomValueContainer,\r\n};\r\n\r\nexport const CustomMultiSelect = ({\r\n  lista = [],\r\n  onListaUpdate = () => {},\r\n  value = [],\r\n  styles = {},\r\n}) => {\r\n  const [selected, setSelected] = useState(value);\r\n  const isInternalChange = useRef(false);\r\n\r\n  useEffect(() => {\r\n    if (isInternalChange.current) {\r\n      isInternalChange.current = false;\r\n      return;\r\n    }\r\n    setSelected(value);\r\n  }, [JSON.stringify(value)]); // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n  const update = useCallback(\r\n    (newSelected) => {\r\n      isInternalChange.current = true;\r\n      setSelected(newSelected);\r\n      onListaUpdate(newSelected);\r\n    },\r\n    [onListaUpdate]\r\n  );\r\n\r\n  const handleOptionClick = useCallback(\r\n    (data) => {\r\n      setSelected((prev) => {\r\n        const isAlreadySelected = prev.some((s) => s.value === data.value);\r\n        const next = isAlreadySelected\r\n          ? prev.filter((s) => s.value !== data.value)\r\n          : [...prev, data];\r\n        isInternalChange.current = true;\r\n        onListaUpdate(next);\r\n        return next;\r\n      });\r\n    },\r\n    [onListaUpdate]\r\n  );\r\n\r\n  const handleSelectAll = useCallback(() => {\r\n    setSelected((prev) => {\r\n      const next = prev.length === lista.length ? [] : [...lista];\r\n      isInternalChange.current = true;\r\n      onListaUpdate(next);\r\n      return next;\r\n    });\r\n  }, [lista, onListaUpdate]);\r\n\r\n  const handleRemoveBadge = useCallback(\r\n    (valueToRemove) => {\r\n      update(selected.filter((item) => item.value !== valueToRemove));\r\n    },\r\n    [selected, update]\r\n  );\r\n\r\n  const allSelected = lista.length > 0 && selected.length === lista.length;\r\n  const optionsWithSelectAll = [SELECT_ALL_OPTION, ...lista];\r\n\r\n  const isOptionSelected = useCallback(\r\n    (option) =>\r\n      option.value === SELECT_ALL_VALUE\r\n        ? allSelected\r\n        : selected.some((s) => s.value === option.value),\r\n    [allSelected, selected]\r\n  );\r\n\r\n  return (\r\n    <Row className=\"align-items-center\">\r\n      <Col xs={6} style={styles}>\r\n        <Select\r\n          options={optionsWithSelectAll}\r\n          value={selected}\r\n          onChange={update}\r\n          isMulti\r\n          placeholder=\"Seleccione\"\r\n          noOptionsMessage={() => 'Sin opciones'}\r\n          className=\"custom-multiselect\"\r\n          classNamePrefix=\"custom-multiselect\"\r\n          components={CUSTOM_COMPONENTS}\r\n          closeMenuOnSelect={false}\r\n          hideSelectedOptions={false}\r\n          isSearchable={false}\r\n          onSelectAll={handleSelectAll}\r\n          onOptionClick={handleOptionClick}\r\n          isOptionSelected={isOptionSelected}\r\n        />\r\n      </Col>\r\n      <Col xs={6}>\r\n        {selected.length > 0 && (\r\n          <BadgeWrapper>\r\n            {allSelected ? (\r\n              <ClickableBadge color=\"info\" pill>\r\n                Todos\r\n              </ClickableBadge>\r\n            ) : (\r\n              <BadgeLabelMultiSelect\r\n                descripcionLabel={selected}\r\n                onRemove={handleRemoveBadge}\r\n              />\r\n            )}\r\n          </BadgeWrapper>\r\n        )}\r\n      </Col>\r\n    </Row>\r\n  );\r\n};\r\n\r\nexport default CustomMultiSelect;\r\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../src/select/multi-select/index.jsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\r\nimport Select, { components } from 'react-select';\r\nimport { Col, Row } from 'siam-ui';\r\nimport { CustomInputCheckbox } from '../../custom-input/CustomInputCheckbox';\r\nimport BadgeLabelMultiSelect from './badge-label-multi-select';\r\nimport { BadgeWrapper, ClickableBadge } from './styled-component';\r\nimport './index.scss';\r\n\r\nconst SELECT_ALL_VALUE = '__select_all__';\r\nconst SELECT_ALL_OPTION = {\r\n  value: SELECT_ALL_VALUE,\r\n  label: 'SELECCIONAR TODOS',\r\n};\r\n\r\nfunction CheckboxOption({\r\n  data,\r\n  isSelected,\r\n  isFocused,\r\n  innerRef,\r\n  selectProps,\r\n}) {\r\n  const isSelectAll = data.value === SELECT_ALL_VALUE;\r\n\r\n  const handleMouseDown = (e) => {\r\n    e.preventDefault();\r\n    e.stopPropagation();\r\n    if (isSelectAll) {\r\n      selectProps.onSelectAll?.();\r\n    } else {\r\n      selectProps.onOptionClick?.(data);\r\n    }\r\n  };\r\n\r\n  return (\r\n    <div\r\n      ref={innerRef}\r\n      onMouseDown={handleMouseDown}\r\n      onTouchEnd={handleMouseDown}\r\n      className=\"multiselect-checkbox-option\"\r\n      style={{\r\n        backgroundColor: isFocused ? '#f8e1e1' : 'white',\r\n        borderBottom: isSelectAll ? '1px solid #ccc' : 'none',\r\n        padding: '6px 12px',\r\n        cursor: 'pointer',\r\n      }}\r\n    >\r\n      <CustomInputCheckbox\r\n        id={`opt_${data.value}`}\r\n        checked={isSelected}\r\n        onChange={() => {}}\r\n        label={\r\n          <span style={{ fontWeight: isSelectAll ? 'bold' : 'normal' }}>\r\n            {data.label}\r\n          </span>\r\n        }\r\n      />\r\n    </div>\r\n  );\r\n}\r\n\r\nfunction CustomValueContainer({ children, getValue, ...props }) {\r\n  const selected = getValue();\r\n  const totalOptions = props.selectProps.options.length - 1;\r\n  const count = selected.length;\r\n  const isAll = count > 0 && count === totalOptions;\r\n\r\n  const text = isAll\r\n    ? 'Todos Seleccionados'\r\n    : count > 0\r\n    ? selected.map((s) => s.label).join(', ')\r\n    : null;\r\n\r\n  return (\r\n    <components.ValueContainer {...props} getValue={getValue}>\r\n      {text ? (\r\n        <span style={{ color: '#333' }}>{text}</span>\r\n      ) : (\r\n        <span\r\n          style={{\r\n            color: count ? 'transparent' : '#999',\r\n            position: 'absolute',\r\n          }}\r\n        >\r\n          {props.selectProps.placeholder}\r\n        </span>\r\n      )}\r\n      {children[children.length - 1]}\r\n    </components.ValueContainer>\r\n  );\r\n}\r\n\r\nconst CUSTOM_COMPONENTS = {\r\n  Option: CheckboxOption,\r\n  ValueContainer: CustomValueContainer,\r\n};\r\n\r\nexport const CustomMultiSelect = ({\r\n  lista = [],\r\n  onListaUpdate = () => {},\r\n  value = [],\r\n  styles = {},\r\n}) => {\r\n  const [selected, setSelected] = useState(value);\r\n  const isInternalChange = useRef(false);\r\n\r\n  useEffect(() => {\r\n    if (isInternalChange.current) {\r\n      isInternalChange.current = false;\r\n      return;\r\n    }\r\n    setSelected(value);\r\n  }, [JSON.stringify(value)]); // eslint-disable-line react-hooks/exhaustive-deps\r\n\r\n  const update = useCallback(\r\n    (newSelected) => {\r\n      isInternalChange.current = true;\r\n      setSelected(newSelected);\r\n      onListaUpdate(newSelected);\r\n    },\r\n    [onListaUpdate]\r\n  );\r\n\r\n  const handleOptionClick = useCallback(\r\n    (data) => {\r\n      setSelected((prev) => {\r\n        const isAlreadySelected = prev.some((s) => s.value === data.value);\r\n        const next = isAlreadySelected\r\n          ? prev.filter((s) => s.value !== data.value)\r\n          : [...prev, data];\r\n        isInternalChange.current = true;\r\n        onListaUpdate(next);\r\n        return next;\r\n      });\r\n    },\r\n    [onListaUpdate]\r\n  );\r\n\r\n  const handleSelectAll = useCallback(() => {\r\n    setSelected((prev) => {\r\n      const next = prev.length === lista.length ? [] : [...lista];\r\n      isInternalChange.current = true;\r\n      onListaUpdate(next);\r\n      return next;\r\n    });\r\n  }, [lista, onListaUpdate]);\r\n\r\n  const handleRemoveBadge = useCallback(\r\n    (valueToRemove) => {\r\n      update(selected.filter((item) => item.value !== valueToRemove));\r\n    },\r\n    [selected, update]\r\n  );\r\n\r\n  const allSelected = lista.length > 0 && selected.length === lista.length;\r\n  const optionsWithSelectAll = [SELECT_ALL_OPTION, ...lista];\r\n\r\n  const isOptionSelected = useCallback(\r\n    (option) =>\r\n      option.value === SELECT_ALL_VALUE\r\n        ? allSelected\r\n        : selected.some((s) => s.value === option.value),\r\n    [allSelected, selected]\r\n  );\r\n\r\n  return (\r\n    <Row className=\"align-items-center\">\r\n      <Col xs={6} style={styles}>\r\n        <Select\r\n          options={optionsWithSelectAll}\r\n          value={selected}\r\n          onChange={update}\r\n          isMulti\r\n          placeholder=\"Seleccione\"\r\n          noOptionsMessage={() => 'Sin opciones'}\r\n          className=\"custom-multiselect\"\r\n          classNamePrefix=\"custom-multiselect\"\r\n          components={CUSTOM_COMPONENTS}\r\n          closeMenuOnSelect={false}\r\n          hideSelectedOptions={false}\r\n          isSearchable={false}\r\n          onSelectAll={handleSelectAll}\r\n          onOptionClick={handleOptionClick}\r\n          isOptionSelected={isOptionSelected}\r\n          menuPortalTarget={document.body}\r\n          menuPosition=\"fixed\"\r\n          menuPlacement=\"auto\"\r\n          styles={{ menuPortal: (base) => ({ ...base, zIndex: 9999 }) }}\r\n        />\r\n      </Col>\r\n      <Col xs={6}>\r\n        {selected.length > 0 && (\r\n          <BadgeWrapper>\r\n            {allSelected ? (\r\n              <ClickableBadge color=\"info\" pill>\r\n                Todos\r\n              </ClickableBadge>\r\n            ) : (\r\n              <BadgeLabelMultiSelect\r\n                descripcionLabel={selected}\r\n                onRemove={handleRemoveBadge}\r\n              />\r\n            )}\r\n          </BadgeWrapper>\r\n        )}\r\n      </Col>\r\n    </Row>\r\n  );\r\n};\r\n\r\nexport default CustomMultiSelect;\r\n"],"names":[],"mappings":";;;;;;;;AAQA,MAAM,mBAAmB;AACzB,MAAM,oBAAoB;AAAA,EACxB,OAAO;AAAA,EACP,OAAO;AACT;AAEA,SAAS,eAAe;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAAG;AACD,QAAM,cAAc,KAAK,UAAU;AAEnC,QAAM,kBAAkB,CAAC,MAAM;AAC7B,MAAE,eAAA;AACF,MAAE,gBAAA;AACF,QAAI,aAAa;AACf,kBAAY,cAAA;AAAA,IACd,OAAO;AACL,kBAAY,gBAAgB,IAAI;AAAA,IAClC;AAAA,EACF;AAEA,SACE;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,aAAa;AAAA,MACb,YAAY;AAAA,MACZ,WAAU;AAAA,MACV,OAAO;AAAA,QACL,iBAAiB,YAAY,YAAY;AAAA,QACzC,cAAc,cAAc,mBAAmB;AAAA,QAC/C,SAAS;AAAA,QACT,QAAQ;AAAA,MAAA;AAAA,MAGV,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAI,OAAO,KAAK,KAAK;AAAA,UACrB,SAAS;AAAA,UACT,UAAU,MAAM;AAAA,UAAC;AAAA,UACjB,OACE,oBAAC,QAAA,EAAK,OAAO,EAAE,YAAY,cAAc,SAAS,SAAA,GAC/C,UAAA,KAAK,MAAA,CACR;AAAA,QAAA;AAAA,MAAA;AAAA,IAEJ;AAAA,EAAA;AAGN;AAEA,SAAS,qBAAqB,EAAE,UAAU,UAAU,GAAG,SAAS;AAC9D,QAAM,WAAW,SAAA;AACjB,QAAM,eAAe,MAAM,YAAY,QAAQ,SAAS;AACxD,QAAM,QAAQ,SAAS;AACvB,QAAM,QAAQ,QAAQ,KAAK,UAAU;AAErC,QAAM,OAAO,QACT,wBACA,QAAQ,IACR,SAAS,IAAI,CAAC,MAAM,EAAE,KAAK,EAAE,KAAK,IAAI,IACtC;AAEJ,8BACG,WAAW,gBAAX,EAA2B,GAAG,OAAO,UACnC,UAAA;AAAA,IAAA,OACC,oBAAC,UAAK,OAAO,EAAE,OAAO,UAAW,gBAAK,IAEtC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,OAAO;AAAA,UACL,OAAO,QAAQ,gBAAgB;AAAA,UAC/B,UAAU;AAAA,QAAA;AAAA,QAGX,gBAAM,YAAY;AAAA,MAAA;AAAA,IAAA;AAAA,IAGtB,SAAS,SAAS,SAAS,CAAC;AAAA,EAAA,GAC/B;AAEJ;AAEA,MAAM,oBAAoB;AAAA,EACxB,QAAQ;AAAA,EACR,gBAAgB;AAClB;AAEO,MAAM,oBAAoB,CAAC;AAAA,EAChC,QAAQ,CAAA;AAAA,EACR,gBAAgB,MAAM;AAAA,EAAC;AAAA,EACvB,QAAQ,CAAA;AAAA,EACR,SAAS,CAAA;AACX,MAAM;AACJ,QAAM,CAAC,UAAU,WAAW,IAAI,SAAS,KAAK;AAC9C,QAAM,mBAAmB,OAAO,KAAK;AAErC,YAAU,MAAM;AACd,QAAI,iBAAiB,SAAS;AAC5B,uBAAiB,UAAU;AAC3B;AAAA,IACF;AACA,gBAAY,KAAK;AAAA,EACnB,GAAG,CAAC,KAAK,UAAU,KAAK,CAAC,CAAC;AAE1B,QAAM,SAAS;AAAA,IACb,CAAC,gBAAgB;AACf,uBAAiB,UAAU;AAC3B,kBAAY,WAAW;AACvB,oBAAc,WAAW;AAAA,IAC3B;AAAA,IACA,CAAC,aAAa;AAAA,EAAA;AAGhB,QAAM,oBAAoB;AAAA,IACxB,CAAC,SAAS;AACR,kBAAY,CAAC,SAAS;AACpB,cAAM,oBAAoB,KAAK,KAAK,CAAC,MAAM,EAAE,UAAU,KAAK,KAAK;AACjE,cAAM,OAAO,oBACT,KAAK,OAAO,CAAC,MAAM,EAAE,UAAU,KAAK,KAAK,IACzC,CAAC,GAAG,MAAM,IAAI;AAClB,yBAAiB,UAAU;AAC3B,sBAAc,IAAI;AAClB,eAAO;AAAA,MACT,CAAC;AAAA,IACH;AAAA,IACA,CAAC,aAAa;AAAA,EAAA;AAGhB,QAAM,kBAAkB,YAAY,MAAM;AACxC,gBAAY,CAAC,SAAS;AACpB,YAAM,OAAO,KAAK,WAAW,MAAM,SAAS,CAAA,IAAK,CAAC,GAAG,KAAK;AAC1D,uBAAiB,UAAU;AAC3B,oBAAc,IAAI;AAClB,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,OAAO,aAAa,CAAC;AAEzB,QAAM,oBAAoB;AAAA,IACxB,CAAC,kBAAkB;AACjB,aAAO,SAAS,OAAO,CAAC,SAAS,KAAK,UAAU,aAAa,CAAC;AAAA,IAChE;AAAA,IACA,CAAC,UAAU,MAAM;AAAA,EAAA;AAGnB,QAAM,cAAc,MAAM,SAAS,KAAK,SAAS,WAAW,MAAM;AAClE,QAAM,uBAAuB,CAAC,mBAAmB,GAAG,KAAK;AAEzD,QAAM,mBAAmB;AAAA,IACvB,CAAC,WACC,OAAO,UAAU,mBACb,cACA,SAAS,KAAK,CAAC,MAAM,EAAE,UAAU,OAAO,KAAK;AAAA,IACnD,CAAC,aAAa,QAAQ;AAAA,EAAA;AAGxB,SACE,qBAAC,KAAA,EAAI,WAAU,sBACb,UAAA;AAAA,IAAA,oBAAC,KAAA,EAAI,IAAI,GAAG,OAAO,QACjB,UAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,OAAO;AAAA,QACP,UAAU;AAAA,QACV,SAAO;AAAA,QACP,aAAY;AAAA,QACZ,kBAAkB,MAAM;AAAA,QACxB,WAAU;AAAA,QACV,iBAAgB;AAAA,QAChB,YAAY;AAAA,QACZ,mBAAmB;AAAA,QACnB,qBAAqB;AAAA,QACrB,cAAc;AAAA,QACd,aAAa;AAAA,QACb,eAAe;AAAA,QACf;AAAA,QACA,kBAAkB,SAAS;AAAA,QAC3B,cAAa;AAAA,QACb,eAAc;AAAA,QACd,QAAQ,EAAE,YAAY,CAAC,UAAU,EAAE,GAAG,MAAM,QAAQ,QAAK;AAAA,MAAG;AAAA,IAAA,GAEhE;AAAA,wBACC,KAAA,EAAI,IAAI,GACN,UAAA,SAAS,SAAS,KACjB,oBAAC,cAAA,EACE,UAAA,kCACE,gBAAA,EAAe,OAAM,QAAO,MAAI,MAAC,mBAElC,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,kBAAkB;AAAA,QAClB,UAAU;AAAA,MAAA;AAAA,IAAA,GAGhB,EAAA,CAEJ;AAAA,EAAA,GACF;AAEJ;"}

package/dist/select/multi-select/styled-component.js

@@ -1,4 +1,4 @@
-import Badge from "../../node_modules/@neolution-ch/reactstrap/esm/Badge.js";
+import { Badge } from "siam-ui";
 import styled from "styled-components";
 const ClickableBadge = styled(Badge)`
   cursor: pointer;

package/dist/select/multi-select/styled-component.js.map

@@ -1 +1 @@
-{"version":3,"file":"styled-component.js","sources":["../../../src/select/multi-select/styled-component.js"],"sourcesContent":["import { Badge } from '@neolution-ch/reactstrap';\r\nimport styled from 'styled-components';\r\n\r\nexport const ClickableBadge = styled(Badge)`\r\n  cursor: pointer;\r\n  width: fit-content;\r\n  white-space: nowrap;\r\n`;\r\n\r\nexport const BadgeWrapper = styled.div`\r\n  display: inline-flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  padding: 0.5rem;\r\n  border-radius: 0.5rem;\r\n  background-color: #f1f1f1;\r\n  border: 1px solid #ccc;\r\n  max-width: 100%;\r\n  overflow-x: auto;\r\n`;\r\n"],"names":[],"mappings":";;AAGY,MAAC,iBAAiB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAC,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"styled-component.js","sources":["../../../src/select/multi-select/styled-component.js"],"sourcesContent":["import { Badge } from 'siam-ui';\r\nimport styled from 'styled-components';\r\n\r\nexport const ClickableBadge = styled(Badge)`\r\n  cursor: pointer;\r\n  width: fit-content;\r\n  white-space: nowrap;\r\n`;\r\n\r\nexport const BadgeWrapper = styled.div`\r\n  display: inline-flex;\r\n  flex-wrap: wrap;\r\n  gap: 10px;\r\n  padding: 0.5rem;\r\n  border-radius: 0.5rem;\r\n  background-color: #f1f1f1;\r\n  border: 1px solid #ccc;\r\n  max-width: 100%;\r\n  overflow-x: auto;\r\n`;\r\n"],"names":[],"mappings":";;AAGY,MAAC,iBAAiB,OAAO,KAAK;AAAA;AAAA;AAAA;AAAA;AAM9B,MAAC,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/tomar-foto/index.js

@@ -1,6 +1,6 @@
 import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { useState } from "react";
-import Row from "../node_modules/@neolution-ch/reactstrap/esm/Row.js";
+import { Row } from "siam-ui";
 import { DropzoneUploader } from "../dropzone-uploader/base/index.js";
 import { Colxx } from "../CustomBootstrap.js";
 import imgHacerFoto from "../assets/img/take-photo.jpg.js";

package/dist/tomar-foto/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/tomar-foto/index.jsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { Row } from '@neolution-ch/reactstrap';\r\nimport { DropzoneUploader } from '../dropzone-uploader/base';\r\nimport { Colxx } from '../CustomBootstrap';\r\nimport imgHacerFoto from '../assets/img/take-photo.jpg';\r\nimport { TAKE_PHOTO } from '../constants';\r\n\r\nexport const TomarFoto = ({\r\n  onFilesSelectedSelfie = () => {},\r\n  isMobile = false,\r\n}) => {\r\n  const [filesTotalSelectedSelfie, setTotalFilesSelectedSelfie] = useState(0);\r\n  const {\r\n    LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE,\r\n    MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE,\r\n    TAKE_PHOTO_MESSAGE,\r\n  } = TAKE_PHOTO;\r\n\r\n  const handleFilesSelectedSelfie = (files) => {\r\n    setTotalFilesSelectedSelfie(files.length);\r\n    onFilesSelectedSelfie(files);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Row className=\"pt-2 ml-4\">\r\n        <Colxx xxs=\"11\" md=\"5\">\r\n          {LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE}\r\n        </Colxx>\r\n      </Row>\r\n      <Row className=\"pt-2 ml-2\">\r\n        <Colxx xxs=\"12\" md=\"9\">\r\n          {isMobile ? (\r\n            <>\r\n              <Colxx xxs=\"12\" className=\"text-center\">\r\n                {filesTotalSelectedSelfie === 0 && (\r\n                  <img\r\n                    style={{ width: '97%' }}\r\n                    alt=\"hacerFotoDNI\"\r\n                    src={imgHacerFoto}\r\n                  />\r\n                )}\r\n                <DropzoneUploader\r\n                  className=\"pt-2 ml-2\"\r\n                  maxFiles={1}\r\n                  onChangeFiles={handleFilesSelectedSelfie}\r\n                  totalFiles={filesTotalSelectedSelfie}\r\n                  accept=\"image/jpg,image/jpeg\"\r\n                  capture=\"environment\"\r\n                  nameFileLabel={TAKE_PHOTO_MESSAGE}\r\n                />\r\n              </Colxx>\r\n            </>\r\n          ) : (\r\n            <h2\r\n              className={'view-icon iconsminds-smartphone-4 ml-2 mr-2'}\r\n              style={{\r\n                color: 'red',\r\n                margin: '10px 10px 0px 10px',\r\n              }}\r\n            >\r\n              {MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE}\r\n            </h2>\r\n          )}\r\n        </Colxx>\r\n      </Row>\r\n    </>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,YAAY,CAAC;AAAA,EACxB,wBAAwB,MAAM;AAAA,EAAC;AAAA,EAC/B,WAAW;AACb,MAAM;AACJ,QAAM,CAAC,0BAA0B,2BAA2B,IAAI,SAAS,CAAC;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,4BAA4B,CAAC,UAAU;AAC3C,gCAA4B,MAAM,MAAM;AACxC,0BAAsB,KAAK;AAAA,EAC7B;AAEA,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,KAAA,EAAI,WAAU,aACb,UAAA,oBAAC,OAAA,EAAM,KAAI,MAAK,IAAG,KAChB,UAAA,uCAAA,CACH,GACF;AAAA,wBACC,KAAA,EAAI,WAAU,aACb,UAAA,oBAAC,SAAM,KAAI,MAAK,IAAG,KAChB,qBACC,oBAAA,UAAA,EACE,UAAA,qBAAC,SAAM,KAAI,MAAK,WAAU,eACvB,UAAA;AAAA,MAAA,6BAA6B,KAC5B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO,EAAE,OAAO,MAAA;AAAA,UAChB,KAAI;AAAA,UACJ,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAGT;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,UAAU;AAAA,UACV,eAAe;AAAA,UACf,YAAY;AAAA,UACZ,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,eAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB,EAAA,CACF,GACF,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,QAGT,UAAA;AAAA,MAAA;AAAA,IAAA,GAGP,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../src/tomar-foto/index.jsx"],"sourcesContent":["import { useState } from 'react';\r\nimport { Row } from 'siam-ui';\r\nimport { DropzoneUploader } from '../dropzone-uploader/base';\r\nimport { Colxx } from '../CustomBootstrap';\r\nimport imgHacerFoto from '../assets/img/take-photo.jpg';\r\nimport { TAKE_PHOTO } from '../constants';\r\n\r\nexport const TomarFoto = ({\r\n  onFilesSelectedSelfie = () => {},\r\n  isMobile = false,\r\n}) => {\r\n  const [filesTotalSelectedSelfie, setTotalFilesSelectedSelfie] = useState(0);\r\n  const {\r\n    LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE,\r\n    MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE,\r\n    TAKE_PHOTO_MESSAGE,\r\n  } = TAKE_PHOTO;\r\n\r\n  const handleFilesSelectedSelfie = (files) => {\r\n    setTotalFilesSelectedSelfie(files.length);\r\n    onFilesSelectedSelfie(files);\r\n  };\r\n\r\n  return (\r\n    <>\r\n      <Row className=\"pt-2 ml-4\">\r\n        <Colxx xxs=\"11\" md=\"5\">\r\n          {LOAD_SELFIE_WITH_IDENTITY_CARD_MESSAGE}\r\n        </Colxx>\r\n      </Row>\r\n      <Row className=\"pt-2 ml-2\">\r\n        <Colxx xxs=\"12\" md=\"9\">\r\n          {isMobile ? (\r\n            <>\r\n              <Colxx xxs=\"12\" className=\"text-center\">\r\n                {filesTotalSelectedSelfie === 0 && (\r\n                  <img\r\n                    style={{ width: '97%' }}\r\n                    alt=\"hacerFotoDNI\"\r\n                    src={imgHacerFoto}\r\n                  />\r\n                )}\r\n                <DropzoneUploader\r\n                  className=\"pt-2 ml-2\"\r\n                  maxFiles={1}\r\n                  onChangeFiles={handleFilesSelectedSelfie}\r\n                  totalFiles={filesTotalSelectedSelfie}\r\n                  accept=\"image/jpg,image/jpeg\"\r\n                  capture=\"environment\"\r\n                  nameFileLabel={TAKE_PHOTO_MESSAGE}\r\n                />\r\n              </Colxx>\r\n            </>\r\n          ) : (\r\n            <h2\r\n              className={'view-icon iconsminds-smartphone-4 ml-2 mr-2'}\r\n              style={{\r\n                color: 'red',\r\n                margin: '10px 10px 0px 10px',\r\n              }}\r\n            >\r\n              {MESSAGE_SELFIE_ONLY_CAN_TAKE_FROM_CELLPHONE}\r\n            </h2>\r\n          )}\r\n        </Colxx>\r\n      </Row>\r\n    </>\r\n  );\r\n};\r\n"],"names":[],"mappings":";;;;;;;AAOO,MAAM,YAAY,CAAC;AAAA,EACxB,wBAAwB,MAAM;AAAA,EAAC;AAAA,EAC/B,WAAW;AACb,MAAM;AACJ,QAAM,CAAC,0BAA0B,2BAA2B,IAAI,SAAS,CAAC;AAC1E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,4BAA4B,CAAC,UAAU;AAC3C,gCAA4B,MAAM,MAAM;AACxC,0BAAsB,KAAK;AAAA,EAC7B;AAEA,SACE,qBAAA,UAAA,EACE,UAAA;AAAA,IAAA,oBAAC,KAAA,EAAI,WAAU,aACb,UAAA,oBAAC,OAAA,EAAM,KAAI,MAAK,IAAG,KAChB,UAAA,uCAAA,CACH,GACF;AAAA,wBACC,KAAA,EAAI,WAAU,aACb,UAAA,oBAAC,SAAM,KAAI,MAAK,IAAG,KAChB,qBACC,oBAAA,UAAA,EACE,UAAA,qBAAC,SAAM,KAAI,MAAK,WAAU,eACvB,UAAA;AAAA,MAAA,6BAA6B,KAC5B;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,OAAO,EAAE,OAAO,MAAA;AAAA,UAChB,KAAI;AAAA,UACJ,KAAK;AAAA,QAAA;AAAA,MAAA;AAAA,MAGT;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,UAAU;AAAA,UACV,eAAe;AAAA,UACf,YAAY;AAAA,UACZ,QAAO;AAAA,UACP,SAAQ;AAAA,UACR,eAAe;AAAA,QAAA;AAAA,MAAA;AAAA,IACjB,EAAA,CACF,GACF,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW;AAAA,QACX,OAAO;AAAA,UACL,OAAO;AAAA,UACP,QAAQ;AAAA,QAAA;AAAA,QAGT,UAAA;AAAA,MAAA;AAAA,IAAA,GAGP,EAAA,CACF;AAAA,EAAA,GACF;AAEJ;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "siam-ui-utils",
-  "version": "3.1.4",
+  "version": "3.2.0",
   "keywords": [
     "ampf-react",
     "ampf-utils",
@@ -92,7 +92,7 @@
   "dependencies": {
     "@neolution-ch/reactstrap": "^10.0.0",
     "@types/react-intl": "^3.0.0",
-    "@whereby.com/browser-sdk": "^3.13.1",
+    "@whereby.com/browser-sdk": "^3.12.18",
     "dropzone": "^6.0.0-beta.2",
     "events": "^3.3.0",
     "html5-file-selector": "^2.1.0",
@@ -102,7 +102,7 @@
     "react-intl": "^7.1.14",
     "react-notifications": "^1.7.4",
     "react-select": "^5.10.2",
-    "siam-ui": "^0.1.20",
+    "siam-ui": "^1.2.0",
     "siam-utils": "^1.1.4",
     "styled-components": "^6.1.12"
   },
@@ -132,6 +132,7 @@
     "vitest": "^3.2.4"
   },
   "overrides": {
-    "react-popper": "2.3.0"
+    "react-popper": "2.3.0",
+    "ip-address": "^10.2.0"
   }
 }

package/dist/_virtual/_commonjsHelpers.js

@@ -1,7 +0,0 @@
-function getDefaultExportFromCjs(x) {
-  return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, "default") ? x["default"] : x;
-}
-export {
-  getDefaultExportFromCjs
-};
-//# sourceMappingURL=_commonjsHelpers.js.map

package/dist/_virtual/_commonjsHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"_commonjsHelpers.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/_virtual/index.js

@@ -1,8 +0,0 @@
-import { getDefaultExportFromCjs } from "./_commonjsHelpers.js";
-import { __require as requireClassnames } from "../node_modules/classnames/index.js";
-var classnamesExports = requireClassnames();
-const classNames = /* @__PURE__ */ getDefaultExportFromCjs(classnamesExports);
-export {
-  classNames as default
-};
-//# sourceMappingURL=index.js.map

package/dist/_virtual/index.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/_virtual/index2.js

@@ -1,5 +0,0 @@
-var classnames = { exports: {} };
-export {
-  classnames as __module
-};
-//# sourceMappingURL=index2.js.map

package/dist/_virtual/index2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"index2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/node_modules/@neolution-ch/reactstrap/esm/Badge.js

@@ -1,77 +0,0 @@
-import React from "react";
-import PropTypes from "prop-types";
-import classNames from "../../../../_virtual/index.js";
-import { mapToCssModules, tagPropType } from "./utils.js";
-var _excluded = ["className", "cssModule", "color", "innerRef", "pill", "tag"];
-function _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);
-}
-function _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;
-}
-function _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;
-}
-var propTypes = {
-  /** Pass children so this component can wrap the child elements */
-  children: PropTypes.node,
-  /** Add custom class */
-  className: PropTypes.string,
-  /** Change background color of Badge */
-  color: PropTypes.string,
-  /** Change existing className with a new className */
-  cssModule: PropTypes.object,
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
-  /** Add rounded corners to the Badge */
-  pill: PropTypes.bool,
-  /** Set a custom element for this component */
-  tag: tagPropType
-};
-function Badge(props) {
-  var className = props.className, cssModule = props.cssModule, _props$color = props.color, color = _props$color === void 0 ? "secondary" : _props$color, innerRef = props.innerRef, _props$pill = props.pill, pill = _props$pill === void 0 ? false : _props$pill, _props$tag = props.tag, Tag = _props$tag === void 0 ? "span" : _props$tag, attributes = _objectWithoutProperties(props, _excluded);
-  var classes = mapToCssModules(classNames(className, "badge", "bg-" + color, pill ? "rounded-pill" : false), cssModule);
-  if (attributes.href && Tag === "span") {
-    Tag = "a";
-  }
-  return /* @__PURE__ */ React.createElement(Tag, _extends({}, attributes, {
-    className: classes,
-    ref: innerRef
-  }));
-}
-Badge.propTypes = propTypes;
-export {
-  Badge as default
-};
-//# sourceMappingURL=Badge.js.map

package/dist/node_modules/@neolution-ch/reactstrap/esm/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sources":["../../../../../node_modules/@neolution-ch/reactstrap/esm/Badge.js"],"sourcesContent":["var _excluded = [\"className\", \"cssModule\", \"color\", \"innerRef\", \"pill\", \"tag\"];\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 from 'react';\nimport PropTypes from 'prop-types';\nimport classNames from 'classnames';\nimport { mapToCssModules, tagPropType } from './utils';\nvar propTypes = {\n  /** Pass children so this component can wrap the child elements */\n  children: PropTypes.node,\n  /** Add custom class */\n  className: PropTypes.string,\n  /** Change background color of Badge */\n  color: PropTypes.string,\n  /** Change existing className with a new className */\n  cssModule: PropTypes.object,\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),\n  /** Add rounded corners to the Badge */\n  pill: PropTypes.bool,\n  /** Set a custom element for this component */\n  tag: tagPropType\n};\nfunction Badge(props) {\n  var className = props.className,\n    cssModule = props.cssModule,\n    _props$color = props.color,\n    color = _props$color === void 0 ? 'secondary' : _props$color,\n    innerRef = props.innerRef,\n    _props$pill = props.pill,\n    pill = _props$pill === void 0 ? false : _props$pill,\n    _props$tag = props.tag,\n    Tag = _props$tag === void 0 ? 'span' : _props$tag,\n    attributes = _objectWithoutProperties(props, _excluded);\n  var classes = mapToCssModules(classNames(className, 'badge', 'bg-' + color, pill ? 'rounded-pill' : false), cssModule);\n  if (attributes.href && Tag === 'span') {\n    Tag = 'a';\n  }\n  return /*#__PURE__*/React.createElement(Tag, _extends({}, attributes, {\n    className: classes,\n    ref: innerRef\n  }));\n}\nBadge.propTypes = propTypes;\nexport default Badge;"],"names":[],"mappings":";;;;AAAA,IAAI,YAAY,CAAC,aAAa,aAAa,SAAS,YAAY,QAAQ,KAAK;AAC7E,SAAS,WAAW;AAAE,aAAW,OAAO,SAAS,OAAO,OAAO,SAAS,SAAU,QAAQ;AAAE,aAAS,IAAI,GAAG,IAAI,UAAU,QAAQ,KAAK;AAAE,UAAI,SAAS,UAAU,CAAC;AAAG,eAAS,OAAO,QAAQ;AAAE,YAAI,OAAO,UAAU,eAAe,KAAK,QAAQ,GAAG,GAAG;AAAE,iBAAO,GAAG,IAAI,OAAO,GAAG;AAAA,QAAG;AAAA,MAAE;AAAA,IAAE;AAAE,WAAO;AAAA,EAAQ;AAAG,SAAO,SAAS,MAAM,MAAM,SAAS;AAAG;AAClV,SAAS,yBAAyB,QAAQ,UAAU;AAAE,MAAI,UAAU,KAAM,QAAO,CAAA;AAAI,MAAI,SAAS,8BAA8B,QAAQ,QAAQ;AAAG,MAAI,KAAK;AAAG,MAAI,OAAO,uBAAuB;AAAE,QAAI,mBAAmB,OAAO,sBAAsB,MAAM;AAAG,SAAK,IAAI,GAAG,IAAI,iBAAiB,QAAQ,KAAK;AAAE,YAAM,iBAAiB,CAAC;AAAG,UAAI,SAAS,QAAQ,GAAG,KAAK,EAAG;AAAU,UAAI,CAAC,OAAO,UAAU,qBAAqB,KAAK,QAAQ,GAAG,EAAG;AAAU,aAAO,GAAG,IAAI,OAAO,GAAG;AAAA,IAAG;AAAA,EAAE;AAAE,SAAO;AAAQ;AAC3e,SAAS,8BAA8B,QAAQ,UAAU;AAAE,MAAI,UAAU,KAAM,QAAO,CAAA;AAAI,MAAI,SAAS,CAAA;AAAI,MAAI,aAAa,OAAO,KAAK,MAAM;AAAG,MAAI,KAAK;AAAG,OAAK,IAAI,GAAG,IAAI,WAAW,QAAQ,KAAK;AAAE,UAAM,WAAW,CAAC;AAAG,QAAI,SAAS,QAAQ,GAAG,KAAK,EAAG;AAAU,WAAO,GAAG,IAAI,OAAO,GAAG;AAAA,EAAG;AAAE,SAAO;AAAQ;AAKlT,IAAI,YAAY;AAAA;AAAA,EAEd,UAAU,UAAU;AAAA;AAAA,EAEpB,WAAW,UAAU;AAAA;AAAA,EAErB,OAAO,UAAU;AAAA;AAAA,EAEjB,WAAW,UAAU;AAAA,EACrB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,MAAM,UAAU,MAAM,CAAC;AAAA;AAAA,EAElF,MAAM,UAAU;AAAA;AAAA,EAEhB,KAAK;AACP;AACA,SAAS,MAAM,OAAO;AACpB,MAAI,YAAY,MAAM,WACpB,YAAY,MAAM,WAClB,eAAe,MAAM,OACrB,QAAQ,iBAAiB,SAAS,cAAc,cAChD,WAAW,MAAM,UACjB,cAAc,MAAM,MACpB,OAAO,gBAAgB,SAAS,QAAQ,aACxC,aAAa,MAAM,KACnB,MAAM,eAAe,SAAS,SAAS,YACvC,aAAa,yBAAyB,OAAO,SAAS;AACxD,MAAI,UAAU,gBAAgB,WAAW,WAAW,SAAS,QAAQ,OAAO,OAAO,iBAAiB,KAAK,GAAG,SAAS;AACrH,MAAI,WAAW,QAAQ,QAAQ,QAAQ;AACrC,UAAM;AAAA,EACR;AACA,SAAoB,sBAAM,cAAc,KAAK,SAAS,CAAA,GAAI,YAAY;AAAA,IACpE,WAAW;AAAA,IACX,KAAK;AAAA,EACT,CAAG,CAAC;AACJ;AACA,MAAM,YAAY;","x_google_ignoreList":[0]}

package/dist/node_modules/@neolution-ch/reactstrap/esm/Button.js

@@ -1,111 +0,0 @@
-import React, { useCallback } from "react";
-import PropTypes from "prop-types";
-import classNames from "../../../../_virtual/index.js";
-import { mapToCssModules, tagPropType } from "./utils.js";
-import CloseButton from "./CloseButton.js";
-var _excluded = ["active", "aria-label", "block", "className", "close", "cssModule", "color", "outline", "size", "tag", "innerRef"];
-function _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);
-}
-function _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;
-}
-function _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;
-}
-var propTypes = {
-  /** Manually set the visual state of the button to active */
-  active: PropTypes.bool,
-  /** Aria label */
-  "aria-label": PropTypes.string,
-  block: PropTypes.bool,
-  /** Pass children so this component can wrap them */
-  children: PropTypes.node,
-  /** Add custom class */
-  className: PropTypes.string,
-  /** Change existing className with a new className */
-  cssModule: PropTypes.object,
-  /** Use the button as a close button */
-  close: PropTypes.bool,
-  /** Change color of Button to one of the available colors */
-  color: PropTypes.string,
-  /** Disables the button */
-  disabled: PropTypes.bool,
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func, PropTypes.string]),
-  /** Function to be triggered on click */
-  onClick: PropTypes.func,
-  /** Adds outline to the button */
-  outline: PropTypes.bool,
-  /** Make the button bigger or smaller */
-  size: PropTypes.string,
-  /** Set a custom element for this component */
-  tag: tagPropType
-};
-function Button(props) {
-  var onClick = useCallback(function(e) {
-    if (props.disabled) {
-      e.preventDefault();
-      return;
-    }
-    if (props.onClick) {
-      return props.onClick(e);
-    }
-  }, [props.onClick, props.disabled]);
-  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);
-  if (close) {
-    return /* @__PURE__ */ React.createElement(CloseButton, attributes);
-  }
-  var btnOutlineColor = "btn".concat(outline ? "-outline" : "", "-").concat(color);
-  var classes = mapToCssModules(classNames(className, "btn", btnOutlineColor, size ? "btn-".concat(size) : false, block ? "d-block w-100" : false, {
-    active,
-    disabled: props.disabled
-  }), cssModule);
-  if (attributes.href && Tag === "button") {
-    Tag = "a";
-  }
-  return /* @__PURE__ */ React.createElement(Tag, _extends({
-    type: Tag === "button" && attributes.onClick ? "button" : void 0
-  }, attributes, {
-    className: classes,
-    ref: innerRef,
-    onClick,
-    "aria-label": ariaLabel
-  }));
-}
-Button.propTypes = propTypes;
-export {
-  Button as default
-};
-//# sourceMappingURL=Button.js.map

package/dist/node_modules/@neolution-ch/reactstrap/esm/Button.js.map

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