@dktunited-techoff/techoff-suite-ui 1.15.7 → 1.15.9

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 (20) hide show
  1. package/esm/components/TsDropdowns/TsDropdown/TsDropdown.css +2 -1
  2. package/esm/components/TsDropdowns/TsDropdown/TsDropdown.js +2 -2
  3. package/esm/components/TsDropdowns/TsDropdown/TsDropdown.tsx +2 -2
  4. package/esm/components/TsTabs/TsTabs.css +3 -0
  5. package/esm/components/TsTabs/TsTabs.js +1 -2
  6. package/esm/components/TsTabs/TsTabs.js.map +1 -1
  7. package/esm/components/TsTabs/TsTabs.types.d.ts +1 -1
  8. package/lib/components/TsDropdowns/TsDropdown/TsDropdown.css +2 -1
  9. package/lib/components/TsDropdowns/TsDropdown/TsDropdown.js +2 -2
  10. package/lib/components/TsDropdowns/TsDropdown/TsDropdown.tsx +2 -2
  11. package/lib/components/TsTabs/TsTabs.css +3 -0
  12. package/lib/components/TsTabs/TsTabs.js +1 -2
  13. package/lib/components/TsTabs/TsTabs.js.map +1 -1
  14. package/lib/components/TsTabs/TsTabs.types.d.ts +1 -1
  15. package/package.json +1 -1
  16. package/src/components/TsDropdowns/TsDropdown/TsDropdown.css +2 -1
  17. package/src/components/TsDropdowns/TsDropdown/TsDropdown.tsx +2 -2
  18. package/src/components/TsTabs/TsTabs.css +3 -0
  19. package/src/components/TsTabs/TsTabs.tsx +1 -5
  20. package/src/components/TsTabs/TsTabs.types.ts +1 -1
package/esm/components/TsDropdowns/TsDropdown/TsDropdown.css CHANGED
@@ -11,7 +11,7 @@
11
11
  border: 1px solid #949494;
12
12
  cursor: pointer;
13
13
  }
14
- .ts-dropdown-input .icon .ts-icon{
14
+ .ts-dropdown-input .icon .ts-icon {
15
15
  background-color: #3542ba;
16
16
  color: #ffffff;
17
17
  border-radius: 50%;
@@ -29,6 +29,7 @@
29
29
  white-space: nowrap;
30
30
  }
31
31
  .ts-dropdown-input--value {
32
+ display: flex;
32
33
  flex: 1;
33
34
  font-weight: 600;
34
35
  overflow: hidden;
package/esm/components/TsDropdowns/TsDropdown/TsDropdown.js CHANGED
@@ -118,13 +118,13 @@ export const TsDropdown = ({ containerRef, error, errorAction, label, noItemFoun
118
118
  listMode && (React.createElement("div", { className: "ts-dropdown-input--value" }, chosenItems?.length > 0 && (React.createElement(React.Fragment, null,
119
119
  chosenItems.length > 2 ? (React.createElement("div", { className: "ts-dropdown-input--value" },
120
120
  chosenItems
121
- .map(item => getOptionValue(item))
121
+ .map(item => getOptionLabel(item))
122
122
  .slice(0, 2)
123
123
  .join(', '),
124
124
  ' ',
125
125
  "& ",
126
126
  chosenItems.length - 2,
127
- " others")) : (React.createElement("div", { className: "ts-dropdown-input--value" }, chosenItems.map(item => getOptionValue(item)).join(', '))),
127
+ " others")) : (React.createElement("div", { className: "ts-dropdown-input--value" }, chosenItems.map(item => getOptionLabel(item)).join(', '))),
128
128
  React.createElement("div", { className: "icon", onClick: event => handleEmptyList(event) },
129
129
  React.createElement(TsIcon, { name: "close" })))))),
130
130
  React.createElement("div", { className: "ts-dropdown-input--chevron" }, showDropdownMenu ? (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor" },
package/esm/components/TsDropdowns/TsDropdown/TsDropdown.tsx CHANGED
@@ -152,14 +152,14 @@ export const TsDropdown = <T,>({
152
152
  {chosenItems.length > 2 ? (
153
153
  <div className="ts-dropdown-input--value">
154
154
  {chosenItems
155
- .map(item => getOptionValue(item))
155
+ .map(item => getOptionLabel(item))
156
156
  .slice(0, 2)
157
157
  .join(', ')}{' '}
158
158
  & {chosenItems.length - 2} others
159
159
  </div>
160
160
  ) : (
161
161
  <div className="ts-dropdown-input--value">
162
- {chosenItems.map(item => getOptionValue(item)).join(', ')}
162
+ {chosenItems.map(item => getOptionLabel(item)).join(', ')}
163
163
  </div>
164
164
  )}
165
165
  <div className="icon" onClick={event => handleEmptyList(event)}>
package/esm/components/TsTabs/TsTabs.css CHANGED
@@ -38,6 +38,9 @@
38
38
  color: #8c96a2;
39
39
  cursor: not-allowed;
40
40
  }
41
+ .ts-tabs-item--icon {
42
+ margin-left: 8px;
43
+ }
41
44
  .ts-tabs-item--selected-pin {
42
45
  width: 6px;
43
46
  height: 6px;
package/esm/components/TsTabs/TsTabs.js CHANGED
@@ -60,9 +60,8 @@ export const TsTabs = ({ value, tabs }) => {
60
60
  ${tab.id === selectedTab.id ? 'ts-tabs-item--selected' : ''}
61
61
  ${tab.disabled ? 'ts-tabs-item--disabled' : ''}
62
62
  `, onClick: e => !tab.disabled && handleSelectTab(e, tab, 'main') },
63
- tab.icon && (React.createElement("div", { className: "ts-tabs-item--icon" },
64
- React.createElement(TsIcon, { name: tab.icon }))),
65
63
  React.createElement("div", { className: "ts-tabs-item--label" }, tab.label),
64
+ tab.icon && React.createElement("div", { className: "ts-tabs-item--icon" }, tab.icon),
66
65
  tab.id === selectedTab.id && React.createElement("div", { className: "ts-tabs-item--selected-pin" }),
67
66
  tab.id === selectedTab.id &&
68
67
  tab.subTabs?.map(subTab => (React.createElement("div", { key: subTab.id, className: "ts-tabs-sub-item", onClick: e => !subTab.disabled && handleSelectTab(e, subTab, 'sub') },
package/esm/components/TsTabs/TsTabs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TsTabs.js","sourceRoot":"","sources":["../../../src/components/TsTabs/TsTabs.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TsTabs.js","sourceRoot":"","sources":["../../../src/components/TsTabs/TsTabs.tsx"],"names":[],"mappings":"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"}
package/esm/components/TsTabs/TsTabs.types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ReactElement } from 'react';
2
2
  export type TabItem = {
3
- icon?: string;
3
+ icon?: ReactElement;
4
4
  id: string;
5
5
  label: string;
6
6
  disabled?: boolean;
package/lib/components/TsDropdowns/TsDropdown/TsDropdown.css CHANGED
@@ -11,7 +11,7 @@
11
11
  border: 1px solid #949494;
12
12
  cursor: pointer;
13
13
  }
14
- .ts-dropdown-input .icon .ts-icon{
14
+ .ts-dropdown-input .icon .ts-icon {
15
15
  background-color: #3542ba;
16
16
  color: #ffffff;
17
17
  border-radius: 50%;
@@ -29,6 +29,7 @@
29
29
  white-space: nowrap;
30
30
  }
31
31
  .ts-dropdown-input--value {
32
+ display: flex;
32
33
  flex: 1;
33
34
  font-weight: 600;
34
35
  overflow: hidden;
package/lib/components/TsDropdowns/TsDropdown/TsDropdown.js CHANGED
@@ -121,13 +121,13 @@ const TsDropdown = ({ containerRef, error, errorAction, label, noItemFoundMessag
121
121
  listMode && (React.createElement("div", { className: "ts-dropdown-input--value" }, chosenItems?.length > 0 && (React.createElement(React.Fragment, null,
122
122
  chosenItems.length > 2 ? (React.createElement("div", { className: "ts-dropdown-input--value" },
123
123
  chosenItems
124
- .map(item => getOptionValue(item))
124
+ .map(item => getOptionLabel(item))
125
125
  .slice(0, 2)
126
126
  .join(', '),
127
127
  ' ',
128
128
  "& ",
129
129
  chosenItems.length - 2,
130
- " others")) : (React.createElement("div", { className: "ts-dropdown-input--value" }, chosenItems.map(item => getOptionValue(item)).join(', '))),
130
+ " others")) : (React.createElement("div", { className: "ts-dropdown-input--value" }, chosenItems.map(item => getOptionLabel(item)).join(', '))),
131
131
  React.createElement("div", { className: "icon", onClick: event => handleEmptyList(event) },
132
132
  React.createElement(TsIcon_1.TsIcon, { name: "close" })))))),
133
133
  React.createElement("div", { className: "ts-dropdown-input--chevron" }, showDropdownMenu ? (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 24 24", fill: "currentColor" },
package/lib/components/TsDropdowns/TsDropdown/TsDropdown.tsx CHANGED
@@ -152,14 +152,14 @@ export const TsDropdown = <T,>({
152
152
  {chosenItems.length > 2 ? (
153
153
  <div className="ts-dropdown-input--value">
154
154
  {chosenItems
155
- .map(item => getOptionValue(item))
155
+ .map(item => getOptionLabel(item))
156
156
  .slice(0, 2)
157
157
  .join(', ')}{' '}
158
158
  & {chosenItems.length - 2} others
159
159
  </div>
160
160
  ) : (
161
161
  <div className="ts-dropdown-input--value">
162
- {chosenItems.map(item => getOptionValue(item)).join(', ')}
162
+ {chosenItems.map(item => getOptionLabel(item)).join(', ')}
163
163
  </div>
164
164
  )}
165
165
  <div className="icon" onClick={event => handleEmptyList(event)}>
package/lib/components/TsTabs/TsTabs.css CHANGED
@@ -38,6 +38,9 @@
38
38
  color: #8c96a2;
39
39
  cursor: not-allowed;
40
40
  }
41
+ .ts-tabs-item--icon {
42
+ margin-left: 8px;
43
+ }
41
44
  .ts-tabs-item--selected-pin {
42
45
  width: 6px;
43
46
  height: 6px;
package/lib/components/TsTabs/TsTabs.js CHANGED
@@ -63,9 +63,8 @@ const TsTabs = ({ value, tabs }) => {
63
63
  ${tab.id === selectedTab.id ? 'ts-tabs-item--selected' : ''}
64
64
  ${tab.disabled ? 'ts-tabs-item--disabled' : ''}
65
65
  `, onClick: e => !tab.disabled && handleSelectTab(e, tab, 'main') },
66
- tab.icon && (React.createElement("div", { className: "ts-tabs-item--icon" },
67
- React.createElement(TsIcon_1.TsIcon, { name: tab.icon }))),
68
66
  React.createElement("div", { className: "ts-tabs-item--label" }, tab.label),
67
+ tab.icon && React.createElement("div", { className: "ts-tabs-item--icon" }, tab.icon),
69
68
  tab.id === selectedTab.id && React.createElement("div", { className: "ts-tabs-item--selected-pin" }),
70
69
  tab.id === selectedTab.id &&
71
70
  tab.subTabs?.map(subTab => (React.createElement("div", { key: subTab.id, className: "ts-tabs-sub-item", onClick: e => !subTab.disabled && handleSelectTab(e, subTab, 'sub') },
package/lib/components/TsTabs/TsTabs.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"TsTabs.js","sourceRoot":"","sources":["../../../src/components/TsTabs/TsTabs.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TsTabs.js","sourceRoot":"","sources":["../../../src/components/TsTabs/TsTabs.tsx"],"names":[],"mappings":"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"}
package/lib/components/TsTabs/TsTabs.types.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  import { ReactElement } from 'react';
2
2
  export type TabItem = {
3
- icon?: string;
3
+ icon?: ReactElement;
4
4
  id: string;
5
5
  label: string;
6
6
  disabled?: boolean;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@dktunited-techoff/techoff-suite-ui",
3
- "version": "1.15.7",
3
+ "version": "1.15.9",
4
4
  "main": "lib/index.js",
5
5
  "types": "./lib",
6
6
  "module": "esm/index.js",
package/src/components/TsDropdowns/TsDropdown/TsDropdown.css CHANGED
@@ -11,7 +11,7 @@
11
11
  border: 1px solid #949494;
12
12
  cursor: pointer;
13
13
  }
14
- .ts-dropdown-input .icon .ts-icon{
14
+ .ts-dropdown-input .icon .ts-icon {
15
15
  background-color: #3542ba;
16
16
  color: #ffffff;
17
17
  border-radius: 50%;
@@ -29,6 +29,7 @@
29
29
  white-space: nowrap;
30
30
  }
31
31
  .ts-dropdown-input--value {
32
+ display: flex;
32
33
  flex: 1;
33
34
  font-weight: 600;
34
35
  overflow: hidden;
package/src/components/TsDropdowns/TsDropdown/TsDropdown.tsx CHANGED
@@ -152,14 +152,14 @@ export const TsDropdown = <T,>({
152
152
  {chosenItems.length > 2 ? (
153
153
  <div className="ts-dropdown-input--value">
154
154
  {chosenItems
155
- .map(item => getOptionValue(item))
155
+ .map(item => getOptionLabel(item))
156
156
  .slice(0, 2)
157
157
  .join(', ')}{' '}
158
158
  & {chosenItems.length - 2} others
159
159
  </div>
160
160
  ) : (
161
161
  <div className="ts-dropdown-input--value">
162
- {chosenItems.map(item => getOptionValue(item)).join(', ')}
162
+ {chosenItems.map(item => getOptionLabel(item)).join(', ')}
163
163
  </div>
164
164
  )}
165
165
  <div className="icon" onClick={event => handleEmptyList(event)}>
package/src/components/TsTabs/TsTabs.css CHANGED
@@ -38,6 +38,9 @@
38
38
  color: #8c96a2;
39
39
  cursor: not-allowed;
40
40
  }
41
+ .ts-tabs-item--icon {
42
+ margin-left: 8px;
43
+ }
41
44
  .ts-tabs-item--selected-pin {
42
45
  width: 6px;
43
46
  height: 6px;
package/src/components/TsTabs/TsTabs.tsx CHANGED
@@ -67,12 +67,8 @@ export const TsTabs = ({ value, tabs }: TsTabsProps) => {
67
67
  `}
68
68
  onClick={e => !tab.disabled && handleSelectTab(e, tab, 'main')}
69
69
  >
70
- {tab.icon && (
71
- <div className="ts-tabs-item--icon">
72
- <TsIcon name={tab.icon} />
73
- </div>
74
- )}
75
70
  <div className="ts-tabs-item--label">{tab.label}</div>
71
+ {tab.icon && <div className="ts-tabs-item--icon">{tab.icon}</div>}
76
72
  {tab.id === selectedTab.id && <div className="ts-tabs-item--selected-pin" />}
77
73
 
78
74
  {tab.id === selectedTab.id &&
package/src/components/TsTabs/TsTabs.types.ts CHANGED
@@ -1,7 +1,7 @@
1
1
  import { ReactElement } from 'react';
2
2
 
3
3
  export type TabItem = {
4
- icon?: string;
4
+ icon?: ReactElement;
5
5
  id: string;
6
6
  label: string;
7
7
  disabled?: boolean;