armtek-uikit-react 1.0.32 → 1.0.34

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/assets/Checkbox.scss +21 -17
  2. package/assets/Chip.scss +3 -1
  3. package/package.json +1 -1
  4. package/ui/Chip/Chip.js +1 -0
  5. package/ui/Form/Select/Select.d.ts +6 -6
  6. package/ui/Form/Select/SelectSummary.d.ts +3 -3
  7. package/ui/Form/Select/SelectSummary.js +4 -4
package/assets/Checkbox.scss CHANGED
@@ -29,18 +29,20 @@
29
29
  content: '';
30
30
  left: 0;
31
31
  top: -3px;
32
+ box-sizing: border-box;
32
33
  }
33
34
  &:after{
34
35
  content: '';
35
36
  position: absolute;
36
37
  transform: rotate(45deg);
37
- left: 9px;
38
+ left: 8px;
38
39
  top: 1px;
39
- width: 5px;
40
- height: 10px;
40
+ width: 7px;
41
+ height: 11px;
41
42
  border-bottom: 2px solid;
42
43
  border-right: 2px solid;
43
44
  display: none;
45
+ box-sizing: border-box;
44
46
  }
45
47
  & span{
46
48
  display: inline-block;
@@ -55,8 +57,10 @@
55
57
  //padding-left: 27px;
56
58
  }
57
59
  &:after{
58
- left: 7px;
59
- top: 1px;
60
+ left: 6px;
61
+ top: 2px;
62
+ width: 6px;
63
+ height: 10px;
60
64
  }
61
65
  &:before{
62
66
  top:-1px;
@@ -70,10 +74,10 @@
70
74
  padding-left: 25px;
71
75
  }
72
76
  &:after{
73
- left: 7px;
77
+ left: 5px;
74
78
  top: 1px;
75
79
  height: 8px;
76
- width: 3px;
80
+ width: 6px;
77
81
  }
78
82
  &:before{
79
83
  top: -2px;
@@ -82,7 +86,7 @@
82
86
  .checkbox__label_intermediate{
83
87
  &:after{
84
88
  border-left: none;
85
- width: 16px;
89
+ width: 14px;
86
90
  transform: none;
87
91
  top: 7px;
88
92
  height: 0;
@@ -90,11 +94,11 @@
90
94
  border-right: none;
91
95
  }
92
96
  &.checkbox_medium:after{
93
- width: 12px;
97
+ width: 11px;
94
98
  }
95
99
  &.checkbox_small:after{
96
- width: 10px;
97
- top: 6px;
100
+ width: 9px;
101
+ top: 5px;
98
102
  }
99
103
  }
100
104
 
@@ -223,10 +227,10 @@
223
227
  border: none;
224
228
  border-radius: 50%;
225
229
  background: $color-primary;
226
- width: 12px;
227
- height: 12px;
228
- margin-top: -2px;
229
- margin-left: 1px;
230
+ width: 10px;
231
+ height: 10px;
232
+ margin-top: -3px;
233
+ margin-left: 0px;
230
234
  top:50%;
231
235
  left:50%;
232
236
  transform: translate(-50%, -50%);
@@ -235,14 +239,14 @@
235
239
  &:after{
236
240
  width: 8px;
237
241
  height: 8px;
238
- margin-top: 0;
242
+ margin-top: -1px;
239
243
  }
240
244
  }
241
245
  &.checkbox_small{
242
246
  &:after{
243
247
  width: 6px;
244
248
  height: 6px;
245
- margin-top: -1px;
249
+ margin-top: -2px;
246
250
  }
247
251
  }
248
252
  &.checkbox_error:before{
package/assets/Chip.scss CHANGED
@@ -7,7 +7,9 @@
7
7
  font-size: 13px;
8
8
  display: inline-block;
9
9
  }
10
-
10
+ .chip__text{
11
+ line-height: 1.15;
12
+ }
11
13
  .chip__inner{
12
14
  @include flex(center)
13
15
  }
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"armtek-uikit-react","version":"1.0.32","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
1
+ {"name":"armtek-uikit-react","version":"1.0.34","description":"Armtek UIKit for React","repository":{"type":"git","url":"ssh://git@gl.corp:10022/int/uikit/uikit_react.git"},"author":"","license":"ISC","dependencies":{"rc-slider":"^10.2.1","react":"*","react-datepicker":"^4.16.0","react-dom":"*"},"peerDependencies":{"react":"*","react-dom":"*"},"scripts":{"pub":"npm version patch && npm publish"}}
package/ui/Chip/Chip.js CHANGED
@@ -32,6 +32,7 @@ function Chip(props) {
32
32
  className: clsx('material_icon', css.chip__icon, css['chip__icon_' + size]),
33
33
  children: icon
34
34
  }), /*#__PURE__*/_jsx("span", {
35
+ className: css.chip__text,
35
36
  children: text || children
36
37
  }), onClose && /*#__PURE__*/_jsx("span", {
37
38
  className: clsx('material_icon_solid', {
package/ui/Form/Select/Select.d.ts CHANGED
@@ -6,9 +6,9 @@ type SelectBaseProps = {
6
6
  search?: boolean;
7
7
  open?: boolean;
8
8
  listStyle?: SelectOptionsType<true>['listStyle'];
9
- onSelectAll: () => void;
10
- onClearAll: () => void;
11
- onSubmit: () => void;
9
+ onSelectAll?: () => void;
10
+ onClearAll?: () => void;
11
+ onSubmit?: () => void;
12
12
  };
13
13
  type SelectSingleProps = {
14
14
  multiple?: false;
@@ -33,9 +33,9 @@ type SelectOptionsType<T extends boolean> = {
33
33
  multiple?: T;
34
34
  onClick: (option: OptionType) => void;
35
35
  listStyle?: 'checkbox' | 'default';
36
- onSelectAll: () => void;
37
- onClearAll: () => void;
38
- onSubmit: () => void;
36
+ onSelectAll?: () => void;
37
+ onClearAll?: () => void;
38
+ onSubmit?: () => void;
39
39
  disabled?: boolean;
40
40
  };
41
41
  export default Select;
package/ui/Form/Select/SelectSummary.d.ts CHANGED
@@ -4,9 +4,9 @@ export type SelectSummaryProps = {
4
4
  label_uncheck_all?: string;
5
5
  label_submit?: string;
6
6
  onClose: (option: OptionType) => void;
7
- onSelectAll: () => void;
8
- onClearAll: () => void;
9
- onSubmit: () => void;
7
+ onSelectAll?: () => void;
8
+ onClearAll?: () => void;
9
+ onSubmit?: () => void;
10
10
  options: OptionType[];
11
11
  value: string[];
12
12
  disabled?: boolean;
package/ui/Form/Select/SelectSummary.js CHANGED
@@ -27,7 +27,7 @@ export const SelectSummary = props => {
27
27
  return /*#__PURE__*/_jsx(_Fragment, {
28
28
  children: /*#__PURE__*/_jsxs("div", {
29
29
  className: clsx('Arm-select-summary', css.selectSummary),
30
- children: [/*#__PURE__*/_jsx("div", {
30
+ children: [selectedOptions.length > 0 && /*#__PURE__*/_jsx("div", {
31
31
  className: css.selectSummary__options,
32
32
  children: /*#__PURE__*/_jsx(SelectSummaryChips, {
33
33
  options: selectedOptions,
@@ -36,7 +36,7 @@ export const SelectSummary = props => {
36
36
  })
37
37
  }), /*#__PURE__*/_jsxs("div", {
38
38
  className: css.selectSummary__row,
39
- children: [/*#__PURE__*/_jsx("div", {
39
+ children: [!!onSelectAll && /*#__PURE__*/_jsx("div", {
40
40
  className: clsx(css.selectSummary__check, {
41
41
  [css.selectSummary__check_disabled]: selectAllDisabled
42
42
  }),
@@ -51,7 +51,7 @@ export const SelectSummary = props => {
51
51
  children: label_check_all
52
52
  })
53
53
  })
54
- }), /*#__PURE__*/_jsx("div", {
54
+ }), !!onClearAll && /*#__PURE__*/_jsx("div", {
55
55
  className: clsx(css.selectSummary__check, {
56
56
  [css.selectSummary__check_disabled]: resetAllDisabled
57
57
  }),
@@ -66,7 +66,7 @@ export const SelectSummary = props => {
66
66
  children: label_uncheck_all
67
67
  })
68
68
  })
69
- }), /*#__PURE__*/_jsx("div", {
69
+ }), !!onSubmit && /*#__PURE__*/_jsx("div", {
70
70
  children: /*#__PURE__*/_jsx(Button, {
71
71
  className: css.selectSummary__button,
72
72
  disabled: disabled,