@stack-spot/portal-components 2.19.2 → 2.21.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [2.21.0](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.20.0...portal-components@v2.21.0) (2025-04-17)
+
+
+### Features
+
+* Feat Export Custom Select Types ([#943](https://github.com/stack-spot/portal-commons/issues/943)) ([bada3ed](https://github.com/stack-spot/portal-commons/commit/bada3ed7092e8a8f1e7a99afd92f5242dbef3976))
+
+## [2.20.0](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.19.2...portal-components@v2.20.0) (2025-04-17)
+
+
+### Features
+
+* custom menu ([#940](https://github.com/stack-spot/portal-commons/issues/940)) ([bdf4295](https://github.com/stack-spot/portal-commons/commit/bdf42958bdf03a76c83209eee28eaf4f62bc68b8))
+
 ## [2.19.2](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.19.1...portal-components@v2.19.2) (2025-04-17)
 
 

package/dist/components/Select/CustomMenu.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { GroupBase, MenuProps } from 'react-select';
+interface CustomMenuProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>> extends MenuProps<Option, IsMulti, Group> {
+    afterList?: ReactNode;
+}
+export declare const CustomMenu: <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(props: CustomMenuProps<Option, IsMulti, Group>) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CustomMenu.d.ts.map

package/dist/components/Select/CustomMenu.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomMenu.d.ts","sourceRoot":"","sources":["../../../src/components/Select/CustomMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,EAAc,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE/D,UAAU,eAAe,CAAC,MAAM,EAAE,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,CACxF,SAAQ,SAAS,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC;IACzC,SAAS,CAAC,EAAE,SAAS,CAAC;CACvB;AAED,eAAO,MAAM,UAAU,GAAI,MAAM,EAAE,OAAO,SAAS,OAAO,EAAE,KAAK,SAAS,SAAS,CAAC,MAAM,CAAC,EACzF,OAAO,eAAe,CAAC,MAAM,EAAE,OAAO,EAAE,KAAK,CAAC,4CAM7C,CAAA"}

package/dist/components/Select/CustomMenu.js

@@ -0,0 +1,4 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { components } from 'react-select';
+export const CustomMenu = (props) => (_jsxs(components.Menu, { ...props, children: [props.children, props.afterList && _jsx(_Fragment, { children: props.afterList })] }));
+//# sourceMappingURL=CustomMenu.js.map

package/dist/components/Select/CustomMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CustomMenu.js","sourceRoot":"","sources":["../../../src/components/Select/CustomMenu.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,UAAU,EAAwB,MAAM,cAAc,CAAA;AAO/D,MAAM,CAAC,MAAM,UAAU,GAAG,CACxB,KAA8C,EAC9C,EAAE,CAAC,CACD,MAAC,UAAU,CAAC,IAAI,OAAK,KAAK,aACvB,KAAK,CAAC,QAAQ,EACd,KAAK,CAAC,SAAS,IAAI,4BAAG,KAAK,CAAC,SAAS,GAAI,IAC1B,CACnB,CAAA"}

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

@@ -1,4 +1,5 @@
 import { CreatableSelect } from './CreatableSelect.js';
+import { CustomMenu } from './CustomMenu.js';
 import { SelectSearch, SelectSearchProps } from './SelectSearch.js';
-export { CreatableSelect, SelectSearch, SelectSearchProps };
+export { CreatableSelect, CustomMenu, SelectSearch, SelectSearchProps };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEhE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAEhE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAA"}

package/dist/components/Select/index.js

@@ -1,4 +1,5 @@
 import { CreatableSelect } from './CreatableSelect.js';
+import { CustomMenu } from './CustomMenu.js';
 import { SelectSearch } from './SelectSearch.js';
-export { CreatableSelect, SelectSearch };
+export { CreatableSelect, CustomMenu, SelectSearch };
 //# sourceMappingURL=index.js.map

package/dist/components/Select/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAA;AAEhE,OAAO,EAAE,eAAe,EAAE,YAAY,EAAqB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Select/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AACzC,OAAO,EAAE,YAAY,EAAqB,MAAM,gBAAgB,CAAA;AAEhE,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,YAAY,EAAqB,CAAA"}

package/dist/index.d.ts

@@ -3,6 +3,7 @@ export { BannerWarning } from './components/BannerWarning.js';
 export { ButtonLoading } from './components/ButtonLoading.js';
 export { ChatBot } from './components/ChatBot.js';
 export * from './components/Select/index.js';
+export * from './components/Select/types.js';
 export { useDateFormatter } from './hooks/date.js';
 export { useKeyboardControls } from './hooks/keyboard.js';
 export { useManualRender } from './hooks/manual-render.js';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,cAAc,qBAAqB,CAAA;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,UAAU,IAAI,oBAAoB,EAAE,iCAAiC,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AACpJ,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,cAAc,qBAAqB,CAAA;AACnC,cAAe,2BAA2B,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,UAAU,IAAI,oBAAoB,EAAE,iCAAiC,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AACpJ,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA"}

package/dist/index.js

@@ -3,6 +3,7 @@ export { BannerWarning } from './components/BannerWarning.js';
 export { ButtonLoading } from './components/ButtonLoading.js';
 export { ChatBot } from './components/ChatBot.js';
 export * from './components/Select/index.js';
+export * from './components/Select/types.js';
 export { useDateFormatter } from './hooks/date.js';
 export { useKeyboardControls } from './hooks/keyboard.js';
 export { useManualRender } from './hooks/manual-render.js';

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,cAAc,qBAAqB,CAAA;AACnC,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,UAAU,IAAI,oBAAoB,EAAE,iCAAiC,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AACpJ,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAA;AACxD,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,4BAA4B,CAAA;AAC1D,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AAC9C,cAAc,qBAAqB,CAAA;AACnC,cAAe,2BAA2B,CAAA;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,cAAc,CAAA;AAC/C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAA;AACtD,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,UAAU,IAAI,oBAAoB,EAAE,iCAAiC,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA;AACpJ,OAAO,EAAE,oBAAoB,EAAE,MAAM,cAAc,CAAA;AACnD,OAAO,EAAE,WAAW,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,yBAAyB,CAAA;AACvD,cAAc,uBAAuB,CAAA;AACrC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@stack-spot/portal-components",
-  "version": "2.19.2",
+  "version": "2.21.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/src/components/Select/CustomMenu.tsx

@@ -0,0 +1,16 @@
+import { ReactNode } from 'react'
+import { components, GroupBase, MenuProps } from 'react-select'
+
+interface CustomMenuProps<Option, IsMulti extends boolean, Group extends GroupBase<Option>>
+  extends MenuProps<Option, IsMulti, Group> {
+  afterList?: ReactNode,
+}
+
+export const CustomMenu = <Option, IsMulti extends boolean, Group extends GroupBase<Option>>(
+  props: CustomMenuProps<Option, IsMulti, Group>,
+) => (
+    <components.Menu {...props}>
+      {props.children}
+      {props.afterList && <>{props.afterList}</>}
+    </components.Menu>
+  )

package/src/components/Select/index.tsx

@@ -1,5 +1,6 @@
 import { CreatableSelect } from './CreatableSelect'
+import { CustomMenu } from './CustomMenu'
 import { SelectSearch, SelectSearchProps } from './SelectSearch'
 
-export { CreatableSelect, SelectSearch, SelectSearchProps }
+export { CreatableSelect, CustomMenu, SelectSearch, SelectSearchProps }
 

package/src/index.ts

@@ -3,6 +3,7 @@ export { BannerWarning } from './components/BannerWarning'
 export { ButtonLoading } from './components/ButtonLoading'
 export { ChatBot } from './components/ChatBot'
 export * from './components/Select'
+export *  from './components/Select/types'
 export { useDateFormatter } from './hooks/date'
 export { useKeyboardControls } from './hooks/keyboard'
 export { useManualRender } from './hooks/manual-render'