@xylabs/react-select 3.1.7 → 3.2.0

package/dist/neutral/components/SelectEx.d.cts

@@ -0,0 +1,8 @@
+import { PaletteMode, SelectProps } from '@mui/material';
+import React from 'react';
+export type SelectExProps<T> = SelectProps<T> & {
+    colorize?: 'primary' | 'secondary';
+    mode?: PaletteMode;
+};
+export declare const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element;
+//# sourceMappingURL=SelectEx.d.ts.map

package/dist/neutral/components/SelectEx.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectEx.d.ts","sourceRoot":"","sources":["../../../src/components/SelectEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAC9C,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAClC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAKhE,CAAA"}

package/dist/neutral/components/SelectEx.d.mts

@@ -0,0 +1,8 @@
+import { PaletteMode, SelectProps } from '@mui/material';
+import React from 'react';
+export type SelectExProps<T> = SelectProps<T> & {
+    colorize?: 'primary' | 'secondary';
+    mode?: PaletteMode;
+};
+export declare const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element;
+//# sourceMappingURL=SelectEx.d.ts.map

package/dist/neutral/components/SelectEx.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectEx.d.ts","sourceRoot":"","sources":["../../../src/components/SelectEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAC9C,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAClC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAKhE,CAAA"}

package/dist/neutral/components/SelectEx.d.ts

@@ -0,0 +1,8 @@
+import { PaletteMode, SelectProps } from '@mui/material';
+import React from 'react';
+export type SelectExProps<T> = SelectProps<T> & {
+    colorize?: 'primary' | 'secondary';
+    mode?: PaletteMode;
+};
+export declare const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element;
+//# sourceMappingURL=SelectEx.d.ts.map

package/dist/neutral/components/SelectEx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectEx.d.ts","sourceRoot":"","sources":["../../../src/components/SelectEx.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAU,WAAW,EAAY,MAAM,eAAe,CAAA;AAE1E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,MAAM,aAAa,CAAC,CAAC,IAAI,WAAW,CAAC,CAAC,CAAC,GAAG;IAC9C,QAAQ,CAAC,EAAE,SAAS,GAAG,WAAW,CAAA;IAClC,IAAI,CAAC,EAAE,WAAW,CAAA;CACnB,CAAA;AAED,eAAO,MAAM,QAAQ,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAC,KAAK,KAAK,CAAC,GAAG,CAAC,OAKhE,CAAA"}

package/dist/neutral/components/index.d.cts

@@ -0,0 +1,2 @@
+export * from './SelectEx';
+//# sourceMappingURL=index.d.ts.map

package/dist/neutral/components/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/neutral/components/index.d.mts

@@ -0,0 +1,2 @@
+export * from './SelectEx';
+//# sourceMappingURL=index.d.ts.map

package/dist/neutral/components/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/neutral/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './SelectEx';
+//# sourceMappingURL=index.d.ts.map

package/dist/neutral/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAA"}

package/dist/neutral/index.cjs

@@ -0,0 +1,36 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var src_exports = {};
+__export(src_exports, {
+  SelectEx: () => SelectEx
+});
+module.exports = __toCommonJS(src_exports);
+
+// src/components/SelectEx.tsx
+var import_material = require("@mui/material");
+var import_lodash = require("@xylabs/lodash");
+var import_jsx_runtime = require("react/jsx-runtime");
+var SelectEx = ({ MenuProps, mode = "light", colorize, ...props }) => {
+  const theme = (0, import_material.useTheme)();
+  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {};
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_material.Select, { MenuProps: (0, import_lodash.merge)(MenuProps, colorizeMenuProps), ...props });
+};
+//# sourceMappingURL=index.cjs.map

package/dist/neutral/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/index.ts","../../src/components/SelectEx.tsx"],"sourcesContent":["export * from './components'\n","import { PaletteMode, Select, SelectProps, useTheme } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\nimport React from 'react'\n\nexport type SelectExProps<T> = SelectProps<T> & {\n  colorize?: 'primary' | 'secondary'\n  mode?: PaletteMode\n}\n\nexport const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element = ({ MenuProps, mode = 'light', colorize, ...props }) => {\n  const theme = useTheme()\n  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {}\n\n  return <Select MenuProps={merge(MenuProps, colorizeMenuProps)} {...props} />\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,sBAA2D;AAC3D,oBAAsB;AAYb;AAJF,IAAM,WAA8D,CAAC,EAAE,WAAW,OAAO,SAAS,UAAU,GAAG,MAAM,MAAM;AAChI,QAAM,YAAQ,0BAAS;AACvB,QAAM,oBAAoB,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,iBAAiB,MAAM,QAAQ,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC;AAEtH,SAAO,4CAAC,0BAAO,eAAW,qBAAM,WAAW,iBAAiB,GAAI,GAAG,OAAO;AAC5E;","names":[]}

package/dist/neutral/index.d.cts

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/neutral/index.d.mts

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/neutral/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+//# sourceMappingURL=index.d.ts.map

package/dist/neutral/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAA"}

package/dist/neutral/index.js

@@ -0,0 +1,13 @@
+// src/components/SelectEx.tsx
+import { Select, useTheme } from "@mui/material";
+import { merge } from "@xylabs/lodash";
+import { jsx } from "react/jsx-runtime";
+var SelectEx = ({ MenuProps, mode = "light", colorize, ...props }) => {
+  const theme = useTheme();
+  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {};
+  return /* @__PURE__ */ jsx(Select, { MenuProps: merge(MenuProps, colorizeMenuProps), ...props });
+};
+export {
+  SelectEx
+};
+//# sourceMappingURL=index.js.map

package/dist/neutral/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/SelectEx.tsx"],"sourcesContent":["import { PaletteMode, Select, SelectProps, useTheme } from '@mui/material'\nimport { merge } from '@xylabs/lodash'\nimport React from 'react'\n\nexport type SelectExProps<T> = SelectProps<T> & {\n  colorize?: 'primary' | 'secondary'\n  mode?: PaletteMode\n}\n\nexport const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element = ({ MenuProps, mode = 'light', colorize, ...props }) => {\n  const theme = useTheme()\n  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {}\n\n  return <Select MenuProps={merge(MenuProps, colorizeMenuProps)} {...props} />\n}\n"],"mappings":";AAAA,SAAsB,QAAqB,gBAAgB;AAC3D,SAAS,aAAa;AAYb;AAJF,IAAM,WAA8D,CAAC,EAAE,WAAW,OAAO,SAAS,UAAU,GAAG,MAAM,MAAM;AAChI,QAAM,QAAQ,SAAS;AACvB,QAAM,oBAAoB,WAAW,EAAE,eAAe,EAAE,IAAI,EAAE,iBAAiB,MAAM,QAAQ,QAAQ,EAAE,IAAI,EAAE,EAAE,EAAE,IAAI,CAAC;AAEtH,SAAO,oBAAC,UAAO,WAAW,MAAM,WAAW,iBAAiB,GAAI,GAAG,OAAO;AAC5E;","names":[]}

package/package.json

@@ -13,16 +13,16 @@
     "packages/*"
   ],
   "dependencies": {
-    "@xylabs/lodash": "^3.0.21"
+    "@xylabs/lodash": "^3.5.2"
   },
   "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
-    "@mui/material": "^5.15.14",
-    "@types/react": "^18.2.79",
-    "@xylabs/ts-scripts-yarn3": "^3.5.2",
-    "@xylabs/tsconfig-react": "^3.5.2",
-    "react": "^18.2.0",
-    "typescript": "^5.4.3"
+    "@mui/material": "^5.15.21",
+    "@types/react": "^18.3.3",
+    "@xylabs/ts-scripts-yarn3": "^3.11.12",
+    "@xylabs/tsconfig-react": "^3.11.12",
+    "react": "^18.3.1",
+    "typescript": "^5.5.3"
   },
   "peerDependencies": {
     "@mui/material": "^5",
@@ -73,6 +73,6 @@
     "url": "https://github.com/xylabs/sdk-react.git"
   },
   "sideEffects": false,
-  "version": "3.1.7",
+  "version": "3.2.0",
   "type": "module"
 }