@workday/canvas-kit-labs-react 11.0.11 → 11.0.13
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.
- package/combobox/lib/Combobox.tsx +4 -1
- package/dist/commonjs/combobox/lib/Combobox.d.ts.map +1 -1
- package/dist/commonjs/combobox/lib/Combobox.js +3 -1
- package/dist/commonjs/expandable/lib/ExpandableIcon.d.ts.map +1 -1
- package/dist/commonjs/expandable/lib/ExpandableIcon.js +6 -2
- package/dist/commonjs/search-form/lib/SearchForm.d.ts.map +1 -1
- package/dist/commonjs/search-form/lib/SearchForm.js +3 -1
- package/dist/es6/combobox/lib/Combobox.d.ts.map +1 -1
- package/dist/es6/combobox/lib/Combobox.js +4 -2
- package/dist/es6/expandable/lib/ExpandableIcon.d.ts.map +1 -1
- package/dist/es6/expandable/lib/ExpandableIcon.js +7 -3
- package/dist/es6/search-form/lib/SearchForm.d.ts.map +1 -1
- package/dist/es6/search-form/lib/SearchForm.js +4 -2
- package/expandable/lib/ExpandableIcon.tsx +7 -2
- package/package.json +3 -3
- package/search-form/lib/SearchForm.tsx +9 -4
|
@@ -6,6 +6,7 @@ import {
|
|
|
6
6
|
styled,
|
|
7
7
|
useIsRTL,
|
|
8
8
|
useUniqueId,
|
|
9
|
+
filterOutProps,
|
|
9
10
|
} from '@workday/canvas-kit-react/common';
|
|
10
11
|
import {space, commonColors, borderRadius} from '@workday/canvas-kit-react/tokens';
|
|
11
12
|
import {Card} from '@workday/canvas-kit-react/card';
|
|
@@ -112,7 +113,9 @@ const MenuContainer = styled(Card)({
|
|
|
112
113
|
overflow: 'hidden',
|
|
113
114
|
});
|
|
114
115
|
|
|
115
|
-
const ResetButton = styled(TertiaryButton
|
|
116
|
+
const ResetButton = styled(TertiaryButton, {
|
|
117
|
+
shouldForwardProp: filterOutProps(['shouldShow']),
|
|
118
|
+
})<{shouldShow: boolean}>(
|
|
116
119
|
{
|
|
117
120
|
position: 'absolute',
|
|
118
121
|
margin: `auto ${space.xxxs}`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,EAMf,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAKpE,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAEhC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACpD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACxE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA6DD,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW,qEACc,CAAC;AAEvC,eAAO,MAAM,kBAAkB,cAAe,MAAM,SAAS,WAc5D,CAAC;AAYF,eAAO,MAAM,QAAQ,wLAelB,aAAa,gBAuTf,CAAC"}
|
|
@@ -66,7 +66,9 @@ const MenuContainer = common_1.styled(card_1.Card)({
|
|
|
66
66
|
maxHeight: 200,
|
|
67
67
|
overflow: 'hidden',
|
|
68
68
|
});
|
|
69
|
-
const ResetButton = common_1.styled(button_1.TertiaryButton
|
|
69
|
+
const ResetButton = common_1.styled(button_1.TertiaryButton, {
|
|
70
|
+
shouldForwardProp: common_1.filterOutProps(['shouldShow']),
|
|
71
|
+
})({
|
|
70
72
|
position: 'absolute',
|
|
71
73
|
margin: `auto ${tokens_1.space.xxxs}`,
|
|
72
74
|
top: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableIcon.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,
|
|
1
|
+
{"version":3,"file":"ExpandableIcon.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAK/D,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAC/F;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;AA4BD,eAAO,MAAM,cAAc;;;;;;;;;EAqB1B,CAAC"}
|
|
@@ -11,7 +11,9 @@ const useExpandableIcon_1 = require("./hooks/useExpandableIcon");
|
|
|
11
11
|
const icon_1 = require("@workday/canvas-kit-react/icon");
|
|
12
12
|
const tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
13
13
|
const useExpandableModel_1 = require("./hooks/useExpandableModel");
|
|
14
|
-
const StyledEndIcon = common_1.styled(icon_1.SystemIcon
|
|
14
|
+
const StyledEndIcon = common_1.styled(icon_1.SystemIcon, {
|
|
15
|
+
shouldForwardProp: common_1.filterOutProps(['visible']),
|
|
16
|
+
})({
|
|
15
17
|
marginLeft: 'auto',
|
|
16
18
|
}, ({ visible }) => ({
|
|
17
19
|
transform: !visible ? 'rotate(-180deg)' : undefined,
|
|
@@ -19,7 +21,9 @@ const StyledEndIcon = common_1.styled(icon_1.SystemIcon)({
|
|
|
19
21
|
? `${tokens_1.space.xxxs} ${tokens_1.space.xs} ${tokens_1.space.xxxs} ${tokens_1.space.xxxs}`
|
|
20
22
|
: `${tokens_1.space.xxxs} ${tokens_1.space.xxxs} ${tokens_1.space.xxxs} ${tokens_1.space.xs}`,
|
|
21
23
|
}));
|
|
22
|
-
const StyledStartIcon = common_1.styled(icon_1.SystemIcon
|
|
24
|
+
const StyledStartIcon = common_1.styled(icon_1.SystemIcon, {
|
|
25
|
+
shouldForwardProp: common_1.filterOutProps(['visible']),
|
|
26
|
+
})({
|
|
23
27
|
margin: `0 ${tokens_1.space.xxs} 0 0`,
|
|
24
28
|
padding: tokens_1.space.xxxs,
|
|
25
29
|
}, ({ visible }) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchForm.d.ts","sourceRoot":"","sources":["../../../../search-form/lib/SearchForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,
|
|
1
|
+
{"version":3,"file":"SearchForm.d.ts","sourceRoot":"","sources":["../../../../search-form/lib/SearchForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,cAAc,EAIf,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAKrF,OAAO,EAAe,WAAW,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAC;AAG1E,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAChG;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,qBAAqB,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAmLD,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,KAAK,qBAAe;IAE3B,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,OAAO,CAAwC;IACvD,OAAO,CAAC,cAAc,CAAsB;IAE5C,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAI9B;IAEF,OAAO,CAAC,QAAQ,CAUd;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,iBAAiB,QAAO,mBAAmB,CAAC,SAAS,CAAC,CAOpD;IAEF,YAAY,UAAW,MAAM,SAAS,CAAC,eAAe,CAAC,KAAG,IAAI,CAO5D;IAEF,mBAAmB,QAAO,IAAI,CAI5B;IAEF,oBAAoB,QAAO,IAAI,CAI7B;IAEF,kBAAkB,CAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe;IAWzE,UAAU,QAAO,IAAI,CAInB;IAEF,SAAS,QAAO,IAAI,CAIlB;IAEF,WAAW,QAAO,IAAI,CAEpB;IAEF,UAAU,QAAO,IAAI,CAEnB;IAEF,uBAAuB,UAAW,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI,CAM1E;IAEF,MAAM;CAoGP"}
|
|
@@ -91,7 +91,9 @@ const SearchContainer = common_1.styled('div')({
|
|
|
91
91
|
const SearchCombobox = common_1.styled(combobox_1.Combobox)({
|
|
92
92
|
width: `100%`,
|
|
93
93
|
});
|
|
94
|
-
const SearchIcon = common_1.styled(button_1.TertiaryButton
|
|
94
|
+
const SearchIcon = common_1.styled(button_1.TertiaryButton, {
|
|
95
|
+
shouldForwardProp: common_1.filterOutProps(['isHidden']),
|
|
96
|
+
})(({ isCollapsed, isHidden }) => {
|
|
95
97
|
return {
|
|
96
98
|
position: `absolute`,
|
|
97
99
|
margin: isCollapsed ? `auto ${tokens_1.space.xxs}` : `auto ${tokens_1.space.xxxs}`,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,
|
|
1
|
+
{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../../combobox/lib/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkE,MAAM,OAAO,CAAC;AAEvF,OAAO,EACL,cAAc,EAMf,MAAM,kCAAkC,CAAC;AAG1C,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAErF,OAAO,EAAC,cAAc,EAAC,MAAM,sCAAsC,CAAC;AAKpE,MAAM,WAAW,qBAAqB;IAEpC,MAAM,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,CAAC;IAEhC,KAAK,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;CAClC;AAED,MAAM,WAAW,aAAc,SAAQ,cAAc,EAAE,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC;IACtF;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,cAAc,CAAC,CAAC;IAC7C;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,kBAAkB,CAAC,EAAE,mBAAmB,CAAC,SAAS,CAAC,CAAC;IACpD;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,GAAG,qBAAqB,EAAE,CAAC;IACxE;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC,gBAAgB,CAAC,KAAK,IAAI,CAAC;IAC5D;;OAEG;IACH,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IAClC;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC;IACjC;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,aAAa,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,MAAM,CAAC;CAC/C;AA6DD,eAAO,MAAM,aAAa,YAAY,CAAC;AAEvC,eAAO,MAAM,WAAW,qEACc,CAAC;AAEvC,eAAO,MAAM,kBAAkB,cAAe,MAAM,SAAS,WAc5D,CAAC;AAYF,eAAO,MAAM,QAAQ,wLAelB,aAAa,gBAuTf,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { useEffect, useLayoutEffect, useRef, useState, useCallback } from 'react';
|
|
2
2
|
import { jsx, keyframes } from '@emotion/react';
|
|
3
|
-
import { useForkRef, styled, useIsRTL, useUniqueId, } from '@workday/canvas-kit-react/common';
|
|
3
|
+
import { useForkRef, styled, useIsRTL, useUniqueId, filterOutProps, } from '@workday/canvas-kit-react/common';
|
|
4
4
|
import { space, commonColors, borderRadius } from '@workday/canvas-kit-react/tokens';
|
|
5
5
|
import { Card } from '@workday/canvas-kit-react/card';
|
|
6
6
|
import { TertiaryButton } from '@workday/canvas-kit-react/button';
|
|
@@ -41,7 +41,9 @@ const MenuContainer = styled(Card)({
|
|
|
41
41
|
maxHeight: 200,
|
|
42
42
|
overflow: 'hidden',
|
|
43
43
|
});
|
|
44
|
-
const ResetButton = styled(TertiaryButton
|
|
44
|
+
const ResetButton = styled(TertiaryButton, {
|
|
45
|
+
shouldForwardProp: filterOutProps(['shouldShow']),
|
|
46
|
+
})({
|
|
45
47
|
position: 'absolute',
|
|
46
48
|
margin: `auto ${space.xxxs}`,
|
|
47
49
|
top: 0,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableIcon.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,
|
|
1
|
+
{"version":3,"file":"ExpandableIcon.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAIb,MAAM,kCAAkC,CAAC;AAE1C,OAAO,EAAC,gBAAgB,EAAC,MAAM,8BAA8B,CAAC;AAE9D,OAAO,EAAC,UAAU,EAAC,MAAM,gCAAgC,CAAC;AAC1D,OAAO,EAAC,aAAa,EAAC,MAAM,kCAAkC,CAAC;AAK/D,MAAM,WAAW,mBAAoB,SAAQ,IAAI,CAAC,YAAY,CAAC,OAAO,UAAU,EAAE,KAAK,CAAC,EAAE,MAAM,CAAC;IAC/F;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAC;IACxB;;;;OAIG;IACH,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B;AA4BD,eAAO,MAAM,cAAc;;;;;;;;;EAqB1B,CAAC"}
|
|
@@ -1,11 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import { createSubcomponent, styled, } from '@workday/canvas-kit-react/common';
|
|
2
|
+
import { createSubcomponent, filterOutProps, styled, } from '@workday/canvas-kit-react/common';
|
|
3
3
|
import { chevronUpIcon, chevronDownIcon } from '@workday/canvas-system-icons-web';
|
|
4
4
|
import { useExpandableIcon } from './hooks/useExpandableIcon';
|
|
5
5
|
import { SystemIcon } from '@workday/canvas-kit-react/icon';
|
|
6
6
|
import { colors, space } from '@workday/canvas-kit-react/tokens';
|
|
7
7
|
import { useExpandableModel } from './hooks/useExpandableModel';
|
|
8
|
-
const StyledEndIcon = styled(SystemIcon
|
|
8
|
+
const StyledEndIcon = styled(SystemIcon, {
|
|
9
|
+
shouldForwardProp: filterOutProps(['visible']),
|
|
10
|
+
})({
|
|
9
11
|
marginLeft: 'auto',
|
|
10
12
|
}, ({ visible }) => ({
|
|
11
13
|
transform: !visible ? 'rotate(-180deg)' : undefined,
|
|
@@ -13,7 +15,9 @@ const StyledEndIcon = styled(SystemIcon)({
|
|
|
13
15
|
? `${space.xxxs} ${space.xs} ${space.xxxs} ${space.xxxs}`
|
|
14
16
|
: `${space.xxxs} ${space.xxxs} ${space.xxxs} ${space.xs}`,
|
|
15
17
|
}));
|
|
16
|
-
const StyledStartIcon = styled(SystemIcon
|
|
18
|
+
const StyledStartIcon = styled(SystemIcon, {
|
|
19
|
+
shouldForwardProp: filterOutProps(['visible']),
|
|
20
|
+
})({
|
|
17
21
|
margin: `0 ${space.xxs} 0 0`,
|
|
18
22
|
padding: space.xxxs,
|
|
19
23
|
}, ({ visible }) => ({
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SearchForm.d.ts","sourceRoot":"","sources":["../../../../search-form/lib/SearchForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,
|
|
1
|
+
{"version":3,"file":"SearchForm.d.ts","sourceRoot":"","sources":["../../../../search-form/lib/SearchForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EACL,cAAc,EAIf,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAiB,mBAAmB,EAAC,MAAM,kCAAkC,CAAC;AAKrF,OAAO,EAAe,WAAW,EAAE,qBAAqB,EAAC,MAAM,UAAU,CAAC;AAG1E,MAAM,WAAW,eAAgB,SAAQ,cAAc,EAAE,KAAK,CAAC,kBAAkB,CAAC,eAAe,CAAC;IAChG;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,gBAAgB,CAAC,eAAe,CAAC,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,iBAAiB,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC;IAC9C;;OAEG;IACH,WAAW,CAAC,EAAE,WAAW,GAAG,qBAAqB,CAAC;IAClD;;;OAGG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B;;;OAGG;IACH,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B;;;OAGG;IACH,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;;OAGG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,sBAAsB,CAAC,EAAE,OAAO,CAAC;IACjC;;;OAGG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,OAAO,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,OAAO,CAAC;CACpB;AAmLD,qBAAa,UAAW,SAAQ,KAAK,CAAC,SAAS,CAAC,eAAe,EAAE,eAAe,CAAC;IAC/E,MAAM,CAAC,KAAK,qBAAe;IAE3B,OAAO,CAAC,QAAQ,CAAuC;IACvD,OAAO,CAAC,OAAO,CAAwC;IACvD,OAAO,CAAC,cAAc,CAAsB;IAE5C,KAAK,EAAE,QAAQ,CAAC,eAAe,CAAC,CAI9B;IAEF,OAAO,CAAC,QAAQ,CAUd;IAEF,OAAO,CAAC,cAAc,CAMpB;IAEF,iBAAiB,QAAO,mBAAmB,CAAC,SAAS,CAAC,CAOpD;IAEF,YAAY,UAAW,MAAM,SAAS,CAAC,eAAe,CAAC,KAAG,IAAI,CAO5D;IAEF,mBAAmB,QAAO,IAAI,CAI5B;IAEF,oBAAoB,QAAO,IAAI,CAI7B;IAEF,kBAAkB,CAAC,SAAS,EAAE,eAAe,EAAE,SAAS,EAAE,eAAe;IAWzE,UAAU,QAAO,IAAI,CAInB;IAEF,SAAS,QAAO,IAAI,CAIlB;IAEF,WAAW,QAAO,IAAI,CAEpB;IAEF,UAAU,QAAO,IAAI,CAEnB;IAEF,uBAAuB,UAAW,MAAM,WAAW,CAAC,gBAAgB,CAAC,KAAG,IAAI,CAM1E;IAEF,MAAM;CAoGP"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import { colors, space } from '@workday/canvas-kit-react/tokens';
|
|
3
|
-
import { styled, generateUniqueId } from '@workday/canvas-kit-react/common';
|
|
3
|
+
import { styled, generateUniqueId, filterOutProps, } from '@workday/canvas-kit-react/common';
|
|
4
4
|
import { TertiaryButton } from '@workday/canvas-kit-react/button';
|
|
5
5
|
import { searchIcon, xIcon } from '@workday/canvas-system-icons-web';
|
|
6
6
|
import { FormField, FormFieldLabelPosition } from '@workday/canvas-kit-react/form-field';
|
|
@@ -66,7 +66,9 @@ const SearchContainer = styled('div')({
|
|
|
66
66
|
const SearchCombobox = styled(Combobox)({
|
|
67
67
|
width: `100%`,
|
|
68
68
|
});
|
|
69
|
-
const SearchIcon = styled(TertiaryButton
|
|
69
|
+
const SearchIcon = styled(TertiaryButton, {
|
|
70
|
+
shouldForwardProp: filterOutProps(['isHidden']),
|
|
71
|
+
})(({ isCollapsed, isHidden }) => {
|
|
70
72
|
return {
|
|
71
73
|
position: `absolute`,
|
|
72
74
|
margin: isCollapsed ? `auto ${space.xxs}` : `auto ${space.xxxs}`,
|
|
@@ -3,6 +3,7 @@ import React from 'react';
|
|
|
3
3
|
import {
|
|
4
4
|
createSubcomponent,
|
|
5
5
|
ExtractProps,
|
|
6
|
+
filterOutProps,
|
|
6
7
|
styled,
|
|
7
8
|
StyledType,
|
|
8
9
|
} from '@workday/canvas-kit-react/common';
|
|
@@ -29,7 +30,9 @@ export interface ExpandableIconProps extends Omit<ExtractProps<typeof SystemIcon
|
|
|
29
30
|
iconPosition?: IconPositions;
|
|
30
31
|
}
|
|
31
32
|
|
|
32
|
-
const StyledEndIcon = styled(SystemIcon
|
|
33
|
+
const StyledEndIcon = styled(SystemIcon, {
|
|
34
|
+
shouldForwardProp: filterOutProps(['visible']),
|
|
35
|
+
})<{visible: boolean} & StyledType>(
|
|
33
36
|
{
|
|
34
37
|
marginLeft: 'auto',
|
|
35
38
|
},
|
|
@@ -41,7 +44,9 @@ const StyledEndIcon = styled(SystemIcon)<{visible: boolean} & StyledType>(
|
|
|
41
44
|
})
|
|
42
45
|
);
|
|
43
46
|
|
|
44
|
-
const StyledStartIcon = styled(SystemIcon
|
|
47
|
+
const StyledStartIcon = styled(SystemIcon, {
|
|
48
|
+
shouldForwardProp: filterOutProps(['visible']),
|
|
49
|
+
})<{visible: boolean} & StyledType>(
|
|
45
50
|
{
|
|
46
51
|
margin: `0 ${space.xxs} 0 0`,
|
|
47
52
|
padding: space.xxxs,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-labs-react",
|
|
3
|
-
"version": "11.0.
|
|
3
|
+
"version": "11.0.13",
|
|
4
4
|
"description": "Canvas Kit Labs is an incubator for new and experimental components. Since we have a rather rigorous process for getting components in at a production level, it can be valuable to make them available earlier while we continuously iterate on the API/functionality. The Labs modules allow us to do that as needed.",
|
|
5
5
|
"author": "Workday, Inc. (https://www.workday.com)",
|
|
6
6
|
"license": "Apache-2.0",
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
"dependencies": {
|
|
47
47
|
"@emotion/react": "^11.7.1",
|
|
48
48
|
"@emotion/styled": "^11.6.0",
|
|
49
|
-
"@workday/canvas-kit-react": "^11.0.
|
|
49
|
+
"@workday/canvas-kit-react": "^11.0.13",
|
|
50
50
|
"@workday/canvas-system-icons-web": "^3.0.0",
|
|
51
51
|
"@workday/design-assets-types": "^0.2.8",
|
|
52
52
|
"chroma-js": "^2.1.0",
|
|
@@ -56,5 +56,5 @@
|
|
|
56
56
|
"devDependencies": {
|
|
57
57
|
"@types/lodash.flatten": "^4.4.6"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "f6d83142c8ccd9edbad52077f6df02a1296e2787"
|
|
60
60
|
}
|
|
@@ -1,7 +1,12 @@
|
|
|
1
1
|
import * as React from 'react';
|
|
2
2
|
import {CSSObject} from '@emotion/styled';
|
|
3
3
|
import {colors, space} from '@workday/canvas-kit-react/tokens';
|
|
4
|
-
import {
|
|
4
|
+
import {
|
|
5
|
+
GrowthBehavior,
|
|
6
|
+
styled,
|
|
7
|
+
generateUniqueId,
|
|
8
|
+
filterOutProps,
|
|
9
|
+
} from '@workday/canvas-kit-react/common';
|
|
5
10
|
import {TertiaryButton, TertiaryButtonProps} from '@workday/canvas-kit-react/button';
|
|
6
11
|
import {searchIcon, xIcon} from '@workday/canvas-system-icons-web';
|
|
7
12
|
import {FormField, FormFieldLabelPosition} from '@workday/canvas-kit-react/form-field';
|
|
@@ -172,9 +177,9 @@ const SearchCombobox = styled(Combobox)({
|
|
|
172
177
|
width: `100%`,
|
|
173
178
|
});
|
|
174
179
|
|
|
175
|
-
const SearchIcon = styled(TertiaryButton
|
|
176
|
-
|
|
177
|
-
>(({isCollapsed, isHidden}) => {
|
|
180
|
+
const SearchIcon = styled(TertiaryButton, {
|
|
181
|
+
shouldForwardProp: filterOutProps(['isHidden']),
|
|
182
|
+
})<Pick<SearchFormProps, 'isCollapsed'> & {isHidden: boolean}>(({isCollapsed, isHidden}) => {
|
|
178
183
|
return {
|
|
179
184
|
position: `absolute`,
|
|
180
185
|
margin: isCollapsed ? `auto ${space.xxs}` : `auto ${space.xxxs}`,
|