@xylabs/react-select 4.0.2 → 4.0.4

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

@@ -0,0 +1,8 @@
+import type { 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/browser/components/SelectEx.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectEx.d.ts","sourceRoot":"","sources":["../../../src/components/SelectEx.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAE7D,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,OAYhE,CAAA"}

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

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

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

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

package/dist/browser/index.d.ts

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

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

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

package/dist/browser/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/components/SelectEx.tsx"],"sourcesContent":["import { PaletteMode, Select, SelectProps, useTheme } from '@mui/material'\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={{ ...MenuProps, ...colorizeMenuProps }} {...props} />\n}\n"],"mappings":";;;;AAAA,SAAsBA,QAAqBC,gBAAgB;AAC3D,OAAOC,WAAW;AAOX,IAAMC,WAA8D,wBAAC,EAAEC,WAAWC,OAAO,SAASC,UAAU,GAAGC,MAAAA,MAAO;AAC3H,QAAMC,QAAQC,SAAAA;AACd,QAAMC,oBAAoBJ,WAAW;IAAEK,eAAe;MAAEC,IAAI;QAAEC,iBAAiBL,MAAMM,QAAQR,QAAAA,EAAUD,IAAAA;MAAM;IAAE;EAAE,IAAI,CAAC;AAEtH,SAAO,sBAAA,cAACU,QAAAA;IAAOX,WAAW;MAAE,GAAGA;MAAW,GAAGM;IAAkB;IAAI,GAAGH;;AACxE,GAL2E;","names":["Select","useTheme","React","SelectEx","MenuProps","mode","colorize","props","theme","useTheme","colorizeMenuProps","MenuListProps","sx","backgroundColor","palette","Select"]}
+{"version":3,"sources":["../../src/components/SelectEx.tsx"],"sourcesContent":["import type { PaletteMode, SelectProps } from '@mui/material'\nimport { Select, useTheme } from '@mui/material'\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 = ({\n  MenuProps, mode = 'light', colorize, ...props\n}) => {\n  const theme = useTheme()\n  const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {}\n\n  return (\n    <Select\n      MenuProps={{ ...MenuProps, ...colorizeMenuProps }}\n      {...props}\n    />\n  )\n}\n"],"mappings":";;;;AACA,SAASA,QAAQC,gBAAgB;AACjC,OAAOC,WAAW;AAOX,IAAMC,WAA8D,wBAAC,EAC1EC,WAAWC,OAAO,SAASC,UAAU,GAAGC,MAAAA,MACzC;AACC,QAAMC,QAAQC,SAAAA;AACd,QAAMC,oBAAoBJ,WAAW;IAAEK,eAAe;MAAEC,IAAI;QAAEC,iBAAiBL,MAAMM,QAAQR,QAAAA,EAAUD,IAAAA;MAAM;IAAE;EAAE,IAAI,CAAC;AAEtH,SACE,sBAAA,cAACU,QAAAA;IACCX,WAAW;MAAE,GAAGA;MAAW,GAAGM;IAAkB;IAC/C,GAAGH;;AAGV,GAZ2E;","names":["Select","useTheme","React","SelectEx","MenuProps","mode","colorize","props","theme","useTheme","colorizeMenuProps","MenuListProps","sx","backgroundColor","palette","Select"]}

package/package.json

@@ -1,25 +1,49 @@
 {
   "name": "@xylabs/react-select",
+  "version": "4.0.4",
+  "description": "Common React library for all XY Labs projects that use React",
+  "keywords": [
+    "utility",
+    "typescript",
+    "react"
+  ],
+  "homepage": "https://xylabs.com",
+  "bugs": {
+    "url": "git+https://github.com/xylabs/sdk-react/issues",
+    "email": "support@xylabs.com"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/xylabs/sdk-react.git"
+  },
+  "license": "LGPL-3.0-only",
   "author": {
-    "email": "support@xylabs.com",
     "name": "XY Labs Development Team",
+    "email": "support@xylabs.com",
     "url": "https://xylabs.com"
   },
-  "bugs": {
-    "email": "support@xylabs.com",
-    "url": "https://github.com/xylabs/sdk-react/issues"
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "types": "./dist/browser/index.d.ts",
+      "default": "./dist/browser/index.mjs"
+    },
+    "./package.json": "./package.json"
   },
+  "module": "./dist/browser/index.mjs",
+  "types": "dist/browser/index.d.ts",
   "workspaces": [
     "packages/*"
   ],
-  "description": "Common React library for all XY Labs projects that use React",
   "devDependencies": {
     "@mui/icons-material": "^5.16.7",
     "@mui/material": "^5.16.7",
-    "@types/react": "^18.3.3",
-    "@xylabs/ts-scripts-yarn3": "^4.0.0-rc.15",
-    "@xylabs/tsconfig-react": "^4.0.0-rc.15",
+    "@types/react": "^18.3.4",
+    "@xylabs/ts-scripts-yarn3": "^4.0.7",
+    "@xylabs/tsconfig-react": "^4.0.7",
     "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "typescript": "^5.5.4"
   },
   "peerDependencies": {
@@ -27,30 +51,7 @@
     "react": "^18",
     "react-dom": "^18"
   },
-  "exports": {
-    ".": {
-      "types": "./dist/browser/index.d.ts",
-      "default": "./dist/browser/index.mjs"
-    },
-    "./package.json": "./package.json"
-  },
-  "types": "dist/browser/index.d.ts",
-  "module": "./dist/browser/index.mjs",
-  "homepage": "https://xylabs.com",
-  "keywords": [
-    "utility",
-    "typescript",
-    "react"
-  ],
-  "license": "LGPL-3.0-only",
   "publishConfig": {
     "access": "public"
-  },
-  "repository": {
-    "type": "git",
-    "url": "https://github.com/xylabs/sdk-react.git"
-  },
-  "sideEffects": false,
-  "version": "4.0.2",
-  "type": "module"
+  }
 }

package/src/components/SelectEx.tsx

@@ -1,4 +1,5 @@
-import { PaletteMode, Select, SelectProps, useTheme } from '@mui/material'
+import type { PaletteMode, SelectProps } from '@mui/material'
+import { Select, useTheme } from '@mui/material'
 import React from 'react'
 
 export type SelectExProps<T> = SelectProps<T> & {
@@ -6,9 +7,16 @@ export type SelectExProps<T> = SelectProps<T> & {
   mode?: PaletteMode
 }
 
-export const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element = ({ MenuProps, mode = 'light', colorize, ...props }) => {
+export const SelectEx: <T>(props: SelectExProps<T>) => React.JSX.Element = ({
+  MenuProps, mode = 'light', colorize, ...props
+}) => {
   const theme = useTheme()
   const colorizeMenuProps = colorize ? { MenuListProps: { sx: { backgroundColor: theme.palette[colorize][mode] } } } : {}
 
-  return <Select MenuProps={{ ...MenuProps, ...colorizeMenuProps }} {...props} />
+  return (
+    <Select
+      MenuProps={{ ...MenuProps, ...colorizeMenuProps }}
+      {...props}
+    />
+  )
 }

package/xy.config.ts

@@ -1,9 +1,7 @@
-import { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
+import type { XyTsupConfig } from '@xylabs/ts-scripts-yarn3'
 const config: XyTsupConfig = {
   compile: {
-    browser: {
-      src: {},
-    },
+    browser: { src: {} },
     node: {},
     neutral: {},
   },