@workday/canvas-kit-labs-react 9.0.0-alpha.280-next.0 → 9.0.0-alpha.284-next.2
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/dist/commonjs/expandable/lib/Expandable.d.ts.map +1 -1
- package/dist/commonjs/expandable/lib/Expandable.js +2 -2
- package/dist/commonjs/expandable/lib/ExpandableContent.d.ts +3 -1
- package/dist/commonjs/expandable/lib/ExpandableContent.d.ts.map +1 -1
- package/dist/commonjs/expandable/lib/ExpandableContent.js +2 -2
- package/dist/commonjs/expandable/lib/ExpandableIcon.d.ts.map +1 -1
- package/dist/commonjs/expandable/lib/ExpandableIcon.js +1 -1
- package/dist/commonjs/expandable/lib/ExpandableTarget.d.ts.map +1 -1
- package/dist/commonjs/expandable/lib/ExpandableTarget.js +2 -2
- package/dist/commonjs/expandable/lib/ExpandableTitle.d.ts +3 -1
- package/dist/commonjs/expandable/lib/ExpandableTitle.d.ts.map +1 -1
- package/dist/commonjs/expandable/lib/hooks/index.d.ts +1 -0
- package/dist/commonjs/expandable/lib/hooks/index.d.ts.map +1 -1
- package/dist/commonjs/expandable/lib/hooks/index.js +1 -0
- package/dist/commonjs/expandable/lib/hooks/useExpandableContent.js +1 -1
- package/dist/commonjs/expandable/lib/hooks/useExpandableIcon.js +1 -1
- package/dist/commonjs/expandable/lib/{useExpandableModel.d.ts → hooks/useExpandableModel.d.ts} +0 -0
- package/dist/commonjs/expandable/lib/hooks/useExpandableModel.d.ts.map +1 -0
- package/dist/commonjs/expandable/lib/{useExpandableModel.js → hooks/useExpandableModel.js} +0 -0
- package/dist/commonjs/expandable/lib/hooks/useExpandableTarget.js +1 -1
- package/dist/es6/expandable/lib/Expandable.d.ts.map +1 -1
- package/dist/es6/expandable/lib/Expandable.js +2 -2
- package/dist/es6/expandable/lib/ExpandableContent.d.ts +3 -1
- package/dist/es6/expandable/lib/ExpandableContent.d.ts.map +1 -1
- package/dist/es6/expandable/lib/ExpandableContent.js +2 -2
- package/dist/es6/expandable/lib/ExpandableIcon.d.ts.map +1 -1
- package/dist/es6/expandable/lib/ExpandableIcon.js +1 -1
- package/dist/es6/expandable/lib/ExpandableTarget.d.ts.map +1 -1
- package/dist/es6/expandable/lib/ExpandableTarget.js +2 -2
- package/dist/es6/expandable/lib/ExpandableTitle.d.ts +3 -1
- package/dist/es6/expandable/lib/ExpandableTitle.d.ts.map +1 -1
- package/dist/es6/expandable/lib/hooks/index.d.ts +1 -0
- package/dist/es6/expandable/lib/hooks/index.d.ts.map +1 -1
- package/dist/es6/expandable/lib/hooks/index.js +1 -0
- package/dist/es6/expandable/lib/hooks/useExpandableContent.js +1 -1
- package/dist/es6/expandable/lib/hooks/useExpandableIcon.js +1 -1
- package/dist/es6/expandable/lib/{useExpandableModel.d.ts → hooks/useExpandableModel.d.ts} +0 -0
- package/dist/es6/expandable/lib/hooks/useExpandableModel.d.ts.map +1 -0
- package/dist/es6/expandable/lib/{useExpandableModel.js → hooks/useExpandableModel.js} +0 -0
- package/dist/es6/expandable/lib/hooks/useExpandableTarget.js +1 -1
- package/expandable/lib/Expandable.tsx +2 -2
- package/expandable/lib/ExpandableContent.tsx +4 -4
- package/expandable/lib/ExpandableIcon.tsx +2 -1
- package/expandable/lib/ExpandableTarget.tsx +3 -3
- package/expandable/lib/ExpandableTitle.tsx +2 -2
- package/expandable/lib/hooks/index.ts +1 -0
- package/expandable/lib/hooks/useExpandableContent.ts +1 -1
- package/expandable/lib/hooks/useExpandableIcon.ts +1 -1
- package/expandable/lib/{useExpandableModel.tsx → hooks/useExpandableModel.tsx} +0 -0
- package/expandable/lib/hooks/useExpandableTarget.ts +1 -1
- package/package.json +3 -3
- package/dist/commonjs/expandable/lib/useExpandableModel.d.ts.map +0 -1
- package/dist/es6/expandable/lib/useExpandableModel.d.ts.map +0 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Expandable.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/Expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"Expandable.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/Expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAStD,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACvE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAarB,CAAC"}
|
|
@@ -28,13 +28,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.Expandable = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
31
|
+
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
31
32
|
var ExpandableContent_1 = require("./ExpandableContent");
|
|
32
33
|
var ExpandableTarget_1 = require("./ExpandableTarget");
|
|
33
34
|
var ExpandableIcon_1 = require("./ExpandableIcon");
|
|
34
35
|
var ExpandableTitle_1 = require("./ExpandableTitle");
|
|
35
36
|
var ExpandableAvatar_1 = require("./ExpandableAvatar");
|
|
36
|
-
var
|
|
37
|
-
var useExpandableModel_1 = require("./useExpandableModel");
|
|
37
|
+
var useExpandableModel_1 = require("./hooks/useExpandableModel");
|
|
38
38
|
exports.Expandable = common_1.createContainer('div')({
|
|
39
39
|
modelHook: useExpandableModel_1.useExpandableModel,
|
|
40
40
|
subComponents: {
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
4
|
+
export interface ExpandableContentProps extends ExtractProps<typeof Box, never> {
|
|
3
5
|
/**
|
|
4
6
|
* The children of the `Expandable.Content` whose visibility is controlled by the associated
|
|
5
7
|
* `Expandable.Target`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableContent.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableContent.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAKrD,MAAM,WAAW,sBAAuB,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IAC7E;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;EAc5B,CAAC"}
|
|
@@ -29,9 +29,9 @@ exports.ExpandableContent = void 0;
|
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
31
31
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
32
|
-
var useExpandableContent_1 = require("./hooks/useExpandableContent");
|
|
33
32
|
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
34
|
-
var
|
|
33
|
+
var useExpandableContent_1 = require("./hooks/useExpandableContent");
|
|
34
|
+
var useExpandableModel_1 = require("./hooks/useExpandableModel");
|
|
35
35
|
exports.ExpandableContent = common_1.createSubcomponent('div')({
|
|
36
36
|
modelHook: useExpandableModel_1.useExpandableModel,
|
|
37
37
|
elemPropsHook: useExpandableContent_1.useExpandableContent,
|
|
@@ -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,EAGb,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;
|
|
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,EAGb,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;AAwBD,eAAO,MAAM,cAAc;;;;;;;;;EAqB1B,CAAC"}
|
|
@@ -32,7 +32,7 @@ var canvas_system_icons_web_1 = require("@workday/canvas-system-icons-web");
|
|
|
32
32
|
var useExpandableIcon_1 = require("./hooks/useExpandableIcon");
|
|
33
33
|
var icon_1 = require("@workday/canvas-kit-react/icon");
|
|
34
34
|
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
35
|
-
var useExpandableModel_1 = require("./useExpandableModel");
|
|
35
|
+
var useExpandableModel_1 = require("./hooks/useExpandableModel");
|
|
36
36
|
var StyledEndIcon = common_1.styled(icon_1.SystemIcon)({
|
|
37
37
|
marginLeft: 'auto',
|
|
38
38
|
}, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAKb,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAMtD,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IAC7E;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAiBD,eAAO,MAAM,gBAAgB;;;;;;;;;EAoB3B,CAAC"}
|
|
@@ -28,10 +28,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.ExpandableTarget = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
31
|
-
var useExpandableTarget_1 = require("./hooks/useExpandableTarget");
|
|
32
31
|
var layout_1 = require("@workday/canvas-kit-react/layout");
|
|
33
32
|
var tokens_1 = require("@workday/canvas-kit-react/tokens");
|
|
34
|
-
var
|
|
33
|
+
var useExpandableTarget_1 = require("./hooks/useExpandableTarget");
|
|
34
|
+
var useExpandableModel_1 = require("./hooks/useExpandableModel");
|
|
35
35
|
var StyledButton = common_1.styled(layout_1.Flex.as('button'))(__assign({ cursor: 'pointer', '&:focus': __assign({}, common_1.focusRing()), '&:hover': {
|
|
36
36
|
background: tokens_1.colors.soap300,
|
|
37
37
|
} }, common_1.hideMouseFocus));
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
4
|
+
export interface ExpandableTitleProps extends ExtractProps<typeof Box, never> {
|
|
3
5
|
/**
|
|
4
6
|
* Children of the `Expandable.Title`. This should contain a string for the title
|
|
5
7
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableTitle.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableTitle.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAGrD,MAAM,WAAW,oBAAqB,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IAC3E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,0FAoB1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../expandable/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../expandable/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC"}
|
|
@@ -12,4 +12,5 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
12
12
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
13
13
|
__exportStar(require("./useExpandableContent"), exports);
|
|
14
14
|
__exportStar(require("./useExpandableIcon"), exports);
|
|
15
|
+
__exportStar(require("./useExpandableModel"), exports);
|
|
15
16
|
__exportStar(require("./useExpandableTarget"), exports);
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useExpandableContent = void 0;
|
|
4
4
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
5
|
-
var useExpandableModel_1 = require("
|
|
5
|
+
var useExpandableModel_1 = require("./useExpandableModel");
|
|
6
6
|
exports.useExpandableContent = common_1.createElemPropsHook(useExpandableModel_1.useExpandableModel)(function (_a) {
|
|
7
7
|
var state = _a.state;
|
|
8
8
|
return {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useExpandableIcon = void 0;
|
|
4
4
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
5
|
-
var useExpandableModel_1 = require("
|
|
5
|
+
var useExpandableModel_1 = require("./useExpandableModel");
|
|
6
6
|
exports.useExpandableIcon = common_1.createElemPropsHook(useExpandableModel_1.useExpandableModel)(function (_a) {
|
|
7
7
|
var state = _a.state;
|
|
8
8
|
return {
|
package/dist/commonjs/expandable/lib/{useExpandableModel.d.ts → hooks/useExpandableModel.d.ts}
RENAMED
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useExpandableModel.d.ts","sourceRoot":"","sources":["../../../../../expandable/lib/hooks/useExpandableModel.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAa7B,CAAC"}
|
|
File without changes
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
3
|
exports.useExpandableTarget = void 0;
|
|
4
4
|
var common_1 = require("@workday/canvas-kit-react/common");
|
|
5
|
-
var useExpandableModel_1 = require("
|
|
5
|
+
var useExpandableModel_1 = require("./useExpandableModel");
|
|
6
6
|
exports.useExpandableTarget = common_1.createElemPropsHook(useExpandableModel_1.useExpandableModel)(function (_a) {
|
|
7
7
|
var state = _a.state, events = _a.events;
|
|
8
8
|
return {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Expandable.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/Expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"Expandable.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/Expandable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAStD,MAAM,WAAW,eAAgB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IACvE;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAarB,CAAC"}
|
|
@@ -22,13 +22,13 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { createContainer } from '@workday/canvas-kit-react/common';
|
|
25
|
+
import { Flex } from '@workday/canvas-kit-react/layout';
|
|
25
26
|
import { ExpandableContent } from './ExpandableContent';
|
|
26
27
|
import { ExpandableTarget } from './ExpandableTarget';
|
|
27
28
|
import { ExpandableIcon } from './ExpandableIcon';
|
|
28
29
|
import { ExpandableTitle } from './ExpandableTitle';
|
|
29
30
|
import { ExpandableAvatar } from './ExpandableAvatar';
|
|
30
|
-
import {
|
|
31
|
-
import { useExpandableModel } from './useExpandableModel';
|
|
31
|
+
import { useExpandableModel } from './hooks/useExpandableModel';
|
|
32
32
|
export var Expandable = createContainer('div')({
|
|
33
33
|
modelHook: useExpandableModel,
|
|
34
34
|
subComponents: {
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
4
|
+
export interface ExpandableContentProps extends ExtractProps<typeof Box, never> {
|
|
3
5
|
/**
|
|
4
6
|
* The children of the `Expandable.Content` whose visibility is controlled by the associated
|
|
5
7
|
* `Expandable.Target`
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableContent.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableContent.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableContent.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,OAAO,EAAqB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAClF,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAKrD,MAAM,WAAW,sBAAuB,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IAC7E;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC5B;AAED,eAAO,MAAM,iBAAiB;;;;;;;;;EAc5B,CAAC"}
|
|
@@ -23,9 +23,9 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { space } from '@workday/canvas-kit-react/tokens';
|
|
25
25
|
import { createSubcomponent } from '@workday/canvas-kit-react/common';
|
|
26
|
-
import { useExpandableContent } from './hooks/useExpandableContent';
|
|
27
26
|
import { Box } from '@workday/canvas-kit-react/layout';
|
|
28
|
-
import {
|
|
27
|
+
import { useExpandableContent } from './hooks/useExpandableContent';
|
|
28
|
+
import { useExpandableModel } from './hooks/useExpandableModel';
|
|
29
29
|
export var ExpandableContent = createSubcomponent('div')({
|
|
30
30
|
modelHook: useExpandableModel,
|
|
31
31
|
elemPropsHook: useExpandableContent,
|
|
@@ -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,EAGb,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;
|
|
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,EAGb,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;AAwBD,eAAO,MAAM,cAAc;;;;;;;;;EAqB1B,CAAC"}
|
|
@@ -26,7 +26,7 @@ import { chevronUpIcon, chevronDownIcon } from '@workday/canvas-system-icons-web
|
|
|
26
26
|
import { useExpandableIcon } from './hooks/useExpandableIcon';
|
|
27
27
|
import { SystemIcon } from '@workday/canvas-kit-react/icon';
|
|
28
28
|
import { colors, space } from '@workday/canvas-kit-react/tokens';
|
|
29
|
-
import { useExpandableModel } from './useExpandableModel';
|
|
29
|
+
import { useExpandableModel } from './hooks/useExpandableModel';
|
|
30
30
|
var StyledEndIcon = styled(SystemIcon)({
|
|
31
31
|
marginLeft: 'auto',
|
|
32
32
|
}, function (_a) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAKb,MAAM,kCAAkC,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableTarget.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTarget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAEL,YAAY,EAKb,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAC,IAAI,EAAC,MAAM,kCAAkC,CAAC;AAMtD,MAAM,WAAW,qBAAsB,SAAQ,YAAY,CAAC,OAAO,IAAI,EAAE,KAAK,CAAC;IAC7E;;;;;OAKG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B;;;OAGG;IACH,YAAY,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CACxD;AAiBD,eAAO,MAAM,gBAAgB;;;;;;;;;EAoB3B,CAAC"}
|
|
@@ -22,10 +22,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
22
22
|
};
|
|
23
23
|
import React from 'react';
|
|
24
24
|
import { createSubcomponent, focusRing, hideMouseFocus, styled, } from '@workday/canvas-kit-react/common';
|
|
25
|
-
import { useExpandableTarget } from './hooks/useExpandableTarget';
|
|
26
25
|
import { Flex } from '@workday/canvas-kit-react/layout';
|
|
27
26
|
import { colors } from '@workday/canvas-kit-react/tokens';
|
|
28
|
-
import {
|
|
27
|
+
import { useExpandableTarget } from './hooks/useExpandableTarget';
|
|
28
|
+
import { useExpandableModel } from './hooks/useExpandableModel';
|
|
29
29
|
var StyledButton = styled(Flex.as('button'))(__assign({ cursor: 'pointer', '&:focus': __assign({}, focusRing()), '&:hover': {
|
|
30
30
|
background: colors.soap300,
|
|
31
31
|
} }, hideMouseFocus));
|
|
@@ -1,5 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
2
|
+
import { ExtractProps } from '@workday/canvas-kit-react/common';
|
|
3
|
+
import { Box } from '@workday/canvas-kit-react/layout';
|
|
4
|
+
export interface ExpandableTitleProps extends ExtractProps<typeof Box, never> {
|
|
3
5
|
/**
|
|
4
6
|
* Children of the `Expandable.Title`. This should contain a string for the title
|
|
5
7
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ExpandableTitle.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"ExpandableTitle.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/ExpandableTitle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAkB,YAAY,EAAC,MAAM,kCAAkC,CAAC;AAC/E,OAAO,EAAC,GAAG,EAAC,MAAM,kCAAkC,CAAC;AAGrD,MAAM,WAAW,oBAAqB,SAAQ,YAAY,CAAC,OAAO,GAAG,EAAE,KAAK,CAAC;IAC3E;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,eAAO,MAAM,eAAe,0FAoB1B,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../expandable/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../expandable/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,uBAAuB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createElemPropsHook } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { useExpandableModel } from '
|
|
2
|
+
import { useExpandableModel } from './useExpandableModel';
|
|
3
3
|
export var useExpandableContent = createElemPropsHook(useExpandableModel)(function (_a) {
|
|
4
4
|
var state = _a.state;
|
|
5
5
|
return {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createElemPropsHook } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { useExpandableModel } from '
|
|
2
|
+
import { useExpandableModel } from './useExpandableModel';
|
|
3
3
|
export var useExpandableIcon = createElemPropsHook(useExpandableModel)(function (_a) {
|
|
4
4
|
var state = _a.state;
|
|
5
5
|
return {
|
|
File without changes
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"useExpandableModel.d.ts","sourceRoot":"","sources":["../../../../../expandable/lib/hooks/useExpandableModel.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAa7B,CAAC"}
|
|
File without changes
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { createElemPropsHook } from '@workday/canvas-kit-react/common';
|
|
2
|
-
import { useExpandableModel } from '
|
|
2
|
+
import { useExpandableModel } from './useExpandableModel';
|
|
3
3
|
export var useExpandableTarget = createElemPropsHook(useExpandableModel)(function (_a) {
|
|
4
4
|
var state = _a.state, events = _a.events;
|
|
5
5
|
return {
|
|
@@ -1,14 +1,14 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
3
|
import {createContainer, ExtractProps} from '@workday/canvas-kit-react/common';
|
|
4
|
+
import {Flex} from '@workday/canvas-kit-react/layout';
|
|
4
5
|
|
|
5
6
|
import {ExpandableContent} from './ExpandableContent';
|
|
6
7
|
import {ExpandableTarget} from './ExpandableTarget';
|
|
7
8
|
import {ExpandableIcon} from './ExpandableIcon';
|
|
8
9
|
import {ExpandableTitle} from './ExpandableTitle';
|
|
9
10
|
import {ExpandableAvatar} from './ExpandableAvatar';
|
|
10
|
-
import {
|
|
11
|
-
import {useExpandableModel} from './useExpandableModel';
|
|
11
|
+
import {useExpandableModel} from './hooks/useExpandableModel';
|
|
12
12
|
|
|
13
13
|
export interface ExpandableProps extends ExtractProps<typeof Flex, never> {
|
|
14
14
|
/**
|
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
3
|
import {space} from '@workday/canvas-kit-react/tokens';
|
|
4
|
-
import {createSubcomponent} from '@workday/canvas-kit-react/common';
|
|
4
|
+
import {createSubcomponent, ExtractProps} from '@workday/canvas-kit-react/common';
|
|
5
|
+
import {Box} from '@workday/canvas-kit-react/layout';
|
|
5
6
|
|
|
6
7
|
import {useExpandableContent} from './hooks/useExpandableContent';
|
|
7
|
-
import {
|
|
8
|
-
import {useExpandableModel} from './useExpandableModel';
|
|
8
|
+
import {useExpandableModel} from './hooks/useExpandableModel';
|
|
9
9
|
|
|
10
|
-
export interface ExpandableContentProps {
|
|
10
|
+
export interface ExpandableContentProps extends ExtractProps<typeof Box, never> {
|
|
11
11
|
/**
|
|
12
12
|
* The children of the `Expandable.Content` whose visibility is controlled by the associated
|
|
13
13
|
* `Expandable.Target`
|
|
@@ -12,7 +12,8 @@ import {useExpandableIcon} from './hooks/useExpandableIcon';
|
|
|
12
12
|
import {SystemIcon} from '@workday/canvas-kit-react/icon';
|
|
13
13
|
import {IconPositions} from '@workday/canvas-kit-react/button';
|
|
14
14
|
import {colors, space} from '@workday/canvas-kit-react/tokens';
|
|
15
|
-
|
|
15
|
+
|
|
16
|
+
import {useExpandableModel} from './hooks/useExpandableModel';
|
|
16
17
|
|
|
17
18
|
export interface ExpandableIconProps extends Omit<ExtractProps<typeof SystemIcon, never>, 'icon'> {
|
|
18
19
|
/**
|
|
@@ -8,11 +8,11 @@ import {
|
|
|
8
8
|
styled,
|
|
9
9
|
StyledType,
|
|
10
10
|
} from '@workday/canvas-kit-react/common';
|
|
11
|
-
|
|
12
|
-
import {useExpandableTarget} from './hooks/useExpandableTarget';
|
|
13
11
|
import {Flex} from '@workday/canvas-kit-react/layout';
|
|
14
12
|
import {colors} from '@workday/canvas-kit-react/tokens';
|
|
15
|
-
|
|
13
|
+
|
|
14
|
+
import {useExpandableTarget} from './hooks/useExpandableTarget';
|
|
15
|
+
import {useExpandableModel} from './hooks/useExpandableModel';
|
|
16
16
|
|
|
17
17
|
export interface ExpandableTargetProps extends ExtractProps<typeof Flex, never> {
|
|
18
18
|
/**
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
|
|
3
|
-
import {createComponent} from '@workday/canvas-kit-react/common';
|
|
3
|
+
import {createComponent, ExtractProps} from '@workday/canvas-kit-react/common';
|
|
4
4
|
import {Box} from '@workday/canvas-kit-react/layout';
|
|
5
5
|
import {colors, space, type} from '@workday/canvas-kit-react/tokens';
|
|
6
6
|
|
|
7
|
-
export interface ExpandableTitleProps {
|
|
7
|
+
export interface ExpandableTitleProps extends ExtractProps<typeof Box, never> {
|
|
8
8
|
/**
|
|
9
9
|
* Children of the `Expandable.Title`. This should contain a string for the title
|
|
10
10
|
*/
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import {createElemPropsHook} from '@workday/canvas-kit-react/common';
|
|
2
|
-
import {useExpandableModel} from '
|
|
2
|
+
import {useExpandableModel} from './useExpandableModel';
|
|
3
3
|
|
|
4
4
|
export const useExpandableContent = createElemPropsHook(useExpandableModel)(({state}) => {
|
|
5
5
|
return {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import {createElemPropsHook} from '@workday/canvas-kit-react/common';
|
|
2
|
-
import {useExpandableModel} from '
|
|
2
|
+
import {useExpandableModel} from './useExpandableModel';
|
|
3
3
|
|
|
4
4
|
export const useExpandableIcon = createElemPropsHook(useExpandableModel)(({state}) => {
|
|
5
5
|
return {
|
|
File without changes
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import {createElemPropsHook} from '@workday/canvas-kit-react/common';
|
|
2
|
-
import {useExpandableModel} from '
|
|
2
|
+
import {useExpandableModel} from './useExpandableModel';
|
|
3
3
|
|
|
4
4
|
export const useExpandableTarget = createElemPropsHook(useExpandableModel)(({state, events}) => {
|
|
5
5
|
return {
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@workday/canvas-kit-labs-react",
|
|
3
|
-
"version": "9.0.0-alpha.
|
|
3
|
+
"version": "9.0.0-alpha.284-next.2+5f282fd4",
|
|
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": "^9.0.0-alpha.
|
|
49
|
+
"@workday/canvas-kit-react": "^9.0.0-alpha.284-next.2+5f282fd4",
|
|
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": "5f282fd41b35b1943fcf0a9ab1de4c8f20f17155"
|
|
60
60
|
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useExpandableModel.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/useExpandableModel.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAa7B,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useExpandableModel.d.ts","sourceRoot":"","sources":["../../../../expandable/lib/useExpandableModel.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAa7B,CAAC"}
|