siam-ui-utils 3.1.0 → 3.1.1

package/dist/react-notifications/Notifications.js

@@ -1,72 +1,72 @@
-import { jsx } from "react/jsx-runtime";
-import { Component, createRef } from "react";
-import PropTypes from "prop-types";
-import classnames from "../_virtual/index.js";
-import Notification from "./Notification.js";
-import TransitionGroup from "../node_modules/react-transition-group/esm/TransitionGroup.js";
-import CSSTransition from "../node_modules/react-transition-group/esm/CSSTransition.js";
-class Notifications extends Component {
-  constructor(props) {
-    super(props);
-    this.nodeRefs = {};
-  }
-  handleRequestHide = (notification) => () => {
-    const { onRequestHide } = this.props;
-    if (onRequestHide) {
-      onRequestHide(notification);
-    }
-  };
-  getNodeRef = (key) => {
-    if (!this.nodeRefs[key]) {
-      this.nodeRefs[key] = createRef();
-    }
-    return this.nodeRefs[key];
-  };
-  render() {
-    const {
-      notifications = [],
-      enterTimeout = 400,
-      leaveTimeout = 400
-    } = this.props;
-    const className = classnames("notification-container", {
-      "notification-container-empty": notifications.length === 0
-    });
-    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(TransitionGroup, { children: notifications.map((notification) => {
-      const key = notification.id || (/* @__PURE__ */ new Date()).getTime();
-      const nodeRef = this.getNodeRef(key);
-      return /* @__PURE__ */ jsx(
-        CSSTransition,
-        {
-          classNames: "notification",
-          timeout: { exit: leaveTimeout, enter: enterTimeout },
-          nodeRef,
-          children: /* @__PURE__ */ jsx(
-            Notification,
-            {
-              ref: nodeRef,
-              type: notification.type,
-              title: notification.title,
-              message: notification.message,
-              timeOut: notification.timeOut,
-              onClick: notification.onClick,
-              onRequestHide: this.handleRequestHide(notification),
-              customClassName: notification.customClassName
-            },
-            key
-          )
-        },
-        key
-      );
-    }) }) });
-  }
-}
-Notifications.propTypes = {
-  notifications: PropTypes.array,
-  onRequestHide: PropTypes.func,
-  enterTimeout: PropTypes.number,
-  leaveTimeout: PropTypes.number
-};
-export {
-  Notifications as default
-};
-//# sourceMappingURL=Notifications.js.map
+import { jsx } from "react/jsx-runtime";
+import { Component, createRef } from "react";
+import PropTypes from "prop-types";
+import classnames from "../_virtual/index.js";
+import Notification from "./Notification.js";
+import TransitionGroup from "../node_modules/react-transition-group/esm/TransitionGroup.js";
+import CSSTransition from "../node_modules/react-transition-group/esm/CSSTransition.js";
+class Notifications extends Component {
+  constructor(props) {
+    super(props);
+    this.nodeRefs = {};
+  }
+  handleRequestHide = (notification) => () => {
+    const { onRequestHide } = this.props;
+    if (onRequestHide) {
+      onRequestHide(notification);
+    }
+  };
+  getNodeRef = (key) => {
+    if (!this.nodeRefs[key]) {
+      this.nodeRefs[key] = createRef();
+    }
+    return this.nodeRefs[key];
+  };
+  render() {
+    const {
+      notifications = [],
+      enterTimeout = 400,
+      leaveTimeout = 400
+    } = this.props;
+    const className = classnames("notification-container", {
+      "notification-container-empty": notifications.length === 0
+    });
+    return /* @__PURE__ */ jsx("div", { className, children: /* @__PURE__ */ jsx(TransitionGroup, { children: notifications.map((notification) => {
+      const key = notification.id || (/* @__PURE__ */ new Date()).getTime();
+      const nodeRef = this.getNodeRef(key);
+      return /* @__PURE__ */ jsx(
+        CSSTransition,
+        {
+          classNames: "notification",
+          timeout: { exit: leaveTimeout, enter: enterTimeout },
+          nodeRef,
+          children: /* @__PURE__ */ jsx(
+            Notification,
+            {
+              ref: nodeRef,
+              type: notification.type,
+              title: notification.title,
+              message: notification.message,
+              timeOut: notification.timeOut,
+              onClick: notification.onClick,
+              onRequestHide: this.handleRequestHide(notification),
+              customClassName: notification.customClassName
+            },
+            key
+          )
+        },
+        key
+      );
+    }) }) });
+  }
+}
+Notifications.propTypes = {
+  notifications: PropTypes.array,
+  onRequestHide: PropTypes.func,
+  enterTimeout: PropTypes.number,
+  leaveTimeout: PropTypes.number
+};
+export {
+  Notifications as default
+};
+//# sourceMappingURL=Notifications.js.map

package/dist/react-notifications/constants.js

@@ -1,26 +1,26 @@
-const TYPES = {
-  CHANGE: "change",
-  ERROR: "error",
-  INFO: "info",
-  PRIMARY: "primary",
-  SECONDARY: "secondary",
-  SUCCESS: "success",
-  WARNING: "warning"
-};
-const TITLES = {
-  AVISO: "AVISO",
-  ERROR: "ERROR",
-  EXITO: "EXITO",
-  INFORMACION: "INFORMACION",
-  PRIMARIO: "PRIMARIO",
-  SECUNDARIO: "SECUNDARIO"
-};
-const DEFAULT_VALUES = {
-  TIMEOUT: 5e3
-};
-export {
-  DEFAULT_VALUES,
-  TITLES,
-  TYPES
-};
-//# sourceMappingURL=constants.js.map
+const TYPES = {
+  CHANGE: "change",
+  ERROR: "error",
+  INFO: "info",
+  PRIMARY: "primary",
+  SECONDARY: "secondary",
+  SUCCESS: "success",
+  WARNING: "warning"
+};
+const TITLES = {
+  AVISO: "AVISO",
+  ERROR: "ERROR",
+  EXITO: "EXITO",
+  INFORMACION: "INFORMACION",
+  PRIMARIO: "PRIMARIO",
+  SECUNDARIO: "SECUNDARIO"
+};
+const DEFAULT_VALUES = {
+  TIMEOUT: 5e3
+};
+export {
+  DEFAULT_VALUES,
+  TITLES,
+  TYPES
+};
+//# sourceMappingURL=constants.js.map

package/dist/react-notifications/index.js

@@ -1,11 +1,11 @@
-import "./notifications.css";
-import Notifications from "./Notifications.js";
-import { default as default2 } from "./NotificationContainer.js";
-import { default as default3 } from "./NotificationManager.js";
-export {
-  default2 as NotificationContainer,
-  default3 as NotificationManager,
-  Notifications,
-  Notifications as default
-};
-//# sourceMappingURL=index.js.map
+import "./notifications.css";
+import Notifications from "./Notifications.js";
+import { default as default2 } from "./NotificationContainer.js";
+import { default as default3 } from "./NotificationManager.js";
+export {
+  default2 as NotificationContainer,
+  default3 as NotificationManager,
+  Notifications,
+  Notifications as default
+};
+//# sourceMappingURL=index.js.map

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

@@ -1,8 +1,8 @@
-const LABELS = {
-  SIN_DATOS: "SIN DATOS",
-  SELECCIONE: "SELECCIONE..."
-};
-export {
-  LABELS
-};
-//# sourceMappingURL=constants.js.map
+const LABELS = {
+  SIN_DATOS: "SIN DATOS",
+  SELECCIONE: "SELECCIONE..."
+};
+export {
+  LABELS
+};
+//# sourceMappingURL=constants.js.map

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

@@ -1,89 +1,89 @@
-import { jsxs, Fragment, jsx } from "react/jsx-runtime";
-import { useState, useEffect } from "react";
-import Select from "react-select";
-import Label from "../../node_modules/@neolution-ch/reactstrap/esm/Label.js";
-import { CustomSelectInput } from "../custom-select-input/index.js";
-import { LABELS } from "./constants.js";
-const { SIN_DATOS, SELECCIONE } = LABELS;
-const CustomSelect = (props) => {
-  const [firstElement] = useState(props.firstElement);
-  const [newItem] = useState(props.newItem);
-  const [selectedIoption, setIoption] = useState({});
-  const [customStylesOption] = useState(props.customStylesOption);
-  const [customStyles, setCustomStyles] = useState({});
-  useEffect(() => {
-    if (newItem) {
-      props.options.push(newItem);
-    }
-  }, [newItem, props.options]);
-  useEffect(() => {
-    const { options = [] } = props;
-    if (firstElement && Number(options?.length) > 1) {
-      const propIOption = options.filter((item) => item === firstElement);
-      if (propIOption?.length === 0) {
-        props.options.unshift(firstElement);
-      }
-    }
-  }, [firstElement, props.options]);
-  useEffect(() => {
-    const { selectedValue } = props;
-    const errorProp = { value: null };
-    if (selectedValue || firstElement && firstElement.value === selectedValue) {
-      const propIOption = props.options.filter(({ value }) => {
-        return JSON.stringify(value) === JSON.stringify(selectedValue);
-      });
-      if (propIOption[0]) {
-        setIoption(propIOption[0]);
-        if (!Object.getOwnPropertyDescriptor(selectedIoption, "label")) {
-          props.onChange(propIOption[0]);
-        }
-      } else {
-        setIoption(errorProp);
-        props.onChange(errorProp);
-      }
-    } else if (props.options.length > 0) {
-      setIoption(errorProp);
-      props.onChange(errorProp);
-    }
-  }, [props.selectedValue, props.options, firstElement]);
-  useEffect(() => {
-    if (customStylesOption) {
-      const stylesOption = {
-        option: (base, { data }) => {
-          return {
-            ...base,
-            color: data.fields && data.fields[customStylesOption.fieldMatch] === customStylesOption.valueMatch ? "blue !important" : "",
-            fontWeight: data.fields && data.fields[customStylesOption.fieldMatch] === customStylesOption.valueMatch ? "bold" : ""
-          };
-        }
-      };
-      setCustomStyles(stylesOption);
-    }
-  }, [customStylesOption]);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    props.label && props.label !== "" && /* @__PURE__ */ jsxs(Label, { className: "mb-0", children: [
-      props.label,
-      ":"
-    ] }),
-    /* @__PURE__ */ jsx(
-      Select,
-      {
-        ...props,
-        components: { Input: CustomSelectInput },
-        className: "react-select",
-        classNamePrefix: "react-select",
-        name: "form-field-name",
-        value: Object.getOwnPropertyDescriptor(selectedIoption, "label") ? selectedIoption : "",
-        onChange: props.onChange,
-        options: props.options,
-        placeholder: Number(props.options.length) === 0 ? SIN_DATOS : props.placeholder || SELECCIONE,
-        isDisabled: props.disabled,
-        styles: customStyles
-      }
-    )
-  ] });
-};
-export {
-  CustomSelect
-};
-//# sourceMappingURL=index.js.map
+import { jsxs, Fragment, jsx } from "react/jsx-runtime";
+import { useState, useEffect } from "react";
+import Select from "react-select";
+import Label from "../../node_modules/@neolution-ch/reactstrap/esm/Label.js";
+import { CustomSelectInput } from "../custom-select-input/index.js";
+import { LABELS } from "./constants.js";
+const { SIN_DATOS, SELECCIONE } = LABELS;
+const CustomSelect = (props) => {
+  const [firstElement] = useState(props.firstElement);
+  const [newItem] = useState(props.newItem);
+  const [selectedIoption, setIoption] = useState({});
+  const [customStylesOption] = useState(props.customStylesOption);
+  const [customStyles, setCustomStyles] = useState({});
+  useEffect(() => {
+    if (newItem) {
+      props.options.push(newItem);
+    }
+  }, [newItem, props.options]);
+  useEffect(() => {
+    const { options = [] } = props;
+    if (firstElement && Number(options?.length) > 1) {
+      const propIOption = options.filter((item) => item === firstElement);
+      if (propIOption?.length === 0) {
+        props.options.unshift(firstElement);
+      }
+    }
+  }, [firstElement, props.options]);
+  useEffect(() => {
+    const { selectedValue } = props;
+    const errorProp = { value: null };
+    if (selectedValue || firstElement && firstElement.value === selectedValue) {
+      const propIOption = props.options.filter(({ value }) => {
+        return JSON.stringify(value) === JSON.stringify(selectedValue);
+      });
+      if (propIOption[0]) {
+        setIoption(propIOption[0]);
+        if (!Object.getOwnPropertyDescriptor(selectedIoption, "label")) {
+          props.onChange(propIOption[0]);
+        }
+      } else {
+        setIoption(errorProp);
+        props.onChange(errorProp);
+      }
+    } else if (props.options.length > 0) {
+      setIoption(errorProp);
+      props.onChange(errorProp);
+    }
+  }, [props.selectedValue, props.options, firstElement]);
+  useEffect(() => {
+    if (customStylesOption) {
+      const stylesOption = {
+        option: (base, { data }) => {
+          return {
+            ...base,
+            color: data.fields && data.fields[customStylesOption.fieldMatch] === customStylesOption.valueMatch ? "blue !important" : "",
+            fontWeight: data.fields && data.fields[customStylesOption.fieldMatch] === customStylesOption.valueMatch ? "bold" : ""
+          };
+        }
+      };
+      setCustomStyles(stylesOption);
+    }
+  }, [customStylesOption]);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    props.label && props.label !== "" && /* @__PURE__ */ jsxs(Label, { className: "mb-0", children: [
+      props.label,
+      ":"
+    ] }),
+    /* @__PURE__ */ jsx(
+      Select,
+      {
+        ...props,
+        components: { Input: CustomSelectInput },
+        className: "react-select",
+        classNamePrefix: "react-select",
+        name: "form-field-name",
+        value: Object.getOwnPropertyDescriptor(selectedIoption, "label") ? selectedIoption : "",
+        onChange: props.onChange,
+        options: props.options,
+        placeholder: Number(props.options.length) === 0 ? SIN_DATOS : props.placeholder || SELECCIONE,
+        isDisabled: props.disabled,
+        styles: customStyles
+      }
+    )
+  ] });
+};
+export {
+  CustomSelect
+};
+//# sourceMappingURL=index.js.map

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

@@ -1,12 +1,12 @@
-import { jsx } from "react/jsx-runtime";
-import { components } from "react-select";
-const CustomSelectInput = (props) => {
-  const customProps = { ...props };
-  delete customProps.autoCorrect;
-  delete customProps.autoCapitalize;
-  return /* @__PURE__ */ jsx(components.Input, { ...customProps });
-};
-export {
-  CustomSelectInput
-};
-//# sourceMappingURL=index.js.map
+import { jsx } from "react/jsx-runtime";
+import { components } from "react-select";
+const CustomSelectInput = (props) => {
+  const customProps = { ...props };
+  delete customProps.autoCorrect;
+  delete customProps.autoCapitalize;
+  return /* @__PURE__ */ jsx(components.Input, { ...customProps });
+};
+export {
+  CustomSelectInput
+};
+//# sourceMappingURL=index.js.map

package/dist/select/index.js

@@ -1,9 +1,9 @@
-import { CustomSelect } from "./custom-select/index.js";
-import { CustomMultiSelect } from "./multi-select/index.js";
-import { CustomSelectInput } from "./custom-select-input/index.js";
-export {
-  CustomMultiSelect,
-  CustomSelect,
-  CustomSelectInput
-};
-//# sourceMappingURL=index.js.map
+import { CustomSelect } from "./custom-select/index.js";
+import { CustomMultiSelect } from "./multi-select/index.js";
+import { CustomSelectInput } from "./custom-select-input/index.js";
+export {
+  CustomMultiSelect,
+  CustomSelect,
+  CustomSelectInput
+};
+//# sourceMappingURL=index.js.map

package/dist/select/multi-select/badge-label-multi-select.js

@@ -1,29 +1,29 @@
-import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { toCamelCase } from "siam-utils";
-import { ClickableBadge } from "./styled-component.js";
-const BadgeLabelMultiSelect = ({
-  descripcionLabel = [],
-  onRemove = () => {
-  }
-}) => {
-  const getBadgeColor = (value) => {
-    return value.color || "dark";
-  };
-  return /* @__PURE__ */ jsx(Fragment, { children: descripcionLabel.map((item) => /* @__PURE__ */ jsxs(
-    ClickableBadge,
-    {
-      color: getBadgeColor(item),
-      pill: true,
-      onClick: () => onRemove(item.value),
-      children: [
-        toCamelCase(item.label),
-        " ×"
-      ]
-    },
-    item.value
-  )) });
-};
-export {
-  BadgeLabelMultiSelect as default
-};
-//# sourceMappingURL=badge-label-multi-select.js.map
+import { jsx, Fragment, jsxs } from "react/jsx-runtime";
+import { toCamelCase } from "siam-utils";
+import { ClickableBadge } from "./styled-component.js";
+const BadgeLabelMultiSelect = ({
+  descripcionLabel = [],
+  onRemove = () => {
+  }
+}) => {
+  const getBadgeColor = (value) => {
+    return value.color || "dark";
+  };
+  return /* @__PURE__ */ jsx(Fragment, { children: descripcionLabel.map((item) => /* @__PURE__ */ jsxs(
+    ClickableBadge,
+    {
+      color: getBadgeColor(item),
+      pill: true,
+      onClick: () => onRemove(item.value),
+      children: [
+        toCamelCase(item.label),
+        " ×"
+      ]
+    },
+    item.value
+  )) });
+};
+export {
+  BadgeLabelMultiSelect as default
+};
+//# sourceMappingURL=badge-label-multi-select.js.map

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

@@ -1,37 +1,37 @@
-.multiselect-checkbox-option .custom-checkbox {
-  margin-bottom: 0;
-}
-.multiselect-checkbox-option .custom-checkbox input[type=checkbox] + label {
-  line-height: 1.2 !important;
-  display: flex;
-  align-items: center;
-  padding-left: 1.75rem;
-}
-.multiselect-checkbox-option .custom-checkbox input[type=checkbox] + label::before {
-  top: 50%;
-  transform: translateY(-50%);
-}
-.multiselect-checkbox-option .custom-checkbox input[type=checkbox]:checked + label::after {
-  top: 50%;
-  transform: translateY(-65%) rotate(45deg);
-}
-
-.custom-multiselect__control {
-  min-height: 38px;
-  border-color: #ccc;
-}
-.custom-multiselect__control:hover {
-  border-color: #900604;
-}
-.custom-multiselect__control--is-focused {
-  border-color: #900604;
-  box-shadow: 0 0 0 1px #900604;
-}
-
-.dropdown-heading-value {
-  color: green;
-  height: 2rem;
-  display: inline;
-  font-weight: bold;
-  padding: 0.4rem;
+.multiselect-checkbox-option .custom-checkbox {
+  margin-bottom: 0;
+}
+.multiselect-checkbox-option .custom-checkbox input[type=checkbox] + label {
+  line-height: 1.2 !important;
+  display: flex;
+  align-items: center;
+  padding-left: 1.75rem;
+}
+.multiselect-checkbox-option .custom-checkbox input[type=checkbox] + label::before {
+  top: 50%;
+  transform: translateY(-50%);
+}
+.multiselect-checkbox-option .custom-checkbox input[type=checkbox]:checked + label::after {
+  top: 50%;
+  transform: translateY(-65%) rotate(45deg);
+}
+
+.custom-multiselect__control {
+  min-height: 38px;
+  border-color: #ccc;
+}
+.custom-multiselect__control:hover {
+  border-color: #900604;
+}
+.custom-multiselect__control--is-focused {
+  border-color: #900604;
+  box-shadow: 0 0 0 1px #900604;
+}
+
+.dropdown-heading-value {
+  color: green;
+  height: 2rem;
+  display: inline;
+  font-weight: bold;
+  padding: 0.4rem;
 }