@workday/canvas-kit-preview-react 9.0.0-alpha.336-next.6 → 9.0.0-alpha.344-next.3

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 (154) hide show
  1. package/dist/commonjs/form-field/lib/FormField.d.ts +2 -2
  2. package/dist/commonjs/form-field/lib/FormFieldHint.d.ts +1 -1
  3. package/dist/commonjs/form-field/lib/FormFieldInput.d.ts +1 -1
  4. package/dist/commonjs/form-field/lib/hooks/useFormFieldHint.d.ts +1 -1
  5. package/dist/commonjs/form-field/lib/hooks/useFormFieldInput.d.ts +1 -1
  6. package/dist/commonjs/form-field/lib/hooks/useFormFieldLabel.d.ts +1 -1
  7. package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts +2 -12
  8. package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.d.ts.map +1 -1
  9. package/dist/commonjs/form-field/lib/hooks/useFormFieldModel.js +1 -3
  10. package/dist/commonjs/menu/lib/Menu.d.ts +12 -5
  11. package/dist/commonjs/menu/lib/Menu.d.ts.map +1 -1
  12. package/dist/commonjs/menu/lib/Menu.js +14 -5
  13. package/dist/commonjs/menu/lib/MenuItem.d.ts +15 -5
  14. package/dist/commonjs/menu/lib/MenuItem.d.ts.map +1 -1
  15. package/dist/commonjs/menu/lib/MenuItem.js +18 -6
  16. package/dist/commonjs/pill/lib/Pill.d.ts +103 -5
  17. package/dist/commonjs/pill/lib/Pill.d.ts.map +1 -1
  18. package/dist/commonjs/pill/lib/Pill.js +101 -2
  19. package/dist/commonjs/segmented-control/index.d.ts +2 -0
  20. package/dist/commonjs/segmented-control/index.d.ts.map +1 -1
  21. package/dist/commonjs/segmented-control/index.js +4 -0
  22. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts +74 -38
  23. package/dist/commonjs/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
  24. package/dist/commonjs/segmented-control/lib/SegmentedControl.js +36 -0
  25. package/dist/commonjs/segmented-control/lib/SegmentedControlItem.d.ts +1 -1
  26. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts +64 -1
  27. package/dist/commonjs/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
  28. package/dist/commonjs/segmented-control/lib/SegmentedControlList.js +3 -3
  29. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +2 -2
  30. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +39 -39
  31. package/dist/commonjs/segmented-control/lib/hooks/useSegmentedControlModel.js +2 -1
  32. package/dist/commonjs/select/lib/Select.js +2 -0
  33. package/dist/commonjs/side-panel/lib/SidePanel.d.ts +13 -26
  34. package/dist/commonjs/side-panel/lib/SidePanel.d.ts.map +1 -1
  35. package/dist/commonjs/side-panel/lib/SidePanel.js +73 -96
  36. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.d.ts +17 -0
  37. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.d.ts.map +1 -0
  38. package/dist/commonjs/side-panel/lib/SidePanelToggleButton.js +88 -0
  39. package/dist/commonjs/side-panel/lib/hooks.d.ts +20 -0
  40. package/dist/commonjs/side-panel/lib/hooks.d.ts.map +1 -1
  41. package/dist/commonjs/side-panel/lib/hooks.js +20 -1
  42. package/dist/commonjs/status-indicator/index.d.ts +2 -0
  43. package/dist/commonjs/status-indicator/index.d.ts.map +1 -1
  44. package/dist/commonjs/status-indicator/index.js +4 -0
  45. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts +28 -2
  46. package/dist/commonjs/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
  47. package/dist/commonjs/status-indicator/lib/StatusIndicator.js +27 -1
  48. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts +13 -0
  49. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -1
  50. package/dist/commonjs/status-indicator/lib/StatusIndicatorIcon.js +3 -3
  51. package/dist/commonjs/text-area/lib/TextArea.d.ts +1 -1
  52. package/dist/commonjs/text-area/lib/TextArea.d.ts.map +1 -1
  53. package/dist/commonjs/text-area/lib/TextArea.js +1 -2
  54. package/dist/commonjs/text-input/lib/TextInput.d.ts +2 -2
  55. package/dist/commonjs/text-input/lib/TextInput.d.ts.map +1 -1
  56. package/dist/commonjs/text-input/lib/TextInput.js +1 -2
  57. package/dist/commonjs/text-input/lib/TextInputField.js +1 -1
  58. package/dist/commonjs/text-input/lib/hooks/useTextInputField.d.ts +1 -1
  59. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts +1 -0
  60. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.d.ts.map +1 -1
  61. package/dist/commonjs/text-input/lib/hooks/useTextInputModel.js +1 -0
  62. package/dist/es6/form-field/lib/FormField.d.ts +2 -2
  63. package/dist/es6/form-field/lib/FormFieldHint.d.ts +1 -1
  64. package/dist/es6/form-field/lib/FormFieldInput.d.ts +1 -1
  65. package/dist/es6/form-field/lib/hooks/useFormFieldHint.d.ts +1 -1
  66. package/dist/es6/form-field/lib/hooks/useFormFieldInput.d.ts +1 -1
  67. package/dist/es6/form-field/lib/hooks/useFormFieldLabel.d.ts +1 -1
  68. package/dist/es6/form-field/lib/hooks/useFormFieldModel.d.ts +2 -12
  69. package/dist/es6/form-field/lib/hooks/useFormFieldModel.d.ts.map +1 -1
  70. package/dist/es6/form-field/lib/hooks/useFormFieldModel.js +1 -3
  71. package/dist/es6/menu/lib/Menu.d.ts +12 -5
  72. package/dist/es6/menu/lib/Menu.d.ts.map +1 -1
  73. package/dist/es6/menu/lib/Menu.js +14 -5
  74. package/dist/es6/menu/lib/MenuItem.d.ts +15 -5
  75. package/dist/es6/menu/lib/MenuItem.d.ts.map +1 -1
  76. package/dist/es6/menu/lib/MenuItem.js +18 -6
  77. package/dist/es6/pill/lib/Pill.d.ts +103 -5
  78. package/dist/es6/pill/lib/Pill.d.ts.map +1 -1
  79. package/dist/es6/pill/lib/Pill.js +101 -2
  80. package/dist/es6/segmented-control/index.d.ts +2 -0
  81. package/dist/es6/segmented-control/index.d.ts.map +1 -1
  82. package/dist/es6/segmented-control/index.js +2 -0
  83. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts +74 -38
  84. package/dist/es6/segmented-control/lib/SegmentedControl.d.ts.map +1 -1
  85. package/dist/es6/segmented-control/lib/SegmentedControl.js +36 -0
  86. package/dist/es6/segmented-control/lib/SegmentedControlItem.d.ts +1 -1
  87. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts +64 -1
  88. package/dist/es6/segmented-control/lib/SegmentedControlList.d.ts.map +1 -1
  89. package/dist/es6/segmented-control/lib/SegmentedControlList.js +1 -1
  90. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlItem.d.ts +2 -2
  91. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.d.ts +39 -39
  92. package/dist/es6/segmented-control/lib/hooks/useSegmentedControlModel.js +2 -1
  93. package/dist/es6/select/lib/Select.js +2 -0
  94. package/dist/es6/side-panel/lib/SidePanel.d.ts +13 -26
  95. package/dist/es6/side-panel/lib/SidePanel.d.ts.map +1 -1
  96. package/dist/es6/side-panel/lib/SidePanel.js +75 -97
  97. package/dist/es6/side-panel/lib/SidePanelToggleButton.d.ts +17 -0
  98. package/dist/es6/side-panel/lib/SidePanelToggleButton.d.ts.map +1 -0
  99. package/dist/es6/side-panel/lib/SidePanelToggleButton.js +66 -0
  100. package/dist/es6/side-panel/lib/hooks.d.ts +20 -0
  101. package/dist/es6/side-panel/lib/hooks.d.ts.map +1 -1
  102. package/dist/es6/side-panel/lib/hooks.js +19 -0
  103. package/dist/es6/status-indicator/index.d.ts +2 -0
  104. package/dist/es6/status-indicator/index.d.ts.map +1 -1
  105. package/dist/es6/status-indicator/index.js +2 -0
  106. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts +28 -2
  107. package/dist/es6/status-indicator/lib/StatusIndicator.d.ts.map +1 -1
  108. package/dist/es6/status-indicator/lib/StatusIndicator.js +27 -1
  109. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.d.ts +13 -0
  110. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.d.ts.map +1 -1
  111. package/dist/es6/status-indicator/lib/StatusIndicatorIcon.js +1 -1
  112. package/dist/es6/text-area/lib/TextArea.d.ts +1 -1
  113. package/dist/es6/text-area/lib/TextArea.d.ts.map +1 -1
  114. package/dist/es6/text-area/lib/TextArea.js +2 -3
  115. package/dist/es6/text-input/lib/TextInput.d.ts +2 -2
  116. package/dist/es6/text-input/lib/TextInput.d.ts.map +1 -1
  117. package/dist/es6/text-input/lib/TextInput.js +2 -3
  118. package/dist/es6/text-input/lib/TextInputField.js +3 -3
  119. package/dist/es6/text-input/lib/hooks/useTextInputField.d.ts +1 -1
  120. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts +1 -0
  121. package/dist/es6/text-input/lib/hooks/useTextInputModel.d.ts.map +1 -1
  122. package/dist/es6/text-input/lib/hooks/useTextInputModel.js +1 -0
  123. package/form-field/lib/hooks/useFormFieldModel.tsx +1 -3
  124. package/menu/lib/Menu.tsx +12 -5
  125. package/menu/lib/MenuItem.tsx +15 -5
  126. package/package.json +4 -4
  127. package/pill/lib/Pill.tsx +101 -2
  128. package/segmented-control/index.ts +2 -0
  129. package/segmented-control/lib/SegmentedControl.tsx +36 -0
  130. package/segmented-control/lib/SegmentedControlList.tsx +1 -1
  131. package/side-panel/lib/SidePanel.tsx +119 -169
  132. package/side-panel/lib/SidePanelToggleButton.tsx +78 -0
  133. package/side-panel/lib/hooks.ts +20 -0
  134. package/status-indicator/index.ts +2 -0
  135. package/status-indicator/lib/StatusIndicator.tsx +27 -1
  136. package/status-indicator/lib/StatusIndicatorIcon.tsx +1 -1
  137. package/text-area/lib/TextArea.tsx +6 -3
  138. package/text-input/lib/TextInput.tsx +6 -3
  139. package/text-input/lib/TextInputField.tsx +3 -3
  140. package/text-input/lib/hooks/useTextInputModel.ts +1 -0
  141. package/dist/commonjs/text-area/lib/hooks/index.d.ts +0 -2
  142. package/dist/commonjs/text-area/lib/hooks/index.d.ts.map +0 -1
  143. package/dist/commonjs/text-area/lib/hooks/index.js +0 -13
  144. package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.d.ts +0 -28
  145. package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.d.ts.map +0 -1
  146. package/dist/commonjs/text-area/lib/hooks/useTextAreaModel.js +0 -5
  147. package/dist/es6/text-area/lib/hooks/index.d.ts +0 -2
  148. package/dist/es6/text-area/lib/hooks/index.d.ts.map +0 -1
  149. package/dist/es6/text-area/lib/hooks/index.js +0 -1
  150. package/dist/es6/text-area/lib/hooks/useTextAreaModel.d.ts +0 -28
  151. package/dist/es6/text-area/lib/hooks/useTextAreaModel.d.ts.map +0 -1
  152. package/dist/es6/text-area/lib/hooks/useTextAreaModel.js +0 -2
  153. package/text-area/lib/hooks/index.ts +0 -1
  154. package/text-area/lib/hooks/useTextAreaModel.ts +0 -3
@@ -1,10 +1,13 @@
1
1
  import React from 'react';
2
2
 
3
3
  import {createContainer, ExtractProps} from '@workday/canvas-kit-react/common';
4
- import {FormField, useFormFieldOrientation} from '@workday/canvas-kit-preview-react/form-field';
4
+ import {
5
+ FormField,
6
+ useFormFieldModel,
7
+ useFormFieldOrientation,
8
+ } from '@workday/canvas-kit-preview-react/form-field';
5
9
  import {Flex} from '@workday/canvas-kit-react/layout';
6
10
 
7
- import {useTextAreaModel} from './hooks';
8
11
  import {TextAreaField} from './TextAreaField';
9
12
 
10
13
  export interface TextAreaProps extends ExtractProps<typeof FormField, never> {
@@ -16,7 +19,7 @@ export interface TextAreaProps extends ExtractProps<typeof FormField, never> {
16
19
 
17
20
  export const TextArea = createContainer('div')({
18
21
  displayName: 'TextArea',
19
- modelHook: useTextAreaModel,
22
+ modelHook: useFormFieldModel,
20
23
  subComponents: {
21
24
  Field: TextAreaField,
22
25
  Label: FormField.Label,
@@ -1,10 +1,13 @@
1
1
  import React from 'react';
2
2
 
3
3
  import {createContainer, ExtractProps} from '@workday/canvas-kit-react/common';
4
- import {FormField, useFormFieldOrientation} from '@workday/canvas-kit-preview-react/form-field';
4
+ import {
5
+ FormField,
6
+ useFormFieldModel,
7
+ useFormFieldOrientation,
8
+ } from '@workday/canvas-kit-preview-react/form-field';
5
9
  import {Flex} from '@workday/canvas-kit-react/layout';
6
10
 
7
- import {useTextInputModel} from './hooks';
8
11
  import {TextInputField} from './TextInputField';
9
12
 
10
13
  export interface TextInputProps extends ExtractProps<typeof FormField, never> {
@@ -16,7 +19,7 @@ export interface TextInputProps extends ExtractProps<typeof FormField, never> {
16
19
 
17
20
  export const TextInput = createContainer('div')({
18
21
  displayName: 'TextInput',
19
- modelHook: useTextInputModel,
22
+ modelHook: useFormFieldModel,
20
23
  subComponents: {
21
24
  Field: TextInputField,
22
25
  Label: FormField.Label,
@@ -11,9 +11,9 @@ import {
11
11
  } from '@workday/canvas-kit-react/tokens';
12
12
  import {createSubcomponent, ExtractProps, useTheme} from '@workday/canvas-kit-react/common';
13
13
  import {useThemedRing} from '@workday/canvas-kit-labs-react/common';
14
- import {FormField} from '@workday/canvas-kit-preview-react/form-field';
14
+ import {FormField, useFormFieldModel} from '@workday/canvas-kit-preview-react/form-field';
15
15
 
16
- import {useTextInputField, useTextInputModel} from './hooks';
16
+ import {useTextInputField} from './hooks';
17
17
 
18
18
  const baseStyles: CSSProperties = {
19
19
  transition: '0.2s box-shadow, 0.2s border-color',
@@ -41,7 +41,7 @@ const baseStyles: CSSProperties = {
41
41
 
42
42
  export const TextInputField = createSubcomponent('input')({
43
43
  displayName: 'TextInput.Field',
44
- modelHook: useTextInputModel,
44
+ modelHook: useFormFieldModel,
45
45
  elemPropsHook: useTextInputField,
46
46
  })<ExtractProps<typeof FormField.Input, never>>((elemProps, Element, model) => {
47
47
  const theme = useTheme();
@@ -1,3 +1,4 @@
1
1
  import {useFormFieldModel} from '@workday/canvas-kit-preview-react/form-field';
2
2
 
3
+ /** @deprecated Please use `useFormFieldModel` instead */
3
4
  export const useTextInputModel = useFormFieldModel;
@@ -1,2 +0,0 @@
1
- export * from './useTextAreaModel';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../text-area/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
@@ -1,13 +0,0 @@
1
- "use strict";
2
- var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
- if (k2 === undefined) k2 = k;
4
- Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
5
- }) : (function(o, m, k, k2) {
6
- if (k2 === undefined) k2 = k;
7
- o[k2] = m[k];
8
- }));
9
- var __exportStar = (this && this.__exportStar) || function(m, exports) {
10
- for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
11
- };
12
- Object.defineProperty(exports, "__esModule", { value: true });
13
- __exportStar(require("./useTextAreaModel"), exports);
@@ -1,28 +0,0 @@
1
- export declare const useTextAreaModel: (<TT_Special_Generic>(config?: (Partial<{
2
- hasError: boolean;
3
- id: string;
4
- isRequired: boolean;
5
- }> & {} & {}) | undefined) => {
6
- state: {
7
- id: string;
8
- hasError: boolean;
9
- isRequired: boolean;
10
- };
11
- events: {};
12
- }) & import("@workday/canvas-kit-react/common").ModelExtras<{
13
- hasError: boolean;
14
- id: string;
15
- isRequired: boolean;
16
- }, {}, {
17
- id: string;
18
- hasError: boolean;
19
- isRequired: boolean;
20
- }, {}, {
21
- state: {
22
- id: string;
23
- hasError: boolean;
24
- isRequired: boolean;
25
- };
26
- events: {};
27
- }>;
28
- //# sourceMappingURL=useTextAreaModel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTextAreaModel.d.ts","sourceRoot":"","sources":["../../../../../text-area/lib/hooks/useTextAreaModel.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;EAAoB,CAAC"}
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.useTextAreaModel = void 0;
4
- var form_field_1 = require("@workday/canvas-kit-preview-react/form-field");
5
- exports.useTextAreaModel = form_field_1.useFormFieldModel;
@@ -1,2 +0,0 @@
1
- export * from './useTextAreaModel';
2
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../text-area/lib/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC"}
@@ -1 +0,0 @@
1
- export * from './useTextAreaModel';
@@ -1,28 +0,0 @@
1
- export declare const useTextAreaModel: (<TT_Special_Generic>(config?: (Partial<{
2
- hasError: boolean;
3
- id: string;
4
- isRequired: boolean;
5
- }> & {} & {}) | undefined) => {
6
- state: {
7
- id: string;
8
- hasError: boolean;
9
- isRequired: boolean;
10
- };
11
- events: {};
12
- }) & import("@workday/canvas-kit-react/common").ModelExtras<{
13
- hasError: boolean;
14
- id: string;
15
- isRequired: boolean;
16
- }, {}, {
17
- id: string;
18
- hasError: boolean;
19
- isRequired: boolean;
20
- }, {}, {
21
- state: {
22
- id: string;
23
- hasError: boolean;
24
- isRequired: boolean;
25
- };
26
- events: {};
27
- }>;
28
- //# sourceMappingURL=useTextAreaModel.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"useTextAreaModel.d.ts","sourceRoot":"","sources":["../../../../../text-area/lib/hooks/useTextAreaModel.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;EAAoB,CAAC"}
@@ -1,2 +0,0 @@
1
- import { useFormFieldModel } from '@workday/canvas-kit-preview-react/form-field';
2
- export var useTextAreaModel = useFormFieldModel;
@@ -1 +0,0 @@
1
- export * from './useTextAreaModel';
@@ -1,3 +0,0 @@
1
- import {useFormFieldModel} from '@workday/canvas-kit-preview-react/form-field';
2
-
3
- export const useTextAreaModel = useFormFieldModel;