siam-ui-utils 3.1.1 → 3.1.2

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

@@ -0,0 +1,77 @@
+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

@@ -0,0 +1 @@
+{"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":["classNames"],"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,gBAAgBA,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/select/multi-select/index.js

@@ -1,7 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { useState, useRef, useEffect, useCallback } from "react";
 import Select, { components } from "react-select";
-import { Row, Col } from "reactstrap";
+import Row from "../../node_modules/@neolution-ch/reactstrap/esm/Row.js";
+import Col from "../../node_modules/@neolution-ch/reactstrap/esm/Col.js";
 import { CustomInputCheckbox } from "../../custom-input/CustomInputCheckbox.js";
 import BadgeLabelMultiSelect from "./badge-label-multi-select.js";
 import { BadgeWrapper, ClickableBadge } from "./styled-component.js";

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 '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 '@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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"}

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

@@ -1,4 +1,4 @@
-import { Badge } from "reactstrap";
+import Badge from "../../node_modules/@neolution-ch/reactstrap/esm/Badge.js";
 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 '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 '@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;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "siam-ui-utils",
-  "version": "3.1.1",
+  "version": "3.1.2",
   "keywords": [
     "ampf-react",
     "ampf-utils",