cloudmr-ux 4.1.3 → 4.1.4

package/dist/CmrComponents/CmrSelect/CmrSelect.d.ts

@@ -19,6 +19,7 @@ export interface CmrSelectProps {
     className?: string;
     /** Pass-through kept for compatibility */
     SelectProps?: Record<string, any>;
+    primaryColor?: string;
 }
 declare const CmrSelect: React.FC<CmrSelectProps>;
 export default CmrSelect;

package/dist/CmrComponents/CmrSelect/CmrSelect.js

@@ -14,18 +14,18 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useId, useMemo, useState } from 'react';
 import ReactSelect from 'react-select';
 import './CmrSelect.css';
-var baseStyles = {
-    control: function (base, state) { return (__assign(__assign({}, base), { minHeight: 40, borderColor: state.isFocused ? '#580F8B' : base.borderColor, boxShadow: state.isFocused ? '0 0 0 1px #580F8B' : 'none', '&:hover': { borderColor: '#580F8B' }, fontFamily: 'Inter, Roboto, Helvetica, Arial, sans-serif', borderRadius: 4 })); },
+var createStyles = function (primaryColor) { return ({
+    control: function (base, state) { return (__assign(__assign({}, base), { minHeight: 40, borderColor: state.isFocused ? primaryColor : base.borderColor, boxShadow: state.isFocused ? "0 0 0 1px ".concat(primaryColor) : 'none', '&:hover': { borderColor: primaryColor }, fontFamily: 'Inter, Roboto, Helvetica, Arial, sans-serif', borderRadius: 4 })); },
     placeholder: function (base) { return (__assign(__assign({}, base), { color: 'rgba(0,0,0,0.6)' })); },
-    singleValue: function (base) { return (__assign(__assign({}, base), { color: '#580F8B', fontWeight: 400, fontFamily: 'Inter, Roboto, Helvetica, Arial, sans-serif' })); },
+    singleValue: function (base) { return (__assign(__assign({}, base), { color: primaryColor, fontWeight: 400, fontFamily: 'Inter, Roboto, Helvetica, Arial, sans-serif' })); },
     option: function (base, state) { return (__assign(__assign({}, base), { backgroundColor: state.isFocused || state.isSelected ? '#F3E5F5' : 'white', color: '#000', fontFamily: 'Inter, Roboto, Helvetica, Arial, sans-serif', cursor: state.isDisabled ? 'not-allowed' : 'pointer' })); },
     menuPortal: function (base) { return (__assign(__assign({}, base), { zIndex: 2000 })); },
     menu: function (base) { return (__assign(__assign({}, base), { zIndex: 1300 })); }
-};
+}); };
 var CmrSelect = function (_a) {
-    var options = _a.options, disabled = _a.disabled, value = _a.value, onChange = _a.onChange, _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b, fullWidth = _a.fullWidth, sx = _a.sx, className = _a.className;
+    var options = _a.options, disabled = _a.disabled, value = _a.value, onChange = _a.onChange, _b = _a.defaultValue, defaultValue = _b === void 0 ? '' : _b, fullWidth = _a.fullWidth, sx = _a.sx, className = _a.className, _c = _a.primaryColor, primaryColor = _c === void 0 ? '#580F8B' : _c;
     var isControlled = value !== undefined;
-    var _c = useState(defaultValue), internal = _c[0], setInternal = _c[1];
+    var _d = useState(defaultValue), internal = _d[0], setInternal = _d[1];
     var currentValue = isControlled ? value : internal;
     useEffect(function () {
         if (isControlled)
@@ -41,6 +41,6 @@ var CmrSelect = function (_a) {
         onChange === null || onChange === void 0 ? void 0 : onChange(next);
     };
     var wrapperStyle = __assign({ minWidth: 200, maxWidth: 400, width: fullWidth ? '100%' : 'auto' }, sx);
-    return (_jsx("div", __assign({ className: className !== null && className !== void 0 ? className : 'dropdown-select', style: wrapperStyle }, { children: _jsx(ReactSelect, { inputId: id, isDisabled: !!disabled, options: options.map(function (o) { return (__assign(__assign({}, o), { isDisabled: o.disabled })); }), value: rsValue, onChange: handleChange, placeholder: "Select", isClearable: true, styles: baseStyles, menuPortalTarget: document.body }) })));
+    return (_jsx("div", __assign({ className: className !== null && className !== void 0 ? className : 'dropdown-select', style: wrapperStyle }, { children: _jsx(ReactSelect, { inputId: id, isDisabled: !!disabled, options: options.map(function (o) { return (__assign(__assign({}, o), { isDisabled: o.disabled })); }), value: rsValue, onChange: handleChange, placeholder: "Select", isClearable: true, styles: createStyles(primaryColor), menuPortalTarget: document.body }) })));
 };
 export default CmrSelect;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudmr-ux",
-  "version": "4.1.3",
+  "version": "4.1.4",
   "author": "erosmontin@gmail.com",
   "license": "MIT",
   "repository": "erosmontin/cloudmr-ux",