@epignosis_llc/gnosis 5.0.5 → 5.0.7

package/dist/esm/src/components/FormElements/Input/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.4
+   * @epignosis_llc/gnosis.js v5.0.6
    * Released under the MIT license.
    */
 
@@ -62,16 +62,16 @@ var inputContainer = function inputContainer(_ref, _ref2) {
     }), ";.vertical-line{position:absolute;border-left:1px solid ", formElements.input.verticalLineColor, ";top:0;inset-inline-end:3rem;height:100%;}.label-container{display:flex;justify-content:flex-start;align-items:center;gap:0.25rem;margin-bottom:0.5rem;label{margin-bottom:0;}div{display:flex;align-items:center;justify-content:center;}svg{color:", formElements.input.infoTooltipColor, ";&:hover{cursor:help;}}}&.inline{.label-container{margin-bottom:0;}}&.disabled{.input-wrapper{.prefix-icon,.suffix-icon{z-index:1;color:", formElements.input.disabledIcon, ";cursor:not-allowed;}}}&.error{.input-wrapper input{border-color:", formElements.errors.errorBorderColor, ";}}&.with-prefix-icon{.input-wrapper input{padding-inline-start:3.2rem;}}&.with-suffix-icon{.input-wrapper input{padding-inline-end:", calculatePaddingWithSuffixIcon(), ";}}.input-wrapper{width:100%;position:relative;background-color:", formElements.input.background, ";z-index:1;border-radius:5px;input{", inputBaseStyles(formElements, {
       block: true,
       size: size
-    }), ";background-color:transparent;padding-inline-end:", calculatePaddingWithoutSuffixIcon(), ";}.prefix-icon,.suffix-icon{height:100%;position:absolute;bottom:0;display:flex;align-items:center;}.prefix-icon{margin:0 0.75rem;color:", formElements.input.iconColor, ";}.suffix-icon{inset-inline-end:0;color:", formElements.input.iconColor, ";width:3rem;display:flex;justify-content:center;}.close-icon{cursor:pointer;position:absolute;top:0;height:100%;display:flex;align-items:center;inset-inline-end:", calculateCloseIconPosition(), ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi9JbnB1dFwiO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPSAoXG4gIHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lLFxuICB7XG4gICAgc2l6ZSxcbiAgICBoYXNJY29uQWZ0ZXIsXG4gICAgaXNDbGVhcmFibGUsXG4gICAgc2hvd1ZlcnRpY2FsTGluZSxcbiAgfTogeyBzaXplOiBJbnB1dFNpemU7IGhhc0ljb25BZnRlcjogYm9vbGVhbjsgaXNDbGVhcmFibGU6IGJvb2xlYW47IHNob3dWZXJ0aWNhbExpbmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCBjYWxjdWxhdGVQYWRkaW5nV2l0aFN1ZmZpeEljb24gPSAoKSA9PiB7XG4gICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjQuNzVyZW1cIjtcbiAgICAgIGNhc2Ugc2hvd1ZlcnRpY2FsTGluZSAmJiAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjMuNzVyZW1cIjtcbiAgICAgIGNhc2UgIXNob3dWZXJ0aWNhbExpbmUgJiYgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjQuNXJlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjNyZW1cIjtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBcIjBcIjtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2FsY3VsYXRlUGFkZGluZ1dpdGhvdXRTdWZmaXhJY29uID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgY2FzZSBpc0NsZWFyYWJsZTpcbiAgICAgICAgcmV0dXJuIFwiMnJlbVwiO1xuICAgICAgY2FzZSAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjAuNzVyZW1cIjtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBcIjBcIjtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2FsY3VsYXRlQ2xvc2VJY29uUG9zaXRpb24gPSAoKSA9PiB7XG4gICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIzLjVyZW1cIjtcbiAgICAgIGNhc2Ugc2hvd1ZlcnRpY2FsTGluZSAmJiAhaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBjYXNlICFzaG93VmVydGljYWxMaW5lICYmIGhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiM3JlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiAhaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gXCIwXCI7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgJHtpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMoeyBibG9jazogdHJ1ZSB9KX07XG5cbiAgICAudmVydGljYWwtbGluZSB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmlucHV0LnZlcnRpY2FsTGluZUNvbG9yfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGluc2V0LWlubGluZS1lbmQ6IDNyZW07XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLmxhYmVsLWNvbnRhaW5lciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogMC4yNXJlbTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcblxuICAgICAgbGFiZWwge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgICAgfVxuXG4gICAgICBkaXYge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIH1cblxuICAgICAgc3ZnIHtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmluZm9Ub29sdGlwQ29sb3J9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjdXJzb3I6IGhlbHA7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmlubGluZSB7XG4gICAgICAubGFiZWwtY29udGFpbmVyIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmRpc2FibGVkIHtcbiAgICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgICAgLnByZWZpeC1pY29uLFxuICAgICAgICAuc3VmZml4LWljb24ge1xuICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmRpc2FibGVkSWNvbn07XG4gICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYuZXJyb3Ige1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmVycm9ycy5lcnJvckJvcmRlckNvbG9yfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLndpdGgtcHJlZml4LWljb24ge1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMy4ycmVtO1xuICAgICAgfVxuICAgIH1cblxuICAgICYud2l0aC1zdWZmaXgtaWNvbiB7XG4gICAgICAuaW5wdXQtd3JhcHBlciBpbnB1dCB7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogJHtjYWxjdWxhdGVQYWRkaW5nV2l0aFN1ZmZpeEljb24oKX07XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmlucHV0LXdyYXBwZXIge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgICAgIHotaW5kZXg6IDE7XG4gICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgJHtpbnB1dEJhc2VTdHlsZXMoZm9ybUVsZW1lbnRzLCB7IGJsb2NrOiB0cnVlLCBzaXplIH0pfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogJHtjYWxjdWxhdGVQYWRkaW5nV2l0aG91dFN1ZmZpeEljb24oKX07XG4gICAgICB9XG5cbiAgICAgIC5wcmVmaXgtaWNvbixcbiAgICAgIC5zdWZmaXgtaWNvbiB7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB9XG5cbiAgICAgIC5wcmVmaXgtaWNvbiB7XG4gICAgICAgIG1hcmdpbjogMCAwLjc1cmVtO1xuICAgICAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuaWNvbkNvbG9yfTtcbiAgICAgIH1cblxuICAgICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgICAgaW5zZXQtaW5saW5lLWVuZDogMDtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgICAgIHdpZHRoOiAzcmVtO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIH1cblxuICAgICAgLmNsb3NlLWljb24ge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGluc2V0LWlubGluZS1lbmQ6ICR7Y2FsY3VsYXRlQ2xvc2VJY29uUG9zaXRpb24oKX07XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IHNlYXJjaElucHV0Q29udGFpbmVyID0gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIC5pbnB1dC13cmFwcGVyIHtcbiAgICBtaW4td2lkdGg6IDI1MHB4O1xuICB9XG5cbiAgaW5wdXQge1xuICAgIHBhZGRpbmctaW5saW5lLWVuZDogMi41cmVtO1xuICB9XG5cbiAgLmNsZWFyLWJ1dHRvbiB7XG4gICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgIGluc2V0LWlubGluZS1lbmQ6IDA7XG4gICAgei1pbmRleDogMTtcblxuICAgICY6aG92ZXIge1xuICAgICAgYmFja2dyb3VuZDogdHJhbnNwYXJlbnQ7XG4gICAgfVxuICB9XG4gIC5wcmVmaXgtaWNvbixcbiAgLnN1ZmZpeC1pY29uIHtcbiAgICBzdmcge1xuICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgIH1cbiAgfVxuYDtcbiJdfQ== */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
+    }), ";background-color:transparent;padding-inline-end:", calculatePaddingWithoutSuffixIcon(), ";}.prefix-icon,.suffix-icon{height:100%;position:absolute;bottom:0;display:flex;align-items:center;}.prefix-icon{margin:0 0.75rem;color:", formElements.input.iconColor, ";}.suffix-icon{inset-inline-end:0;color:", formElements.input.iconColor, ";width:3rem;display:flex;justify-content:center;}.close-icon{cursor:pointer;position:absolute;top:0;height:100%;display:flex;align-items:center;inset-inline-end:", calculateCloseIconPosition(), ";}}" + (process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFzRFkiLCJmaWxlIjoic3R5bGVzLnRzIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzLCBUaGVtZSwgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gXCJAZW1vdGlvbi9yZWFjdFwiO1xuaW1wb3J0IHsgaW5wdXRCYXNlU3R5bGVzLCBpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMgfSBmcm9tIFwiLi4vc3R5bGVzXCI7XG5pbXBvcnQgeyBJbnB1dFNpemUgfSBmcm9tIFwiLi9JbnB1dFwiO1xuXG5leHBvcnQgY29uc3QgaW5wdXRDb250YWluZXIgPSAoXG4gIHsgZm9ybUVsZW1lbnRzIH06IFRoZW1lLFxuICB7XG4gICAgc2l6ZSxcbiAgICBoYXNJY29uQWZ0ZXIsXG4gICAgaXNDbGVhcmFibGUsXG4gICAgc2hvd1ZlcnRpY2FsTGluZSxcbiAgfTogeyBzaXplOiBJbnB1dFNpemU7IGhhc0ljb25BZnRlcjogYm9vbGVhbjsgaXNDbGVhcmFibGU6IGJvb2xlYW47IHNob3dWZXJ0aWNhbExpbmU6IGJvb2xlYW4gfSxcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4ge1xuICBjb25zdCBjYWxjdWxhdGVQYWRkaW5nV2l0aFN1ZmZpeEljb24gPSAoKSA9PiB7XG4gICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjQuNzVyZW1cIjtcbiAgICAgIGNhc2Ugc2hvd1ZlcnRpY2FsTGluZSAmJiAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjMuNzVyZW1cIjtcbiAgICAgIGNhc2UgIXNob3dWZXJ0aWNhbExpbmUgJiYgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjQuNXJlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjNyZW1cIjtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBcIjBcIjtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2FsY3VsYXRlUGFkZGluZ1dpdGhvdXRTdWZmaXhJY29uID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgY2FzZSBpc0NsZWFyYWJsZTpcbiAgICAgICAgcmV0dXJuIFwiMnJlbVwiO1xuICAgICAgY2FzZSAhaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjAuNzVyZW1cIjtcbiAgICAgIGRlZmF1bHQ6XG4gICAgICAgIHJldHVybiBcIjBcIjtcbiAgICB9XG4gIH07XG5cbiAgY29uc3QgY2FsY3VsYXRlQ2xvc2VJY29uUG9zaXRpb24gPSAoKSA9PiB7XG4gICAgc3dpdGNoICh0cnVlKSB7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIzLjVyZW1cIjtcbiAgICAgIGNhc2Ugc2hvd1ZlcnRpY2FsTGluZSAmJiAhaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBjYXNlICFzaG93VmVydGljYWxMaW5lICYmIGhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiM3JlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiAhaGFzSWNvbkFmdGVyOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gXCIwXCI7XG4gICAgfVxuICB9O1xuXG4gIHJldHVybiBjc3NgXG4gICAgJHtpbnB1dENvbnRhaW5lckJhc2VTdHlsZXMoeyBibG9jazogdHJ1ZSB9KX07XG5cbiAgICAudmVydGljYWwtbGluZSB7XG4gICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICBib3JkZXItbGVmdDogMXB4IHNvbGlkICR7Zm9ybUVsZW1lbnRzLmlucHV0LnZlcnRpY2FsTGluZUNvbG9yfTtcbiAgICAgIHRvcDogMDtcbiAgICAgIGluc2V0LWlubGluZS1lbmQ6IDNyZW07XG4gICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgfVxuXG4gICAgLmxhYmVsLWNvbnRhaW5lciB7XG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAganVzdGlmeS1jb250ZW50OiBmbGV4LXN0YXJ0O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGdhcDogMC4yNXJlbTtcbiAgICAgIG1hcmdpbi1ib3R0b206IDAuNXJlbTtcblxuICAgICAgbGFiZWwge1xuICAgICAgICBtYXJnaW4tYm90dG9tOiAwO1xuICAgICAgfVxuXG4gICAgICBkaXYge1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIH1cblxuICAgICAgc3ZnIHtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmluZm9Ub29sdGlwQ29sb3J9O1xuICAgICAgICAmOmhvdmVyIHtcbiAgICAgICAgICBjdXJzb3I6IGhlbHA7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmlubGluZSB7XG4gICAgICAubGFiZWwtY29udGFpbmVyIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmRpc2FibGVkIHtcbiAgICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgICAgLnByZWZpeC1pY29uLFxuICAgICAgICAuc3VmZml4LWljb24ge1xuICAgICAgICAgIHotaW5kZXg6IDE7XG4gICAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0LmRpc2FibGVkSWNvbn07XG4gICAgICAgICAgY3Vyc29yOiBub3QtYWxsb3dlZDtcbiAgICAgICAgfVxuICAgICAgfVxuICAgIH1cblxuICAgICYuZXJyb3Ige1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBib3JkZXItY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmVycm9ycy5lcnJvckJvcmRlckNvbG9yfTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLndpdGgtcHJlZml4LWljb24ge1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBwYWRkaW5nLWlubGluZS1zdGFydDogMy4ycmVtO1xuICAgICAgfVxuICAgIH1cblxuICAgICYud2l0aC1zdWZmaXgtaWNvbiB7XG4gICAgICAuaW5wdXQtd3JhcHBlciBpbnB1dCB7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogJHtjYWxjdWxhdGVQYWRkaW5nV2l0aFN1ZmZpeEljb24oKX07XG4gICAgICB9XG4gICAgfVxuXG4gICAgLmlucHV0LXdyYXBwZXIge1xuICAgICAgd2lkdGg6IDEwMCU7XG4gICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5iYWNrZ3JvdW5kfTtcbiAgICAgIHotaW5kZXg6IDE7XG4gICAgICBib3JkZXItcmFkaXVzOiA1cHg7XG5cbiAgICAgIGlucHV0IHtcbiAgICAgICAgJHtpbnB1dEJhc2VTdHlsZXMoZm9ybUVsZW1lbnRzLCB7IGJsb2NrOiB0cnVlLCBzaXplIH0pfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogdHJhbnNwYXJlbnQ7XG4gICAgICAgIHBhZGRpbmctaW5saW5lLWVuZDogJHtjYWxjdWxhdGVQYWRkaW5nV2l0aG91dFN1ZmZpeEljb24oKX07XG4gICAgICB9XG5cbiAgICAgIC5wcmVmaXgtaWNvbixcbiAgICAgIC5zdWZmaXgtaWNvbiB7XG4gICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB9XG5cbiAgICAgIC5wcmVmaXgtaWNvbiB7XG4gICAgICAgIG1hcmdpbjogMCAwLjc1cmVtO1xuICAgICAgICBjb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuaWNvbkNvbG9yfTtcbiAgICAgIH1cblxuICAgICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgICAgaW5zZXQtaW5saW5lLWVuZDogMDtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgICAgIHdpZHRoOiAzcmVtO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgIH1cblxuICAgICAgLmNsb3NlLWljb24ge1xuICAgICAgICBjdXJzb3I6IHBvaW50ZXI7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGluc2V0LWlubGluZS1lbmQ6ICR7Y2FsY3VsYXRlQ2xvc2VJY29uUG9zaXRpb24oKX07XG4gICAgICB9XG4gICAgfVxuICBgO1xufTtcblxuZXhwb3J0IGNvbnN0IHNlYXJjaElucHV0Q29udGFpbmVyID0gY3NzYFxuICB3aWR0aDogMTAwJTtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuXG4gIGlucHV0IHtcbiAgICBwYWRkaW5nLWlubGluZS1lbmQ6IDIuNXJlbTtcbiAgfVxuXG4gIC5jbGVhci1idXR0b24ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIH1cbiAgfVxuICAucHJlZml4LWljb24sXG4gIC5zdWZmaXgtaWNvbiB7XG4gICAgc3ZnIHtcbiAgICAgIGhlaWdodDogMjRweDtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */", process.env.NODE_ENV === "production" ? "" : ";label:inputContainer;")
   );
 };
 var searchInputContainer = process.env.NODE_ENV === "production" ? {
-  name: "5uyi2v",
-  styles: "width:100%;position:relative;.input-wrapper{min-width:250px;}input{padding-inline-end:2.5rem;}.clear-button{position:absolute;inset-inline-end:0;z-index:1;&:hover{background:transparent;}}.prefix-icon,.suffix-icon{svg{height:24px;}}"
+  name: "cppu2n",
+  styles: "width:100%;position:relative;input{padding-inline-end:2.5rem;}.clear-button{position:absolute;inset-inline-end:0;z-index:1;&:hover{background:transparent;}}.prefix-icon,.suffix-icon{svg{height:24px;}}"
 } : {
-  name: "g3ldtr-searchInputContainer",
-  styles: "width:100%;position:relative;.input-wrapper{min-width:250px;}input{padding-inline-end:2.5rem;}.clear-button{position:absolute;inset-inline-end:0;z-index:1;&:hover{background:transparent;}}.prefix-icon,.suffix-icon{svg{height:24px;}};label:searchInputContainer;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2S3VDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGlucHV0QmFzZVN0eWxlcywgaW5wdXRDb250YWluZXJCYXNlU3R5bGVzIH0gZnJvbSBcIi4uL3N0eWxlc1wiO1xuaW1wb3J0IHsgSW5wdXRTaXplIH0gZnJvbSBcIi4vSW5wdXRcIjtcblxuZXhwb3J0IGNvbnN0IGlucHV0Q29udGFpbmVyID0gKFxuICB7IGZvcm1FbGVtZW50cyB9OiBUaGVtZSxcbiAge1xuICAgIHNpemUsXG4gICAgaGFzSWNvbkFmdGVyLFxuICAgIGlzQ2xlYXJhYmxlLFxuICAgIHNob3dWZXJ0aWNhbExpbmUsXG4gIH06IHsgc2l6ZTogSW5wdXRTaXplOyBoYXNJY29uQWZ0ZXI6IGJvb2xlYW47IGlzQ2xlYXJhYmxlOiBib29sZWFuOyBzaG93VmVydGljYWxMaW5lOiBib29sZWFuIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgY2FsY3VsYXRlUGFkZGluZ1dpdGhTdWZmaXhJY29uID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgY2FzZSBzaG93VmVydGljYWxMaW5lICYmIGlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCI0Ljc1cmVtXCI7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgIWlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCIzLjc1cmVtXCI7XG4gICAgICBjYXNlICFzaG93VmVydGljYWxMaW5lICYmIGlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCI0LjVyZW1cIjtcbiAgICAgIGNhc2UgIXNob3dWZXJ0aWNhbExpbmUgJiYgIWlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCIzcmVtXCI7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gXCIwXCI7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGNhbGN1bGF0ZVBhZGRpbmdXaXRob3V0U3VmZml4SWNvbiA9ICgpID0+IHtcbiAgICBzd2l0Y2ggKHRydWUpIHtcbiAgICAgIGNhc2UgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjJyZW1cIjtcbiAgICAgIGNhc2UgIWlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gXCIwXCI7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGNhbGN1bGF0ZUNsb3NlSWNvblBvc2l0aW9uID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgY2FzZSBzaG93VmVydGljYWxMaW5lICYmIGhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiMy41cmVtXCI7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgIWhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiMC43NXJlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiBoYXNJY29uQWZ0ZXI6XG4gICAgICAgIHJldHVybiBcIjNyZW1cIjtcbiAgICAgIGNhc2UgIXNob3dWZXJ0aWNhbExpbmUgJiYgIWhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiMC43NXJlbVwiO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIFwiMFwiO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gY3NzYFxuICAgICR7aW5wdXRDb250YWluZXJCYXNlU3R5bGVzKHsgYmxvY2s6IHRydWUgfSl9O1xuXG4gICAgLnZlcnRpY2FsLWxpbmUge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC52ZXJ0aWNhbExpbmVDb2xvcn07XG4gICAgICB0b3A6IDA7XG4gICAgICBpbnNldC1pbmxpbmUtZW5kOiAzcmVtO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgIC5sYWJlbC1jb250YWluZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBnYXA6IDAuMjVyZW07XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjVyZW07XG5cbiAgICAgIGxhYmVsIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cblxuICAgICAgZGl2IHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICB9XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5pbmZvVG9vbHRpcENvbG9yfTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY3Vyc29yOiBoZWxwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5pbmxpbmUge1xuICAgICAgLmxhYmVsLWNvbnRhaW5lciB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5kaXNhYmxlZCB7XG4gICAgICAuaW5wdXQtd3JhcHBlciB7XG4gICAgICAgIC5wcmVmaXgtaWNvbixcbiAgICAgICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5kaXNhYmxlZEljb259O1xuICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmVycm9yIHtcbiAgICAgIC5pbnB1dC13cmFwcGVyIGlucHV0IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5lcnJvcnMuZXJyb3JCb3JkZXJDb2xvcn07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi53aXRoLXByZWZpeC1pY29uIHtcbiAgICAgIC5pbnB1dC13cmFwcGVyIGlucHV0IHtcbiAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDMuMnJlbTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLndpdGgtc3VmZml4LWljb24ge1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBwYWRkaW5nLWlubGluZS1lbmQ6ICR7Y2FsY3VsYXRlUGFkZGluZ1dpdGhTdWZmaXhJY29uKCl9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gICAgICB6LWluZGV4OiAxO1xuICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICAgICBpbnB1dCB7XG4gICAgICAgICR7aW5wdXRCYXNlU3R5bGVzKGZvcm1FbGVtZW50cywgeyBibG9jazogdHJ1ZSwgc2l6ZSB9KX07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICBwYWRkaW5nLWlubGluZS1lbmQ6ICR7Y2FsY3VsYXRlUGFkZGluZ1dpdGhvdXRTdWZmaXhJY29uKCl9O1xuICAgICAgfVxuXG4gICAgICAucHJlZml4LWljb24sXG4gICAgICAuc3VmZml4LWljb24ge1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgfVxuXG4gICAgICAucHJlZml4LWljb24ge1xuICAgICAgICBtYXJnaW46IDAgMC43NXJlbTtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgICB9XG5cbiAgICAgIC5zdWZmaXgtaWNvbiB7XG4gICAgICAgIGluc2V0LWlubGluZS1lbmQ6IDA7XG4gICAgICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5pY29uQ29sb3J9O1xuICAgICAgICB3aWR0aDogM3JlbTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICB9XG5cbiAgICAgIC5jbG9zZS1pY29uIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBpbnNldC1pbmxpbmUtZW5kOiAke2NhbGN1bGF0ZUNsb3NlSWNvblBvc2l0aW9uKCl9O1xuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBzZWFyY2hJbnB1dENvbnRhaW5lciA9IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICAuaW5wdXQtd3JhcHBlciB7XG4gICAgbWluLXdpZHRoOiAyNTBweDtcbiAgfVxuXG4gIGlucHV0IHtcbiAgICBwYWRkaW5nLWlubGluZS1lbmQ6IDIuNXJlbTtcbiAgfVxuXG4gIC5jbGVhci1idXR0b24ge1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBpbnNldC1pbmxpbmUtZW5kOiAwO1xuICAgIHotaW5kZXg6IDE7XG5cbiAgICAmOmhvdmVyIHtcbiAgICAgIGJhY2tncm91bmQ6IHRyYW5zcGFyZW50O1xuICAgIH1cbiAgfVxuICAucHJlZml4LWljb24sXG4gIC5zdWZmaXgtaWNvbiB7XG4gICAgc3ZnIHtcbiAgICAgIGhlaWdodDogMjRweDtcbiAgICB9XG4gIH1cbmA7XG4iXX0= */",
+  name: "nhgd2f-searchInputContainer",
+  styles: "width:100%;position:relative;input{padding-inline-end:2.5rem;}.clear-button{position:absolute;inset-inline-end:0;z-index:1;&:hover{background:transparent;}}.prefix-icon,.suffix-icon{svg{height:24px;}};label:searchInputContainer;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInN0eWxlcy50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUE2S3VDIiwiZmlsZSI6InN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgVGhlbWUsIFNlcmlhbGl6ZWRTdHlsZXMgfSBmcm9tIFwiQGVtb3Rpb24vcmVhY3RcIjtcbmltcG9ydCB7IGlucHV0QmFzZVN0eWxlcywgaW5wdXRDb250YWluZXJCYXNlU3R5bGVzIH0gZnJvbSBcIi4uL3N0eWxlc1wiO1xuaW1wb3J0IHsgSW5wdXRTaXplIH0gZnJvbSBcIi4vSW5wdXRcIjtcblxuZXhwb3J0IGNvbnN0IGlucHV0Q29udGFpbmVyID0gKFxuICB7IGZvcm1FbGVtZW50cyB9OiBUaGVtZSxcbiAge1xuICAgIHNpemUsXG4gICAgaGFzSWNvbkFmdGVyLFxuICAgIGlzQ2xlYXJhYmxlLFxuICAgIHNob3dWZXJ0aWNhbExpbmUsXG4gIH06IHsgc2l6ZTogSW5wdXRTaXplOyBoYXNJY29uQWZ0ZXI6IGJvb2xlYW47IGlzQ2xlYXJhYmxlOiBib29sZWFuOyBzaG93VmVydGljYWxMaW5lOiBib29sZWFuIH0sXG4pOiBTZXJpYWxpemVkU3R5bGVzID0+IHtcbiAgY29uc3QgY2FsY3VsYXRlUGFkZGluZ1dpdGhTdWZmaXhJY29uID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgY2FzZSBzaG93VmVydGljYWxMaW5lICYmIGlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCI0Ljc1cmVtXCI7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgIWlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCIzLjc1cmVtXCI7XG4gICAgICBjYXNlICFzaG93VmVydGljYWxMaW5lICYmIGlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCI0LjVyZW1cIjtcbiAgICAgIGNhc2UgIXNob3dWZXJ0aWNhbExpbmUgJiYgIWlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCIzcmVtXCI7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gXCIwXCI7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGNhbGN1bGF0ZVBhZGRpbmdXaXRob3V0U3VmZml4SWNvbiA9ICgpID0+IHtcbiAgICBzd2l0Y2ggKHRydWUpIHtcbiAgICAgIGNhc2UgaXNDbGVhcmFibGU6XG4gICAgICAgIHJldHVybiBcIjJyZW1cIjtcbiAgICAgIGNhc2UgIWlzQ2xlYXJhYmxlOlxuICAgICAgICByZXR1cm4gXCIwLjc1cmVtXCI7XG4gICAgICBkZWZhdWx0OlxuICAgICAgICByZXR1cm4gXCIwXCI7XG4gICAgfVxuICB9O1xuXG4gIGNvbnN0IGNhbGN1bGF0ZUNsb3NlSWNvblBvc2l0aW9uID0gKCkgPT4ge1xuICAgIHN3aXRjaCAodHJ1ZSkge1xuICAgICAgY2FzZSBzaG93VmVydGljYWxMaW5lICYmIGhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiMy41cmVtXCI7XG4gICAgICBjYXNlIHNob3dWZXJ0aWNhbExpbmUgJiYgIWhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiMC43NXJlbVwiO1xuICAgICAgY2FzZSAhc2hvd1ZlcnRpY2FsTGluZSAmJiBoYXNJY29uQWZ0ZXI6XG4gICAgICAgIHJldHVybiBcIjNyZW1cIjtcbiAgICAgIGNhc2UgIXNob3dWZXJ0aWNhbExpbmUgJiYgIWhhc0ljb25BZnRlcjpcbiAgICAgICAgcmV0dXJuIFwiMC43NXJlbVwiO1xuICAgICAgZGVmYXVsdDpcbiAgICAgICAgcmV0dXJuIFwiMFwiO1xuICAgIH1cbiAgfTtcblxuICByZXR1cm4gY3NzYFxuICAgICR7aW5wdXRDb250YWluZXJCYXNlU3R5bGVzKHsgYmxvY2s6IHRydWUgfSl9O1xuXG4gICAgLnZlcnRpY2FsLWxpbmUge1xuICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgYm9yZGVyLWxlZnQ6IDFweCBzb2xpZCAke2Zvcm1FbGVtZW50cy5pbnB1dC52ZXJ0aWNhbExpbmVDb2xvcn07XG4gICAgICB0b3A6IDA7XG4gICAgICBpbnNldC1pbmxpbmUtZW5kOiAzcmVtO1xuICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgIH1cblxuICAgIC5sYWJlbC1jb250YWluZXIge1xuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGp1c3RpZnktY29udGVudDogZmxleC1zdGFydDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBnYXA6IDAuMjVyZW07XG4gICAgICBtYXJnaW4tYm90dG9tOiAwLjVyZW07XG5cbiAgICAgIGxhYmVsIHtcbiAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgIH1cblxuICAgICAgZGl2IHtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICB9XG5cbiAgICAgIHN2ZyB7XG4gICAgICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5pbmZvVG9vbHRpcENvbG9yfTtcbiAgICAgICAgJjpob3ZlciB7XG4gICAgICAgICAgY3Vyc29yOiBoZWxwO1xuICAgICAgICB9XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5pbmxpbmUge1xuICAgICAgLmxhYmVsLWNvbnRhaW5lciB7XG4gICAgICAgIG1hcmdpbi1ib3R0b206IDA7XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi5kaXNhYmxlZCB7XG4gICAgICAuaW5wdXQtd3JhcHBlciB7XG4gICAgICAgIC5wcmVmaXgtaWNvbixcbiAgICAgICAgLnN1ZmZpeC1pY29uIHtcbiAgICAgICAgICB6LWluZGV4OiAxO1xuICAgICAgICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5kaXNhYmxlZEljb259O1xuICAgICAgICAgIGN1cnNvcjogbm90LWFsbG93ZWQ7XG4gICAgICAgIH1cbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLmVycm9yIHtcbiAgICAgIC5pbnB1dC13cmFwcGVyIGlucHV0IHtcbiAgICAgICAgYm9yZGVyLWNvbG9yOiAke2Zvcm1FbGVtZW50cy5lcnJvcnMuZXJyb3JCb3JkZXJDb2xvcn07XG4gICAgICB9XG4gICAgfVxuXG4gICAgJi53aXRoLXByZWZpeC1pY29uIHtcbiAgICAgIC5pbnB1dC13cmFwcGVyIGlucHV0IHtcbiAgICAgICAgcGFkZGluZy1pbmxpbmUtc3RhcnQ6IDMuMnJlbTtcbiAgICAgIH1cbiAgICB9XG5cbiAgICAmLndpdGgtc3VmZml4LWljb24ge1xuICAgICAgLmlucHV0LXdyYXBwZXIgaW5wdXQge1xuICAgICAgICBwYWRkaW5nLWlubGluZS1lbmQ6ICR7Y2FsY3VsYXRlUGFkZGluZ1dpdGhTdWZmaXhJY29uKCl9O1xuICAgICAgfVxuICAgIH1cblxuICAgIC5pbnB1dC13cmFwcGVyIHtcbiAgICAgIHdpZHRoOiAxMDAlO1xuICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtmb3JtRWxlbWVudHMuaW5wdXQuYmFja2dyb3VuZH07XG4gICAgICB6LWluZGV4OiAxO1xuICAgICAgYm9yZGVyLXJhZGl1czogNXB4O1xuXG4gICAgICBpbnB1dCB7XG4gICAgICAgICR7aW5wdXRCYXNlU3R5bGVzKGZvcm1FbGVtZW50cywgeyBibG9jazogdHJ1ZSwgc2l6ZSB9KX07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6IHRyYW5zcGFyZW50O1xuICAgICAgICBwYWRkaW5nLWlubGluZS1lbmQ6ICR7Y2FsY3VsYXRlUGFkZGluZ1dpdGhvdXRTdWZmaXhJY29uKCl9O1xuICAgICAgfVxuXG4gICAgICAucHJlZml4LWljb24sXG4gICAgICAuc3VmZml4LWljb24ge1xuICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgfVxuXG4gICAgICAucHJlZml4LWljb24ge1xuICAgICAgICBtYXJnaW46IDAgMC43NXJlbTtcbiAgICAgICAgY29sb3I6ICR7Zm9ybUVsZW1lbnRzLmlucHV0Lmljb25Db2xvcn07XG4gICAgICB9XG5cbiAgICAgIC5zdWZmaXgtaWNvbiB7XG4gICAgICAgIGluc2V0LWlubGluZS1lbmQ6IDA7XG4gICAgICAgIGNvbG9yOiAke2Zvcm1FbGVtZW50cy5pbnB1dC5pY29uQ29sb3J9O1xuICAgICAgICB3aWR0aDogM3JlbTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICB9XG5cbiAgICAgIC5jbG9zZS1pY29uIHtcbiAgICAgICAgY3Vyc29yOiBwb2ludGVyO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBpbnNldC1pbmxpbmUtZW5kOiAke2NhbGN1bGF0ZUNsb3NlSWNvblBvc2l0aW9uKCl9O1xuICAgICAgfVxuICAgIH1cbiAgYDtcbn07XG5cbmV4cG9ydCBjb25zdCBzZWFyY2hJbnB1dENvbnRhaW5lciA9IGNzc2BcbiAgd2lkdGg6IDEwMCU7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcblxuICBpbnB1dCB7XG4gICAgcGFkZGluZy1pbmxpbmUtZW5kOiAyLjVyZW07XG4gIH1cblxuICAuY2xlYXItYnV0dG9uIHtcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgaW5zZXQtaW5saW5lLWVuZDogMDtcbiAgICB6LWluZGV4OiAxO1xuXG4gICAgJjpob3ZlciB7XG4gICAgICBiYWNrZ3JvdW5kOiB0cmFuc3BhcmVudDtcbiAgICB9XG4gIH1cbiAgLnByZWZpeC1pY29uLFxuICAuc3VmZml4LWljb24ge1xuICAgIHN2ZyB7XG4gICAgICBoZWlnaHQ6IDI0cHg7XG4gICAgfVxuICB9XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 

package/dist/esm/src/components/FormElements/Input/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Input/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { InputSize } from \"./Input\";\n\nexport const inputContainer = (\n  { formElements }: Theme,\n  {\n    size,\n    hasIconAfter,\n    isClearable,\n    showVerticalLine,\n  }: { size: InputSize; hasIconAfter: boolean; isClearable: boolean; showVerticalLine: boolean },\n): SerializedStyles => {\n  const calculatePaddingWithSuffixIcon = () => {\n    switch (true) {\n      case showVerticalLine && isClearable:\n        return \"4.75rem\";\n      case showVerticalLine && !isClearable:\n        return \"3.75rem\";\n      case !showVerticalLine && isClearable:\n        return \"4.5rem\";\n      case !showVerticalLine && !isClearable:\n        return \"3rem\";\n      default:\n        return \"0\";\n    }\n  };\n\n  const calculatePaddingWithoutSuffixIcon = () => {\n    switch (true) {\n      case isClearable:\n        return \"2rem\";\n      case !isClearable:\n        return \"0.75rem\";\n      default:\n        return \"0\";\n    }\n  };\n\n  const calculateCloseIconPosition = () => {\n    switch (true) {\n      case showVerticalLine && hasIconAfter:\n        return \"3.5rem\";\n      case showVerticalLine && !hasIconAfter:\n        return \"0.75rem\";\n      case !showVerticalLine && hasIconAfter:\n        return \"3rem\";\n      case !showVerticalLine && !hasIconAfter:\n        return \"0.75rem\";\n      default:\n        return \"0\";\n    }\n  };\n\n  return css`\n    ${inputContainerBaseStyles({ block: true })};\n\n    .vertical-line {\n      position: absolute;\n      border-left: 1px solid ${formElements.input.verticalLineColor};\n      top: 0;\n      inset-inline-end: 3rem;\n      height: 100%;\n    }\n\n    .label-container {\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      gap: 0.25rem;\n      margin-bottom: 0.5rem;\n\n      label {\n        margin-bottom: 0;\n      }\n\n      div {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      svg {\n        color: ${formElements.input.infoTooltipColor};\n        &:hover {\n          cursor: help;\n        }\n      }\n    }\n\n    &.inline {\n      .label-container {\n        margin-bottom: 0;\n      }\n    }\n\n    &.disabled {\n      .input-wrapper {\n        .prefix-icon,\n        .suffix-icon {\n          z-index: 1;\n          color: ${formElements.input.disabledIcon};\n          cursor: not-allowed;\n        }\n      }\n    }\n\n    &.error {\n      .input-wrapper input {\n        border-color: ${formElements.errors.errorBorderColor};\n      }\n    }\n\n    &.with-prefix-icon {\n      .input-wrapper input {\n        padding-inline-start: 3.2rem;\n      }\n    }\n\n    &.with-suffix-icon {\n      .input-wrapper input {\n        padding-inline-end: ${calculatePaddingWithSuffixIcon()};\n      }\n    }\n\n    .input-wrapper {\n      width: 100%;\n      position: relative;\n      background-color: ${formElements.input.background};\n      z-index: 1;\n      border-radius: 5px;\n\n      input {\n        ${inputBaseStyles(formElements, { block: true, size })};\n        background-color: transparent;\n        padding-inline-end: ${calculatePaddingWithoutSuffixIcon()};\n      }\n\n      .prefix-icon,\n      .suffix-icon {\n        height: 100%;\n        position: absolute;\n        bottom: 0;\n        display: flex;\n        align-items: center;\n      }\n\n      .prefix-icon {\n        margin: 0 0.75rem;\n        color: ${formElements.input.iconColor};\n      }\n\n      .suffix-icon {\n        inset-inline-end: 0;\n        color: ${formElements.input.iconColor};\n        width: 3rem;\n        display: flex;\n        justify-content: center;\n      }\n\n      .close-icon {\n        cursor: pointer;\n        position: absolute;\n        top: 0;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        inset-inline-end: ${calculateCloseIconPosition()};\n      }\n    }\n  `;\n};\n\nexport const searchInputContainer = css`\n  width: 100%;\n  position: relative;\n\n  .input-wrapper {\n    min-width: 250px;\n  }\n\n  input {\n    padding-inline-end: 2.5rem;\n  }\n\n  .clear-button {\n    position: absolute;\n    inset-inline-end: 0;\n    z-index: 1;\n\n    &:hover {\n      background: transparent;\n    }\n  }\n  .prefix-icon,\n  .suffix-icon {\n    svg {\n      height: 24px;\n    }\n  }\n`;\n"],"names":["inputContainer","formElements","size","hasIconAfter","isClearable","showVerticalLine","calculatePaddingWithSuffixIcon","calculatePaddingWithoutSuffixIcon","calculateCloseIconPosition","css","inputContainerBaseStyles","block","input","verticalLineColor","infoTooltipColor","disabledIcon","errors","errorBorderColor","background","inputBaseStyles","iconColor","searchInputContainer"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../../../src/components/FormElements/Input/styles.ts"],"sourcesContent":["import { css, Theme, SerializedStyles } from \"@emotion/react\";\nimport { inputBaseStyles, inputContainerBaseStyles } from \"../styles\";\nimport { InputSize } from \"./Input\";\n\nexport const inputContainer = (\n  { formElements }: Theme,\n  {\n    size,\n    hasIconAfter,\n    isClearable,\n    showVerticalLine,\n  }: { size: InputSize; hasIconAfter: boolean; isClearable: boolean; showVerticalLine: boolean },\n): SerializedStyles => {\n  const calculatePaddingWithSuffixIcon = () => {\n    switch (true) {\n      case showVerticalLine && isClearable:\n        return \"4.75rem\";\n      case showVerticalLine && !isClearable:\n        return \"3.75rem\";\n      case !showVerticalLine && isClearable:\n        return \"4.5rem\";\n      case !showVerticalLine && !isClearable:\n        return \"3rem\";\n      default:\n        return \"0\";\n    }\n  };\n\n  const calculatePaddingWithoutSuffixIcon = () => {\n    switch (true) {\n      case isClearable:\n        return \"2rem\";\n      case !isClearable:\n        return \"0.75rem\";\n      default:\n        return \"0\";\n    }\n  };\n\n  const calculateCloseIconPosition = () => {\n    switch (true) {\n      case showVerticalLine && hasIconAfter:\n        return \"3.5rem\";\n      case showVerticalLine && !hasIconAfter:\n        return \"0.75rem\";\n      case !showVerticalLine && hasIconAfter:\n        return \"3rem\";\n      case !showVerticalLine && !hasIconAfter:\n        return \"0.75rem\";\n      default:\n        return \"0\";\n    }\n  };\n\n  return css`\n    ${inputContainerBaseStyles({ block: true })};\n\n    .vertical-line {\n      position: absolute;\n      border-left: 1px solid ${formElements.input.verticalLineColor};\n      top: 0;\n      inset-inline-end: 3rem;\n      height: 100%;\n    }\n\n    .label-container {\n      display: flex;\n      justify-content: flex-start;\n      align-items: center;\n      gap: 0.25rem;\n      margin-bottom: 0.5rem;\n\n      label {\n        margin-bottom: 0;\n      }\n\n      div {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n      }\n\n      svg {\n        color: ${formElements.input.infoTooltipColor};\n        &:hover {\n          cursor: help;\n        }\n      }\n    }\n\n    &.inline {\n      .label-container {\n        margin-bottom: 0;\n      }\n    }\n\n    &.disabled {\n      .input-wrapper {\n        .prefix-icon,\n        .suffix-icon {\n          z-index: 1;\n          color: ${formElements.input.disabledIcon};\n          cursor: not-allowed;\n        }\n      }\n    }\n\n    &.error {\n      .input-wrapper input {\n        border-color: ${formElements.errors.errorBorderColor};\n      }\n    }\n\n    &.with-prefix-icon {\n      .input-wrapper input {\n        padding-inline-start: 3.2rem;\n      }\n    }\n\n    &.with-suffix-icon {\n      .input-wrapper input {\n        padding-inline-end: ${calculatePaddingWithSuffixIcon()};\n      }\n    }\n\n    .input-wrapper {\n      width: 100%;\n      position: relative;\n      background-color: ${formElements.input.background};\n      z-index: 1;\n      border-radius: 5px;\n\n      input {\n        ${inputBaseStyles(formElements, { block: true, size })};\n        background-color: transparent;\n        padding-inline-end: ${calculatePaddingWithoutSuffixIcon()};\n      }\n\n      .prefix-icon,\n      .suffix-icon {\n        height: 100%;\n        position: absolute;\n        bottom: 0;\n        display: flex;\n        align-items: center;\n      }\n\n      .prefix-icon {\n        margin: 0 0.75rem;\n        color: ${formElements.input.iconColor};\n      }\n\n      .suffix-icon {\n        inset-inline-end: 0;\n        color: ${formElements.input.iconColor};\n        width: 3rem;\n        display: flex;\n        justify-content: center;\n      }\n\n      .close-icon {\n        cursor: pointer;\n        position: absolute;\n        top: 0;\n        height: 100%;\n        display: flex;\n        align-items: center;\n        inset-inline-end: ${calculateCloseIconPosition()};\n      }\n    }\n  `;\n};\n\nexport const searchInputContainer = css`\n  width: 100%;\n  position: relative;\n\n  input {\n    padding-inline-end: 2.5rem;\n  }\n\n  .clear-button {\n    position: absolute;\n    inset-inline-end: 0;\n    z-index: 1;\n\n    &:hover {\n      background: transparent;\n    }\n  }\n  .prefix-icon,\n  .suffix-icon {\n    svg {\n      height: 24px;\n    }\n  }\n`;\n"],"names":["inputContainer","formElements","size","hasIconAfter","isClearable","showVerticalLine","calculatePaddingWithSuffixIcon","calculatePaddingWithoutSuffixIcon","calculateCloseIconPosition","css","inputContainerBaseStyles","block","input","verticalLineColor","infoTooltipColor","disabledIcon","errors","errorBorderColor","background","inputBaseStyles","iconColor","searchInputContainer"],"mappings":"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"}

package/dist/esm/src/components/FormElements/InputError/InputError.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.4
+   * @epignosis_llc/gnosis.js v5.0.6
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/InputError/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.4
+   * @epignosis_llc/gnosis.js v5.0.6
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Label/Label.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.4
+   * @epignosis_llc/gnosis.js v5.0.6
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Label/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.4
+   * @epignosis_llc/gnosis.js v5.0.6
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButton.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.4
+   * @epignosis_llc/gnosis.js v5.0.6
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioButtonGroup/RadioButtonGroup.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.4
+   * @epignosis_llc/gnosis.js v5.0.6
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioButtonGroup/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.4
+   * @epignosis_llc/gnosis.js v5.0.6
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioGroup/Radio.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.4
+   * @epignosis_llc/gnosis.js v5.0.6
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioGroup/RadioGroup.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.4
+   * @epignosis_llc/gnosis.js v5.0.6
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/RadioGroup/styles.js

@@ -2,7 +2,7 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.4
+   * @epignosis_llc/gnosis.js v5.0.6
    * Released under the MIT license.
    */
 

package/dist/esm/src/components/FormElements/Select/Select.js

@@ -2,63 +2,214 @@
   /**
    * @license
    * author: epignosis front-end team
-   * @epignosis_llc/gnosis.js v5.0.4
+   * @epignosis_llc/gnosis.js v5.0.6
    * Released under the MIT license.
    */
 
-import { objectWithoutProperties as _objectWithoutProperties, defineProperty as _defineProperty, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import { forwardRef } from 'react';
+import { objectWithoutProperties as _objectWithoutProperties, slicedToArray as _slicedToArray, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
+import { forwardRef, useRef, useState } from 'react';
+import StateManagedSelect$1 from '../../../../node_modules/react-select/dist/react-select.esm.js';
+import useClickAway from '../../../../node_modules/ahooks/es/useClickAway/index.js';
 import classNames from '../../../../node_modules/classnames/index.js';
 import Label from '../Label/Label.js';
+import CustomValueContainer from './components/CustomValueContainer.js';
 import { selectContainer } from './styles.js';
+import CustomMenuList from './components/CustomMenuList.js';
+import '../../../theme/default/colors.js';
+import '../../../theme/default/config/card.js';
+import formElements from '../../../theme/default/config/formElements.js';
+import '../../../theme/default/config/table.js';
+import '../../../theme/default/config/pagination.js';
 import { createElement as jsx } from '../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
 
-var _excluded = ["id", "status", "size", "label", "inline", "onChange", "children", "containerAttrs", "dir"];
+var _excluded = ["id", "label", "options", "size", "inline", "status", "maxMenuHeight", "hasInnerSearch", "innerPlaceholder", "placeholder", "onChange"];
+var MAX_MENU_HEIGHT = 300;
+var OUTER_PLACEHOLDER = "Select...";
+var INNER_PLACEHOLDER = "Search...";
+var containerClassNames = function containerClassNames(status, size) {
+  var _classNames;
+  return classNames((_classNames = {}, _defineProperty(_classNames, "control-".concat(size), true), _defineProperty(_classNames, "valid", status === "valid"), _defineProperty(_classNames, "error", status === "error"), _classNames));
+};
 var Select = function Select(props, forwardedRef) {
-  var _containerAttrs$class;
   var _props$id = props.id,
     id = _props$id === void 0 ? "" : _props$id,
-    _props$status = props.status,
-    status = _props$status === void 0 ? "valid" : _props$status,
+    label = props.label,
+    _props$options = props.options,
+    options = _props$options === void 0 ? [] : _props$options,
     _props$size = props.size,
     size = _props$size === void 0 ? "md" : _props$size,
-    label = props.label,
     _props$inline = props.inline,
     inline = _props$inline === void 0 ? false : _props$inline,
-    onChange = props.onChange,
-    children = props.children,
-    containerAttrs = props.containerAttrs,
-    _props$dir = props.dir,
-    dir = _props$dir === void 0 ? "ltr" : _props$dir,
+    _props$status = props.status,
+    status = _props$status === void 0 ? "valid" : _props$status,
+    _props$maxMenuHeight = props.maxMenuHeight,
+    maxMenuHeight = _props$maxMenuHeight === void 0 ? MAX_MENU_HEIGHT : _props$maxMenuHeight,
+    _props$hasInnerSearch = props.hasInnerSearch,
+    hasInnerSearch = _props$hasInnerSearch === void 0 ? false : _props$hasInnerSearch,
+    _props$innerPlacehold = props.innerPlaceholder,
+    innerPlaceholder = _props$innerPlacehold === void 0 ? INNER_PLACEHOLDER : _props$innerPlacehold,
+    _props$placeholder = props.placeholder,
+    outerPlaceholder = _props$placeholder === void 0 ? OUTER_PLACEHOLDER : _props$placeholder,
+    _onChange = props.onChange,
     rest = _objectWithoutProperties(props, _excluded);
   var hasLabel = Boolean(label);
-  var containerClassNames = classNames(_defineProperty({
-    valid: status === "valid",
-    error: status === "error",
-    inline: hasLabel && inline,
-    disabled: Boolean(rest === null || rest === void 0 ? void 0 : rest.disabled)
-  }, (_containerAttrs$class = containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className) !== null && _containerAttrs$class !== void 0 ? _containerAttrs$class : "", Boolean(containerAttrs === null || containerAttrs === void 0 ? void 0 : containerAttrs.className)));
-  return jsx("div", _extends({
+  var containerRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isFocused = _useState2[0],
+    setIsFocused = _useState2[1];
+  var _useState3 = useState(""),
+    _useState4 = _slicedToArray(_useState3, 2),
+    inputValue = _useState4[0],
+    setInputValue = _useState4[1];
+  var styles = {
+    placeholder: function placeholder(base, _ref) {
+      var isDisabled = _ref.isDisabled;
+      return _objectSpread2(_objectSpread2({}, base), {}, {
+        fontStyle: "italic",
+        color: isDisabled ? formElements.input.disabledColor : formElements.input.placeholderColor
+      });
+    },
+    dropdownIndicator: function dropdownIndicator(base, _ref2) {
+      var selectProps = _ref2.selectProps;
+      return _objectSpread2(_objectSpread2({}, base), {}, {
+        transform: selectProps.menuIsOpen ? "rotate(-180deg)" : "rotate(0)",
+        transition: "all .2s ease",
+        color: selectProps.isDisabled ? base.color : formElements.input.iconColor,
+        "&:hover": {
+          color: formElements.input.iconHoverColor,
+          cursor: "pointer"
+        }
+      });
+    },
+    clearIndicator: function clearIndicator(base, _ref3) {
+      var selectProps = _ref3.selectProps;
+      return _objectSpread2(_objectSpread2({}, base), {}, {
+        color: selectProps.isDisabled ? base.color : formElements.input.iconColor,
+        "&:hover": {
+          color: formElements.input.iconHoverColor,
+          cursor: "pointer"
+        }
+      });
+    },
+    control: function control(base, _ref4) {
+      var isFocused = _ref4.isFocused,
+        isDisabled = _ref4.isDisabled;
+      var border = isDisabled ? "1px solid ".concat(formElements.input.disabledBorder) : isFocused ? "1px solid ".concat(formElements.input.borderFocusColor) : // default case, set border equal to the background color to avoid pixel shift
+      "1px solid ".concat(formElements.input.background);
+      var backgroundColor = isDisabled ? formElements.input.disabledBackground : isFocused ? formElements.input.backgroundFocus : formElements.input.background;
+      return _objectSpread2(_objectSpread2({}, base), {}, {
+        border: border,
+        backgroundColor: backgroundColor,
+        boxShadow: "none",
+        borderRadius: "5px",
+        "&:hover": {
+          border: "1px solid ".concat(formElements.input.borderHoverColor)
+        },
+        color: !isDisabled ? base.color : formElements.input.disabledColor
+      });
+    },
+    multiValueLabel: function multiValueLabel(base, _ref5) {
+      var isDisabled = _ref5.isDisabled;
+      return _objectSpread2(_objectSpread2({}, base), {}, {
+        color: !isDisabled ? base.color : formElements.input.disabledColor
+      });
+    },
+    multiValueRemove: function multiValueRemove(base) {
+      return _objectSpread2(_objectSpread2({}, base), {}, {
+        ":hover": {
+          cursor: "pointer",
+          color: formElements.input.iconHoverColor
+        }
+      });
+    },
+    option: function option(base, _ref6) {
+      var isSelected = _ref6.isSelected;
+      return _objectSpread2(_objectSpread2({}, base), {}, {
+        backgroundColor: isSelected ? formElements.input.borderFocus : base.color,
+        "&:hover": {
+          backgroundColor: !isSelected ? formElements.input.hoverColor : formElements.input.borderFocus
+        }
+      });
+    }
+  };
+  useClickAway(function (e) {
+    // Ignore clicks on the close icon, can be one of the three following:
+    var _ref7 = e.target,
+      nodeName = _ref7.nodeName,
+      className = _ref7.className;
+    var isSvg = nodeName === "svg";
+    var isPath = nodeName === "path";
+    var isCloseIcon = className === "close-icon";
+    if (isSvg || isPath || isCloseIcon) return;
+    setIsFocused(false);
+    setInputValue("");
+  }, [containerRef]);
+  return jsx("div", {
     css: function css(theme) {
       return selectContainer(theme, {
         size: size,
-        dir: dir
+        inline: inline
       });
     }
-  }, containerAttrs, {
-    className: containerClassNames
-  }), hasLabel && jsx(Label, {
+  }, hasLabel && jsx(Label, {
     htmlFor: id,
     "aria-labelledby": id
   }, label), jsx("div", {
-    className: "select-input-wrapper"
-  }, jsx("select", _extends({
-    ref: forwardedRef,
-    onChange: onChange && function (e) {
-      return onChange(e.target.value);
+    className: "select-input-wrapper",
+    "data-testid": "custom-react-select",
+    ref: containerRef
+  }, jsx(StateManagedSelect$1, _extends({}, rest, {
+    ref: forwardedRef
+    // react-select props
+    ,
+    blurInputOnSelect: true,
+    classNames: {
+      control: function control() {
+        return containerClassNames(status, size);
+      },
+      option: function option() {
+        return "option-".concat(size);
+      }
     },
-    id: id
-  }, rest), children)));
+    components: {
+      IndicatorSeparator: function IndicatorSeparator() {
+        return null;
+      },
+      MenuList: CustomMenuList,
+      ValueContainer: function ValueContainer(props) {
+        return CustomValueContainer(_objectSpread2(_objectSpread2({}, props), {}, {
+          isFocused: isFocused
+        }));
+      }
+    },
+    isSearchable: false,
+    maxMenuHeight: maxMenuHeight,
+    menuIsOpen: isFocused || undefined,
+    options: options,
+    placeholder: outerPlaceholder,
+    styles: styles,
+    inputValue: inputValue
+    // custom props
+    ,
+
+    onMenuInputFocus: function onMenuInputFocus() {
+      return setIsFocused(true);
+    },
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    },
+    innerPlaceholder: innerPlaceholder,
+    hasInnerSearch: hasInnerSearch,
+    // events
+    onChange: function onChange(option, action) {
+      setIsFocused(false);
+      _onChange && _onChange(option, action);
+    },
+    onInputChange: function onInputChange(val) {
+      return setInputValue(val);
+    }
+  }))));
 };
 var Select$1 = /*#__PURE__*/forwardRef(Select);
 

package/dist/esm/src/components/FormElements/Select/Select.js.map

@@ -1 +1 @@
-{"version":3,"file":"Select.js","sources":["../../../../../../src/components/FormElements/Select/Select.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefRenderFunction } from \"react\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport classNames from \"classnames\";\nimport Label from \"../Label/Label\";\nimport { selectContainer } from \"./styles\";\nimport { ExtendableProps } from \"types/common\";\n\nexport type SelectProps = ExtendableProps<\n  React.SelectHTMLAttributes<HTMLSelectElement>,\n  {\n    status?: \"valid\" | \"error\";\n    size?: \"sm\" | \"md\" | \"lg\";\n    label?: string;\n    inline?: boolean;\n    onChange?: (selectedValue: string) => void;\n    containerAttrs?: React.HTMLAttributes<HTMLDivElement>;\n  }\n>;\n\nconst Select: ForwardRefRenderFunction<HTMLSelectElement, SelectProps> = (props, forwardedRef) => {\n  const {\n    id = \"\",\n    status = \"valid\",\n    size = \"md\",\n    label,\n    inline = false,\n    onChange,\n    children,\n    containerAttrs,\n    dir = \"ltr\",\n    ...rest\n  } = props;\n  const hasLabel = Boolean(label);\n  const containerClassNames = classNames({\n    valid: status === \"valid\",\n    error: status === \"error\",\n    inline: hasLabel && inline,\n    disabled: Boolean(rest?.disabled),\n    [containerAttrs?.className ?? \"\"]: Boolean(containerAttrs?.className),\n  });\n\n  return (\n    <div\n      css={(theme): SerializedStyles => selectContainer(theme, { size, dir })}\n      {...containerAttrs}\n      className={containerClassNames}\n    >\n      {hasLabel && (\n        <Label htmlFor={id} aria-labelledby={id}>\n          {label}\n        </Label>\n      )}\n      <div className=\"select-input-wrapper\">\n        <select\n          ref={forwardedRef}\n          onChange={onChange && ((e): void => onChange(e.target.value))}\n          id={id}\n          {...rest}\n        >\n          {children}\n        </select>\n      </div>\n    </div>\n  );\n};\n\nexport default forwardRef(Select);\n"],"names":["Select","props","forwardedRef","id","status","size","label","inline","onChange","children","containerAttrs","dir","rest","hasLabel","Boolean","containerClassNames","classNames","valid","error","disabled","className","___EmotionJSX","theme","selectContainer","e","target","value","forwardRef"],"mappings":";;;;;;;;;;;;;;;;AAmBA,IAAMA,MAAgE,GAAG,SAAnEA,MAAgE,CAAIC,KAAK,EAAEC,YAAY,EAAK;AAAA,EAAA,IAAA,qBAAA,CAAA;EAChG,IAWID,SAAAA,GAAAA,KAAK,CAVPE,EAAE;AAAFA,IAAAA,EAAE,0BAAG,EAAE,GAAA,SAAA;IAAA,aAULF,GAAAA,KAAK,CATPG,MAAM;AAANA,IAAAA,MAAM,8BAAG,OAAO,GAAA,aAAA;IAAA,WASdH,GAAAA,KAAK,CARPI,IAAI;AAAJA,IAAAA,IAAI,4BAAG,IAAI,GAAA,WAAA;IACXC,KAAK,GAOHL,KAAK,CAPPK,KAAK;IAAA,aAOHL,GAAAA,KAAK,CANPM,MAAM;AAANA,IAAAA,MAAM,8BAAG,KAAK,GAAA,aAAA;IACdC,QAAQ,GAKNP,KAAK,CALPO,QAAQ;IACRC,QAAQ,GAINR,KAAK,CAJPQ,QAAQ;IACRC,cAAc,GAGZT,KAAK,CAHPS,cAAc;IAAA,UAGZT,GAAAA,KAAK,CAFPU,GAAG;AAAHA,IAAAA,GAAG,2BAAG,KAAK,GAAA,UAAA;AACRC,IAAAA,IAAI,4BACLX,KAAK,EAAA,SAAA,CAAA,CAAA;AACT,EAAA,IAAMY,QAAQ,GAAGC,OAAO,CAACR,KAAK,CAAC,CAAA;EAC/B,IAAMS,mBAAmB,GAAGC,UAAU,CAAA,eAAA,CAAA;IACpCC,KAAK,EAAEb,MAAM,KAAK,OAAO;IACzBc,KAAK,EAAEd,MAAM,KAAK,OAAO;IACzBG,MAAM,EAAEM,QAAQ,IAAIN,MAAM;IAC1BY,QAAQ,EAAEL,OAAO,CAACF,IAAI,aAAJA,IAAI,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAJA,IAAI,CAAEO,QAAQ,CAAA;GAC/BT,EAAAA,CAAAA,qBAAAA,GAAAA,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEU,SAAS,yEAAI,EAAE,EAAGN,OAAO,CAACJ,cAAc,aAAdA,cAAc,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAdA,cAAc,CAAEU,SAAS,CAAC,CACrE,CAAA,CAAA;EAEF,OACEC,GAAA,CAAA,KAAA,EAAA,QAAA,CAAA;IACE,GAAG,EAAE,aAACC,KAAK,EAAA;MAAA,OAAuBC,eAAe,CAACD,KAAK,EAAE;AAAEjB,QAAAA,IAAI,EAAJA,IAAI;AAAEM,QAAAA,GAAG,EAAHA,GAAAA;AAAI,OAAC,CAAC,CAAA;AAAA,KAAA;AAAC,GAAA,EACpED,cAAc,EAAA;AAClB,IAAA,SAAS,EAAEK,mBAAAA;GAEVF,CAAAA,EAAAA,QAAQ,IACPQ,GAAA,CAAC,KAAK,EAAA;AAAC,IAAA,OAAO,EAAElB,EAAG;IAAC,iBAAiBA,EAAAA,EAAAA;GAClCG,EAAAA,KAAK,CAET,EACDe,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,sBAAA;GACb,EAAAA,GAAA,CAAA,QAAA,EAAA,QAAA,CAAA;AACE,IAAA,GAAG,EAAEnB,YAAa;AAClB,IAAA,QAAQ,EAAEM,QAAQ,IAAK,UAACgB,CAAC,EAAA;AAAA,MAAA,OAAWhB,QAAQ,CAACgB,CAAC,CAACC,MAAM,CAACC,KAAK,CAAC,CAAA;KAAE;AAC9D,IAAA,EAAE,EAAEvB,EAAAA;AAAG,GAAA,EACHS,IAAI,CAAA,EAEPH,QAAQ,CACF,CACL,CACF,CAAA;AAEV,CAAC,CAAA;AAED,eAAekB,aAAAA,UAAU,CAAC3B,MAAM,CAAC;;;;"}
+{"version":3,"file":"Select.js","sources":["../../../../../../src/components/FormElements/Select/Select.tsx"],"sourcesContent":["// Inspired by this https://codesandbox.io/embed/m75wlyx3oy\n\nimport React, { ForwardRefRenderFunction, forwardRef, useRef, useState } from \"react\";\nimport ReactSelect, {\n  CSSObjectWithLabel,\n  ClearIndicatorProps,\n  ControlProps,\n  DropdownIndicatorProps,\n  GroupBase,\n  MultiValueProps,\n  OptionProps,\n  PlaceholderProps,\n  SelectInstance,\n} from \"react-select\";\nimport { SerializedStyles } from \"@emotion/react\";\nimport { useClickAway } from \"ahooks\";\nimport classNames from \"classnames\";\nimport Label from \"../Label/Label\";\nimport CustomValueContainer from \"./components/CustomValueContainer\";\nimport { selectContainer } from \"./styles\";\nimport CustomMenuList from \"./components/CustomMenuList\";\nimport { CustomOption, CustomSelectProps } from \"./types\";\nimport { formElements } from \"@theme/default/config\";\n\nconst MAX_MENU_HEIGHT = 300;\nconst OUTER_PLACEHOLDER = \"Select...\";\nconst INNER_PLACEHOLDER = \"Search...\";\n\nconst containerClassNames = (status: string, size: string) =>\n  classNames({\n    [`control-${size}`]: true,\n    valid: status === \"valid\",\n    error: status === \"error\",\n  });\n\nconst Select: ForwardRefRenderFunction<\n  SelectInstance<CustomOption>,\n  CustomSelectProps<CustomOption, boolean>\n> = (props, forwardedRef) => {\n  const {\n    id = \"\",\n    label,\n    options = [],\n    size = \"md\",\n    inline = false,\n    status = \"valid\",\n    maxMenuHeight = MAX_MENU_HEIGHT,\n    hasInnerSearch = false,\n    innerPlaceholder = INNER_PLACEHOLDER,\n    placeholder: outerPlaceholder = OUTER_PLACEHOLDER,\n    onChange,\n    ...rest\n  } = props;\n  const hasLabel = Boolean(label);\n\n  const containerRef = useRef<HTMLInputElement>(null);\n  const [isFocused, setIsFocused] = useState(false);\n  const [inputValue, setInputValue] = useState(\"\");\n\n  const styles = {\n    placeholder: (\n      base: CSSObjectWithLabel,\n      { isDisabled }: PlaceholderProps<CustomOption, boolean, GroupBase<CustomOption>>,\n    ) => {\n      return {\n        ...base,\n        fontStyle: \"italic\",\n        color: isDisabled ? formElements.input.disabledColor : formElements.input.placeholderColor,\n      };\n    },\n    dropdownIndicator: (\n      base: CSSObjectWithLabel,\n      { selectProps }: DropdownIndicatorProps<CustomOption, boolean, GroupBase<CustomOption>>,\n    ) => ({\n      ...base,\n      transform: selectProps.menuIsOpen ? \"rotate(-180deg)\" : \"rotate(0)\",\n      transition: \"all .2s ease\",\n      color: selectProps.isDisabled ? base.color : formElements.input.iconColor,\n      \"&:hover\": { color: formElements.input.iconHoverColor, cursor: \"pointer\" },\n    }),\n    clearIndicator: (\n      base: CSSObjectWithLabel,\n      { selectProps }: ClearIndicatorProps<CustomOption, boolean, GroupBase<CustomOption>>,\n    ) => ({\n      ...base,\n      color: selectProps.isDisabled ? base.color : formElements.input.iconColor,\n      \"&:hover\": { color: formElements.input.iconHoverColor, cursor: \"pointer\" },\n    }),\n    control: (\n      base: CSSObjectWithLabel,\n      { isFocused, isDisabled }: ControlProps<CustomOption, boolean, GroupBase<CustomOption>>,\n    ) => {\n      const border = isDisabled\n        ? `1px solid ${formElements.input.disabledBorder}`\n        : isFocused\n        ? `1px solid ${formElements.input.borderFocusColor}`\n        : // default case, set border equal to the background color to avoid pixel shift\n          `1px solid ${formElements.input.background}`;\n      const backgroundColor = isDisabled\n        ? formElements.input.disabledBackground\n        : isFocused\n        ? formElements.input.backgroundFocus\n        : formElements.input.background;\n\n      return {\n        ...base,\n        border,\n        backgroundColor,\n        boxShadow: \"none\",\n        borderRadius: \"5px\",\n        \"&:hover\": { border: `1px solid ${formElements.input.borderHoverColor}` },\n        color: !isDisabled ? base.color : formElements.input.disabledColor,\n      };\n    },\n    multiValueLabel: (\n      base: CSSObjectWithLabel,\n      { isDisabled }: MultiValueProps<CustomOption, boolean, GroupBase<CustomOption>>,\n    ) => ({\n      ...base,\n      color: !isDisabled ? base.color : formElements.input.disabledColor,\n    }),\n\n    multiValueRemove: (base: CSSObjectWithLabel) => ({\n      ...base,\n      \":hover\": {\n        cursor: \"pointer\",\n        color: formElements.input.iconHoverColor,\n      },\n    }),\n    option: (\n      base: CSSObjectWithLabel,\n      { isSelected }: OptionProps<CustomOption, boolean, GroupBase<CustomOption>>,\n    ) => ({\n      ...base,\n      backgroundColor: isSelected ? formElements.input.borderFocus : base.color,\n      \"&:hover\": {\n        backgroundColor: !isSelected\n          ? formElements.input.hoverColor\n          : formElements.input.borderFocus,\n      },\n    }),\n  };\n\n  useClickAway(\n    (e) => {\n      // Ignore clicks on the close icon, can be one of the three following:\n      const { nodeName, className } = e.target as HTMLElement;\n      const isSvg = nodeName === \"svg\";\n      const isPath = nodeName === \"path\";\n      const isCloseIcon = className === \"close-icon\";\n\n      if (isSvg || isPath || isCloseIcon) return;\n      setIsFocused(false);\n      setInputValue(\"\");\n    },\n    [containerRef],\n  );\n\n  return (\n    <div css={(theme): SerializedStyles => selectContainer(theme, { size, inline })}>\n      {hasLabel && (\n        <Label htmlFor={id} aria-labelledby={id}>\n          {label}\n        </Label>\n      )}\n      <div className=\"select-input-wrapper\" data-testid=\"custom-react-select\" ref={containerRef}>\n        <ReactSelect\n          {...rest}\n          ref={forwardedRef}\n          // react-select props\n          blurInputOnSelect={true}\n          classNames={{\n            control: () => containerClassNames(status, size),\n            option: () => `option-${size}`,\n          }}\n          components={{\n            IndicatorSeparator: () => null,\n            MenuList: CustomMenuList,\n            ValueContainer: (props) => CustomValueContainer({ ...props, isFocused }),\n          }}\n          isSearchable={false}\n          maxMenuHeight={maxMenuHeight}\n          menuIsOpen={isFocused || undefined}\n          options={options}\n          placeholder={outerPlaceholder}\n          styles={styles}\n          inputValue={inputValue}\n          // custom props\n          {...{\n            onMenuInputFocus: () => setIsFocused(true),\n            onMouseDown: (e: MouseEvent) => e.stopPropagation(),\n            innerPlaceholder,\n            hasInnerSearch,\n          }}\n          // events\n          onChange={(option, action) => {\n            setIsFocused(false);\n            onChange && onChange(option, action);\n          }}\n          onInputChange={(val) => setInputValue(val)}\n        />\n      </div>\n    </div>\n  );\n};\n\nexport default forwardRef(Select);\n"],"names":["MAX_MENU_HEIGHT","OUTER_PLACEHOLDER","INNER_PLACEHOLDER","containerClassNames","status","size","classNames","Select","props","forwardedRef","id","label","options","inline","maxMenuHeight","hasInnerSearch","innerPlaceholder","placeholder","outerPlaceholder","onChange","rest","hasLabel","Boolean","containerRef","useRef","useState","isFocused","setIsFocused","inputValue","setInputValue","styles","base","isDisabled","_objectSpread","fontStyle","color","formElements","input","disabledColor","placeholderColor","dropdownIndicator","selectProps","transform","menuIsOpen","transition","iconColor","iconHoverColor","cursor","clearIndicator","control","border","disabledBorder","borderFocusColor","background","backgroundColor","disabledBackground","backgroundFocus","boxShadow","borderRadius","borderHoverColor","multiValueLabel","multiValueRemove","option","isSelected","borderFocus","hoverColor","useClickAway","e","target","nodeName","className","isSvg","isPath","isCloseIcon","___EmotionJSX","theme","selectContainer","ReactSelect","IndicatorSeparator","MenuList","CustomMenuList","ValueContainer","CustomValueContainer","undefined","onMenuInputFocus","onMouseDown","stopPropagation","action","val","forwardRef"],"mappings":"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"}

package/dist/esm/src/components/FormElements/Select/components/CustomMenuList.js

@@ -0,0 +1,75 @@
+
+  /**
+   * @license
+   * author: epignosis front-end team
+   * @epignosis_llc/gnosis.js v5.0.6
+   * Released under the MIT license.
+   */
+
+import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../../_virtual/_rollupPluginBabelHelpers.js';
+import 'react';
+import Input from '../../Input/Input.js';
+import { searchInputContainer } from '../../Input/styles.js';
+import { customMenuList } from '../styles.js';
+import { createElement as jsx } from '../../../../../node_modules/@emotion/react/dist/emotion-react.browser.esm.js';
+import { c as components } from '../../../../../node_modules/react-select/dist/index-baa8dc4f.esm.js';
+
+var _excluded = ["selectProps"];
+var MenuList = components.MenuList;
+var CustomMenuList = function CustomMenuList(customMenuProps) {
+  var selectProps = customMenuProps.selectProps,
+    props = _objectWithoutProperties(customMenuProps, _excluded);
+  var onInputChange = selectProps.onInputChange,
+    innerPlaceholder = selectProps.innerPlaceholder,
+    _selectProps$hasInner = selectProps.hasInnerSearch,
+    hasInnerSearch = _selectProps$hasInner === void 0 ? false : _selectProps$hasInner,
+    inputValue = selectProps.inputValue,
+    onMenuInputFocus = selectProps.onMenuInputFocus;
+  var ariaAttributes = {
+    "aria-autocomplete": "list",
+    "aria-label": selectProps["aria-label"],
+    "aria-labelledby": selectProps["aria-labelledby"]
+  };
+  return jsx("div", {
+    css: customMenuList
+  }, hasInnerSearch && jsx("div", {
+    css: searchInputContainer,
+    onMouseDown: function onMouseDown(e) {
+      return e.stopPropagation();
+    }
+  }, jsx(Input, _extends({
+    id: "react-select-inner-search-input",
+    placeholder: innerPlaceholder,
+    autoCorrect: "off",
+    autoComplete: "off",
+    spellCheck: "false",
+    type: "text",
+    value: inputValue,
+    showVerticalLine: false,
+    isClearable: true,
+    onChange: function onChange(e) {
+      e.stopPropagation();
+      onInputChange(e.target.value, {
+        action: "input-change",
+        prevInputValue: inputValue
+      });
+    },
+    onMouseDown: function onMouseDown(e) {
+      e.stopPropagation();
+      var input = e.target;
+      input.focus();
+    },
+    onClear: function onClear() {
+      onInputChange("", {
+        action: "input-change",
+        prevInputValue: inputValue
+      });
+    },
+    onFocus: onMenuInputFocus
+  }, ariaAttributes))), jsx(MenuList, _extends({}, props, {
+    selectProps: selectProps
+  })));
+};
+
+export { CustomMenuList as default };
+//# sourceMappingURL=CustomMenuList.js.map

package/dist/esm/src/components/FormElements/Select/components/CustomMenuList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomMenuList.js","sources":["../../../../../../../src/components/FormElements/Select/components/CustomMenuList.tsx"],"sourcesContent":["import React, { FC, MouseEvent as ReactMouseEvent } from \"react\";\nimport { components } from \"react-select\";\nimport Input from \"../../Input/Input\";\nimport { searchInputContainer } from \"../../Input/styles\";\nimport { customMenuList } from \"../styles\";\nimport { CustomMenuListProps, CustomOption } from \"../types\";\n\nconst { MenuList } = components;\n\nconst CustomMenuList: FC<CustomMenuListProps<CustomOption, boolean>> = (customMenuProps) => {\n  const { selectProps, ...props } = customMenuProps;\n  const {\n    onInputChange,\n    innerPlaceholder,\n    hasInnerSearch = false,\n    inputValue,\n    onMenuInputFocus,\n  } = selectProps;\n\n  const ariaAttributes = {\n    \"aria-autocomplete\": \"list\" as const,\n    \"aria-label\": selectProps[\"aria-label\"],\n    \"aria-labelledby\": selectProps[\"aria-labelledby\"],\n  };\n\n  return (\n    <div css={customMenuList}>\n      {hasInnerSearch && (\n        <div css={searchInputContainer} onMouseDown={(e) => e.stopPropagation()}>\n          <Input\n            id=\"react-select-inner-search-input\"\n            placeholder={innerPlaceholder}\n            autoCorrect=\"off\"\n            autoComplete=\"off\"\n            spellCheck=\"false\"\n            type=\"text\"\n            value={inputValue}\n            showVerticalLine={false}\n            isClearable={true}\n            onChange={(e) => {\n              e.stopPropagation();\n              onInputChange(e.target.value, {\n                action: \"input-change\",\n                prevInputValue: inputValue,\n              });\n            }}\n            onMouseDown={(e: ReactMouseEvent<HTMLInputElement>) => {\n              e.stopPropagation();\n              const input = e.target as HTMLInputElement;\n              input.focus();\n            }}\n            onClear={() => {\n              onInputChange(\"\", {\n                action: \"input-change\",\n                prevInputValue: inputValue,\n              });\n            }}\n            onFocus={onMenuInputFocus}\n            {...ariaAttributes}\n          />\n        </div>\n      )}\n\n      <MenuList {...props} selectProps={selectProps} />\n    </div>\n  );\n};\n\nexport default CustomMenuList;\n"],"names":["MenuList","components","CustomMenuList","customMenuProps","selectProps","props","onInputChange","innerPlaceholder","hasInnerSearch","inputValue","onMenuInputFocus","ariaAttributes","___EmotionJSX","customMenuList","searchInputContainer","e","stopPropagation","target","value","action","prevInputValue","input","focus"],"mappings":";;;;;;;;;;;;;;;;;AAOA,IAAQA,QAAQ,GAAKC,UAAU,CAAvBD,QAAQ,CAAA;AAEhB,IAAME,cAA8D,GAAG,SAAjEA,cAA8D,CAAIC,eAAe,EAAK;AAC1F,EAAA,IAAQC,WAAW,GAAeD,eAAe,CAAzCC,WAAW;AAAKC,IAAAA,KAAK,4BAAKF,eAAe,EAAA,SAAA,CAAA,CAAA;AACjD,EAAA,IACEG,aAAa,GAKXF,WAAW,CALbE,aAAa;IACbC,gBAAgB,GAIdH,WAAW,CAJbG,gBAAgB;IAAA,qBAIdH,GAAAA,WAAW,CAHbI,cAAc;AAAdA,IAAAA,cAAc,sCAAG,KAAK,GAAA,qBAAA;IACtBC,UAAU,GAERL,WAAW,CAFbK,UAAU;IACVC,gBAAgB,GACdN,WAAW,CADbM,gBAAgB,CAAA;AAGlB,EAAA,IAAMC,cAAc,GAAG;AACrB,IAAA,mBAAmB,EAAE,MAAe;AACpC,IAAA,YAAY,EAAEP,WAAW,CAAC,YAAY,CAAC;IACvC,iBAAiB,EAAEA,WAAW,CAAC,iBAAiB,CAAA;GACjD,CAAA;EAED,OACEQ,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEC,cAAAA;AAAe,GAAA,EACtBL,cAAc,IACbI,GAAA,CAAA,KAAA,EAAA;AAAK,IAAA,GAAG,EAAEE,oBAAqB;IAAC,WAAW,EAAE,qBAACC,CAAC,EAAA;MAAA,OAAKA,CAAC,CAACC,eAAe,EAAE,CAAA;AAAA,KAAA;AAAC,GAAA,EACtEJ,IAAC,KAAK,EAAA,QAAA,CAAA;AACJ,IAAA,EAAE,EAAC,iCAAiC;AACpC,IAAA,WAAW,EAAEL,gBAAiB;AAC9B,IAAA,WAAW,EAAC,KAAK;AACjB,IAAA,YAAY,EAAC,KAAK;AAClB,IAAA,UAAU,EAAC,OAAO;AAClB,IAAA,IAAI,EAAC,MAAM;AACX,IAAA,KAAK,EAAEE,UAAW;AAClB,IAAA,gBAAgB,EAAE,KAAM;AACxB,IAAA,WAAW,EAAE,IAAK;IAClB,QAAQ,EAAE,SAACM,QAAAA,CAAAA,CAAC,EAAK;MACfA,CAAC,CAACC,eAAe,EAAE,CAAA;AACnBV,MAAAA,aAAa,CAACS,CAAC,CAACE,MAAM,CAACC,KAAK,EAAE;AAC5BC,QAAAA,MAAM,EAAE,cAAc;AACtBC,QAAAA,cAAc,EAAEX,UAAAA;AAClB,OAAC,CAAC,CAAA;KACF;IACF,WAAW,EAAE,SAACM,WAAAA,CAAAA,CAAoC,EAAK;MACrDA,CAAC,CAACC,eAAe,EAAE,CAAA;AACnB,MAAA,IAAMK,KAAK,GAAGN,CAAC,CAACE,MAA0B,CAAA;MAC1CI,KAAK,CAACC,KAAK,EAAE,CAAA;KACb;AACF,IAAA,OAAO,EAAE,SAAM,OAAA,GAAA;MACbhB,aAAa,CAAC,EAAE,EAAE;AAChBa,QAAAA,MAAM,EAAE,cAAc;AACtBC,QAAAA,cAAc,EAAEX,UAAAA;AAClB,OAAC,CAAC,CAAA;KACF;AACF,IAAA,OAAO,EAAEC,gBAAAA;AAAiB,GAAA,EACtBC,cAAc,CAClB,CAAA,CAEL,EAEDC,GAAC,CAAA,QAAQ,eAAKP,KAAK,EAAA;AAAE,IAAA,WAAW,EAAED,WAAAA;AAAY,GAAA,CAAA,CAAG,CAC7C,CAAA;AAEV;;;;"}