@stack-spot/portal-components 2.16.0 → 2.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +9 -0
  2. package/dist/components/Select/SelectSearch.d.ts.map +1 -1
  3. package/dist/components/Select/SelectSearch.js +15 -1
  4. package/dist/components/Select/SelectSearch.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/Select/SelectSearch.tsx +29 -3
package/CHANGELOG.md CHANGED
@@ -1,5 +1,14 @@
1
1
  # Changelog
2
2
 
3
+ ## [2.16.1](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.16.0...portal-components@v2.16.1) (2025-03-21)
4
+
5
+
6
+ ### Bug Fixes
7
+
8
+ * improve select component ([#819](https://github.com/stack-spot/portal-commons/issues/819)) ([b914639](https://github.com/stack-spot/portal-commons/commit/b9146391a94a463810bb7325e4d95ea219dd8546))
9
+ * improve select dropdown indicator ([#824](https://github.com/stack-spot/portal-commons/issues/824)) ([9d62e43](https://github.com/stack-spot/portal-commons/commit/9d62e4343bc11c01c0acfc5f78be88aed416ea01))
10
+ * resolve select search deps ([#822](https://github.com/stack-spot/portal-commons/issues/822)) ([0712f89](https://github.com/stack-spot/portal-commons/commit/0712f8991530b28d02cbbb4d9e2701593416092b))
11
+
3
12
  ## [2.16.0](https://github.com/stack-spot/portal-commons/compare/portal-components@v2.15.1...portal-components@v2.16.0) (2025-03-14)
4
13
 
5
14
 
package/dist/components/Select/SelectSearch.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectSearch.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectSearch.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,OAAO,CAAA;AACnC,OAAe,EAAE,UAAU,EAAsB,KAAK,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AAM3F,MAAM,WAAW,iBAAkB,SAAQ,OAAO,CAAC,WAAW,CAAC;IAC7D,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,GAAG,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;CACxB;AAED,eAAO,MAAM,YAAY,GAAI,oGAQ1B,iBAAiB,4CA0GhB,CAAA"}
1
+ {"version":3,"file":"SelectSearch.d.ts","sourceRoot":"","sources":["../../../src/components/Select/SelectSearch.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAiC,WAAW,EAAE,MAAM,OAAO,CAAA;AAClE,OAAe,EAAE,UAAU,EAAsB,KAAK,IAAI,WAAW,EAAE,MAAM,cAAc,CAAA;AAM3F,MAAM,WAAW,iBAAkB,SAAQ,OAAO,CAAC,WAAW,CAAC;IAC7D,OAAO,EAAE,GAAG,EAAE,CAAC;IACf,UAAU,CAAC,EAAE,OAAO,CAAC,OAAO,UAAU,CAAC,CAAC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,QAAQ,CAAC,EAAE,GAAG,KAAK,IAAI,CAAC;IACpC,GAAG,CAAC,EAAE,WAAW,CAAC,GAAG,CAAC,CAAC;CACxB;AAmBD,eAAO,MAAM,YAAY,GAAI,oGAQ1B,iBAAiB,4CA8GnB,CAAA"}
package/dist/components/Select/SelectSearch.js CHANGED
@@ -1,4 +1,6 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
1
+ import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
2
+ import { IconBox } from '@citric/core';
3
+ import { ChevronDown } from '@citric/icons';
2
4
  import { theme } from '@stack-spot/portal-theme';
3
5
  import { useTranslate } from '@stack-spot/portal-translate';
4
6
  import Select, { components } from 'react-select';
@@ -6,6 +8,15 @@ import { BadgeItem } from './BadgeItem.js';
6
8
  import { ClearInput } from './ClearInput.js';
7
9
  import { CloseItem } from './CloseItem.js';
8
10
  import { LabelItem } from './LabelItem.js';
11
+ const EmptyComponent = () => _jsx(_Fragment, {});
12
+ const DropdownIndicator = (props) => _jsx(IconBox, { "aria-hidden": "true", colorIcon: "gray.50", sx: {
13
+ cursor: 'pointer',
14
+ width: '10px',
15
+ height: '6px',
16
+ marginRight: '14px',
17
+ transition: 'transform 0.3s ease-in',
18
+ transform: `rotate(${props.selectProps.menuIsOpen ? '180' : '0'}deg)`,
19
+ }, children: _jsx(ChevronDown, {}) });
9
20
  export const SelectSearch = ({ options, components: customComponents = {}, onChange, styles: customStyles = {}, disabled, ref, ...props }) => {
10
21
  const t = useTranslate(dictionary);
11
22
  return (_jsx(Select, { options: options, onChange: onChange, isDisabled: disabled, ref: ref, noOptionsMessage: () => t.noOptions, ...props, styles: {
@@ -44,6 +55,7 @@ export const SelectSearch = ({ options, components: customComponents = {}, onCha
44
55
  input: (base, state) => ({
45
56
  ...base,
46
57
  color: theme.color.light.contrastText,
58
+ position: 'fixed',
47
59
  ...customStyles?.input?.(base, state),
48
60
  }),
49
61
  menu: (base, state) => ({
@@ -96,6 +108,8 @@ export const SelectSearch = ({ options, components: customComponents = {}, onCha
96
108
  }),
97
109
  }, components: {
98
110
  ...components,
111
+ DropdownIndicator,
112
+ IndicatorSeparator: EmptyComponent,
99
113
  MultiValueContainer: BadgeItem,
100
114
  MultiValueLabel: LabelItem,
101
115
  MultiValueRemove: CloseItem,
package/dist/components/Select/SelectSearch.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SelectSearch.js","sourceRoot":"","sources":["../../../src/components/Select/SelectSearch.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"SelectSearch.js","sourceRoot":"","sources":["../../../src/components/Select/SelectSearch.tsx"],"names":[],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@stack-spot/portal-components",
3
- "version": "2.16.0",
3
+ "version": "2.16.1",
4
4
  "type": "module",
5
5
  "main": "dist/index.js",
6
6
  "types": "dist/index.d.ts",
package/src/components/Select/SelectSearch.tsx CHANGED
@@ -1,6 +1,8 @@
1
+ import { IconBox } from '@citric/core'
2
+ import { ChevronDown } from '@citric/icons'
1
3
  import { theme } from '@stack-spot/portal-theme'
2
4
  import { Dictionary, useTranslate } from '@stack-spot/portal-translate'
3
- import { RefCallback } from 'react'
5
+ import { ComponentProps, ComponentType, RefCallback } from 'react'
4
6
  import Select, { components, CSSObjectWithLabel, Props as SelectProps } from 'react-select'
5
7
  import { BadgeItem } from './BadgeItem'
6
8
  import { ClearInput } from './ClearInput'
@@ -15,6 +17,23 @@ export interface SelectSearchProps extends Partial<SelectProps> {
15
17
  ref?: RefCallback<any>,
16
18
  }
17
19
 
20
+ const EmptyComponent = () => <></>
21
+
22
+ const DropdownIndicator: ComponentType<ComponentProps<typeof components.DropdownIndicator>> = (props) => <IconBox
23
+ aria-hidden="true"
24
+ colorIcon="gray.50"
25
+ sx={{
26
+ cursor: 'pointer',
27
+ width: '10px',
28
+ height: '6px',
29
+ marginRight: '14px',
30
+ transition: 'transform 0.3s ease-in',
31
+ transform: `rotate(${props.selectProps.menuIsOpen ? '180' : '0'}deg)`,
32
+ }}
33
+ >
34
+ <ChevronDown />
35
+ </IconBox>
36
+
18
37
  export const SelectSearch = ({
19
38
  options,
20
39
  components: customComponents = {},
@@ -69,12 +88,13 @@ export const SelectSearch = ({
69
88
  input: (base, state) => ({
70
89
  ...base,
71
90
  color: theme.color.light.contrastText,
91
+ position: 'fixed',
72
92
  ...customStyles?.input?.(base, state),
73
93
  }),
74
94
  menu: (base, state) => ({
75
95
  ...base,
76
96
  marginTop: '0.25rem',
77
- position: 'relative',
97
+ position: 'relative',
78
98
  ...customStyles?.menu?.(base, state),
79
99
  }),
80
100
  option: (base, state) => ({
@@ -122,6 +142,8 @@ export const SelectSearch = ({
122
142
  }}
123
143
  components={{
124
144
  ...components,
145
+ DropdownIndicator,
146
+ IndicatorSeparator: EmptyComponent,
125
147
  MultiValueContainer: BadgeItem,
126
148
  MultiValueLabel: LabelItem,
127
149
  MultiValueRemove: CloseItem,
@@ -129,7 +151,11 @@ export const SelectSearch = ({
129
151
  ...customComponents,
130
152
  }}
131
153
  />
132
- )}
154
+ )
155
+ }
156
+
157
+
158
+
133
159
 
134
160
  const dictionary = {
135
161
  en: {