@synerise/ds-select 0.15.13 → 0.15.15

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 (7) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/README.md +1 -1
  3. package/dist/Select.d.ts +3 -3
  4. package/dist/Select.js +5 -5
  5. package/dist/Select.styles.js +2 -2
  6. package/dist/Select.types.d.ts +8 -8
  7. package/package.json +11 -8
package/CHANGELOG.md CHANGED
@@ -3,6 +3,25 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.15.15](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@0.15.14...@synerise/ds-select@0.15.15) (2023-09-05)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-select
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.15.14](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@0.15.13...@synerise/ds-select@0.15.14) (2023-08-30)
15
+
16
+
17
+ ### Bug Fixes
18
+
19
+ * **select:** fixed styles for select multiple mode ([644521f](https://github.com/synerise/synerise-design/commit/644521f05265340624f5ae3cc3a6744309cf62ac))
20
+
21
+
22
+
23
+
24
+
6
25
  ## [0.15.13](https://github.com/synerise/synerise-design/compare/@synerise/ds-select@0.15.12...@synerise/ds-select@0.15.13) (2023-08-25)
7
26
 
8
27
  **Note:** Version bump only for package @synerise/ds-select
package/README.md CHANGED
@@ -99,7 +99,7 @@ const { Option, OptGroup } = Select;
99
99
  | removeIcon | The custom remove icon | React.ReactNode | - |
100
100
  | showArrow | Whether to show the drop-down arrow | boolean | `true` |
101
101
  | showSearch | Whether show search input in single mode. | boolean | `false` |
102
- | size | Size of Select input. default large small | string | `default` |
102
+ | size | Size of Select input. `default` or `large`. `small` is deprecated | string | `default` |
103
103
  | suffixIcon | The custom suffix icon | React.ReactNode | - |
104
104
  | tokenSeparators | Separator used to tokenize on tag/multiple mode | string[] | |
105
105
  | tooltip | Tooltip content | React.ReactNode | - |
package/dist/Select.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import * as React from 'react';
1
+ import { ReactNode, Component } from 'react';
2
2
  import '@synerise/ds-core/dist/js/style';
3
3
  import './style/index.less';
4
4
  import { Props } from './Select.types';
5
- declare class Select extends React.Component<Props> {
5
+ declare class Select extends Component<Props> {
6
6
  static Option: import("styled-components").StyledComponent<import("rc-select/lib/Option").OptionFC, any, {}, never>;
7
7
  static OptGroup: import("styled-components").StyledComponent<import("rc-select/lib/OptGroup").OptionGroupFC, any, {}, never>;
8
- render(): React.ReactNode;
8
+ render(): ReactNode;
9
9
  }
10
10
  export default Select;
package/dist/Select.js CHANGED
@@ -8,7 +8,7 @@ function _inheritsLoose(subClass, superClass) { subClass.prototype = Object.crea
8
8
 
9
9
  function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
10
10
 
11
- import * as React from 'react';
11
+ import React, { Component } from 'react';
12
12
  import { ErrorText, Description } from '@synerise/ds-typography';
13
13
  import '@synerise/ds-core/dist/js/style';
14
14
  import "./style/index.css";
@@ -18,11 +18,11 @@ import { getPopupContainer as defaultGetPopupContainer } from '@synerise/ds-util
18
18
  import classNames from 'classnames';
19
19
  import * as S from './Select.styles';
20
20
 
21
- var Select = /*#__PURE__*/function (_React$Component) {
22
- _inheritsLoose(Select, _React$Component);
21
+ var Select = /*#__PURE__*/function (_Component) {
22
+ _inheritsLoose(Select, _Component);
23
23
 
24
24
  function Select() {
25
- return _React$Component.apply(this, arguments) || this;
25
+ return _Component.apply(this, arguments) || this;
26
26
  }
27
27
 
28
28
  var _proto = Select.prototype;
@@ -95,7 +95,7 @@ var Select = /*#__PURE__*/function (_React$Component) {
95
95
  };
96
96
 
97
97
  return Select;
98
- }(React.Component);
98
+ }(Component);
99
99
 
100
100
  _defineProperty(Select, "Option", S.AntdSelectOption);
101
101
 
package/dist/Select.styles.js CHANGED
@@ -33,8 +33,8 @@ export var SelectContainer = styled.div.withConfig({
33
33
  export var AntdSelect = styled(Select).withConfig({
34
34
  displayName: "Selectstyles__AntdSelect",
35
35
  componentId: "n9lk0v-1"
36
- })(["", " &&{.ant-select-selector{", "}&&&{width:100%;.ant-select-clear{height:18px;background-position:center;background-repeat:no-repeat;background-size:contain;top:50%;right:8px;transform-origin:50% 25%;display:flex;transform:translateY(-50%);align-items:center;justify-content:center;margin-top:0;}.ant-select-selector{", " ", "}span[aria-label='search']{svg{display:none;}width:24px;height:24px;background-color:rgba(0,0,0,0);background-image:", ";}}&.error{.ant-select-selector{", "}.ant-select-clear{background-color:", ";}}"], function (props) {
37
- return props.size === 'large' && "\n &&& {\n height:48px;\n .ant-select-selector, .ant-select-selection-search-input{\n height:48px !important;\n }\n\n .ant-select-selection-item, .ant-select-selection-placeholder{\n line-height:46px !important;\n }\n }\n ";
36
+ })(["", " &.ant-select-multiple{.ant-select-arrow{top:16px;}}&&{.ant-select-selector{", "}}&&&{width:100%;.ant-select-clear{height:18px;background-position:center;background-repeat:no-repeat;background-size:contain;top:50%;right:8px;transform-origin:50% 25%;display:flex;transform:translateY(-50%);align-items:center;justify-content:center;margin-top:0;}.ant-select-selector{", " ", "}span[aria-label='search']{svg{display:none;}width:24px;height:24px;background-color:rgba(0,0,0,0);background-image:", ";}}&.error{.ant-select-selector{", "}.ant-select-clear{background-color:", ";}}"], function (props) {
37
+ return props.size === 'large' && "\n\n &.ant-select-single .ant-select-selector, \n &.ant-select-single .ant-select-selection-search-input {\n height:48px;\n }\n\n &.ant-select-single .ant-select-selection-item, \n &.ant-select-single .ant-select-selection-placeholder {\n line-height:46px;\n }\n \n &.ant-select-multiple.ant-select-lg {\n .ant-select-arrow {\n top: 23px\n }\n .ant-select-selector {\n padding: 8px;\n }\n\n .ant-select-selector::after,\n .ant-select-selection-item,\n .ant-select-selection-search {\n height: 24px; \n line-height: 22px;\n }\n }\n\n ";
38
38
  }, function (props) {
39
39
  return !!props.selectorStyle && css(props.selectorStyle);
40
40
  }, function (props) {
package/dist/Select.types.d.ts CHANGED
@@ -1,19 +1,19 @@
1
1
  import type { SelectProps, SelectValue } from 'antd/lib/select';
2
2
  import type { TooltipProps } from 'antd/lib/tooltip';
3
- import type * as React from 'react';
3
+ import type { ReactNode, ReactText } from 'react';
4
4
  import type { CSSObject } from 'styled-components';
5
5
  import type TooltipExtendedProps from '@synerise/ds-tooltip/dist/Tooltip.types';
6
6
  export interface Props<T = SelectValue> extends Omit<SelectProps<T>, 'listHeight'> {
7
- errorText?: React.ReactNode | string;
7
+ errorText?: ReactNode | string;
8
8
  error?: boolean;
9
- label?: React.ReactNode;
10
- description?: React.ReactNode;
11
- tooltip?: React.ReactNode;
9
+ label?: ReactNode;
10
+ description?: ReactNode;
11
+ tooltip?: ReactNode;
12
12
  tooltipConfig?: TooltipExtendedProps & TooltipProps;
13
13
  clearTooltip?: string;
14
- prefixel?: React.ReactNode;
15
- suffixel?: React.ReactNode;
16
- listHeight?: React.ReactText;
14
+ prefixel?: ReactNode;
15
+ suffixel?: ReactNode;
16
+ listHeight?: ReactText;
17
17
  grey?: boolean;
18
18
  selectorStyle?: CSSObject;
19
19
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-select",
3
- "version": "0.15.13",
3
+ "version": "0.15.15",
4
4
  "description": "Select UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "synerise/synerise-design",
@@ -32,18 +32,21 @@
32
32
  ],
33
33
  "types": "dist/index.d.ts",
34
34
  "dependencies": {
35
- "@synerise/ds-icon": "^0.58.0",
36
- "@synerise/ds-input": "^0.18.48",
37
- "@synerise/ds-typography": "^0.12.8",
35
+ "@synerise/ds-icon": "^0.58.1",
36
+ "@synerise/ds-input": "^0.18.50",
37
+ "@synerise/ds-tooltip": "^0.14.3",
38
+ "@synerise/ds-typography": "^0.12.9",
38
39
  "classnames": "^2.2.6"
39
40
  },
40
41
  "peerDependencies": {
41
42
  "@synerise/ds-core": "*",
42
- "antd": "^4",
43
- "react": ">=16.9.0 < 17.0.0"
43
+ "antd": "4.7.0",
44
+ "react": ">=16.9.0 < 17.0.0",
45
+ "styled-components": "5.0.1"
44
46
  },
45
47
  "devDependencies": {
46
- "@synerise/ds-utils": "^0.19.0"
48
+ "@synerise/ds-utils": "^0.24.15",
49
+ "@testing-library/react": "10.0.1"
47
50
  },
48
- "gitHead": "9d424b025fe368bbf3beccea2102f000f4d7e82c"
51
+ "gitHead": "a2b1a3a78d87edfdbe97ae2f66573f4736f30e8b"
49
52
  }