@carbon-labs/react-animated-header 0.21.0 → 0.23.0

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 (24) hide show
  1. package/es/__stories__/AnimatedHeader.stories.d.ts +0 -332
  2. package/es/components/AnimatedHeader/AnimatedHeader.js +19 -20
  3. package/es/components/TasksController/TasksController.js +7 -8
  4. package/es/components/Tiles/AIPromptTile/AIPromptTile.js +12 -13
  5. package/es/components/Tiles/GlassTile/GlassTile.js +14 -15
  6. package/es/components/Tiles/GlassTile/GlassTileBody.js +9 -10
  7. package/es/components/WorkspaceSelector/WorkspaceSelector.js +5 -6
  8. package/lib/__stories__/AnimatedHeader.stories.d.ts +0 -332
  9. package/lib/components/AnimatedHeader/AnimatedHeader.js +20 -21
  10. package/lib/components/TasksController/TasksController.js +7 -8
  11. package/lib/components/Tiles/AIPromptTile/AIPromptTile.js +12 -13
  12. package/lib/components/Tiles/GlassTile/GlassTile.js +14 -15
  13. package/lib/components/Tiles/GlassTile/GlassTileBody.js +9 -10
  14. package/lib/components/WorkspaceSelector/WorkspaceSelector.js +5 -6
  15. package/package.json +3 -3
  16. package/scss/AnimatedHeader/animated-header.scss +14 -56
  17. package/es/node_modules/@carbon/icons-react/es/Icon.js +0 -71
  18. package/es/node_modules/@carbon/icons-react/es/generated/bucket-3.js +0 -3181
  19. package/es/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +0 -14
  20. package/es/node_modules/@carbon/icons-react/node_modules/@carbon/icon-helpers/es/index.js +0 -125
  21. package/lib/node_modules/@carbon/icons-react/es/Icon.js +0 -75
  22. package/lib/node_modules/@carbon/icons-react/es/generated/bucket-3.js +0 -3307
  23. package/lib/node_modules/@carbon/icons-react/es/iconPropTypes-4cbeb95d.js +0 -16
  24. package/lib/node_modules/@carbon/icons-react/node_modules/@carbon/icon-helpers/es/index.js +0 -128
package/lib/__stories__/AnimatedHeader.stories.d.ts CHANGED
@@ -8247,8 +8247,6 @@ export declare const ThemeG10: {
8247
8247
  5: string;
8248
8248
  6: string;
8249
8249
  7: string;
8250
- 8: string;
8251
- 9: string;
8252
8250
  };
8253
8251
  };
8254
8252
  options: number[];
@@ -8828,170 +8826,6 @@ export declare const ThemeG10: {
8828
8826
  customContent: import("react/jsx-runtime").JSX.Element;
8829
8827
  }[];
8830
8828
  };
8831
- 8: {
8832
- id: number;
8833
- label: string;
8834
- tiles: ({
8835
- id: string;
8836
- href: string;
8837
- title: string;
8838
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8839
- subtitle?: undefined;
8840
- } | {
8841
- id: string;
8842
- href: string;
8843
- title: string;
8844
- subtitle: string;
8845
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8846
- })[];
8847
- } | {
8848
- id: number;
8849
- label: string;
8850
- tiles: ({
8851
- id: string;
8852
- href: string;
8853
- title: string;
8854
- subtitle: string;
8855
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8856
- secondaryIcon?: undefined;
8857
- } | {
8858
- id: string;
8859
- href: string;
8860
- title: string;
8861
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8862
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
8863
- subtitle?: undefined;
8864
- })[];
8865
- } | {
8866
- id: number;
8867
- label: string;
8868
- tiles: ({
8869
- id: string;
8870
- href: string;
8871
- title: string;
8872
- subtitle: string;
8873
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8874
- isLoading: boolean;
8875
- isDisabled?: undefined;
8876
- secondaryIcon?: undefined;
8877
- } | {
8878
- id: string;
8879
- title: string;
8880
- subtitle: string;
8881
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8882
- href?: undefined;
8883
- isLoading?: undefined;
8884
- isDisabled?: undefined;
8885
- secondaryIcon?: undefined;
8886
- } | {
8887
- id: string;
8888
- href: string;
8889
- title: string;
8890
- subtitle: string;
8891
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8892
- isDisabled: boolean;
8893
- isLoading?: undefined;
8894
- secondaryIcon?: undefined;
8895
- } | {
8896
- id: string;
8897
- href: string;
8898
- title: string;
8899
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8900
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
8901
- subtitle?: undefined;
8902
- isLoading?: undefined;
8903
- isDisabled?: undefined;
8904
- })[];
8905
- } | {
8906
- id: number;
8907
- label: string;
8908
- tiles: {
8909
- id: string;
8910
- customContent: import("react/jsx-runtime").JSX.Element;
8911
- }[];
8912
- };
8913
- 9: {
8914
- id: number;
8915
- label: string;
8916
- tiles: ({
8917
- id: string;
8918
- href: string;
8919
- title: string;
8920
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8921
- subtitle?: undefined;
8922
- } | {
8923
- id: string;
8924
- href: string;
8925
- title: string;
8926
- subtitle: string;
8927
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8928
- })[];
8929
- } | {
8930
- id: number;
8931
- label: string;
8932
- tiles: ({
8933
- id: string;
8934
- href: string;
8935
- title: string;
8936
- subtitle: string;
8937
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8938
- secondaryIcon?: undefined;
8939
- } | {
8940
- id: string;
8941
- href: string;
8942
- title: string;
8943
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8944
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
8945
- subtitle?: undefined;
8946
- })[];
8947
- } | {
8948
- id: number;
8949
- label: string;
8950
- tiles: ({
8951
- id: string;
8952
- href: string;
8953
- title: string;
8954
- subtitle: string;
8955
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8956
- isLoading: boolean;
8957
- isDisabled?: undefined;
8958
- secondaryIcon?: undefined;
8959
- } | {
8960
- id: string;
8961
- title: string;
8962
- subtitle: string;
8963
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8964
- href?: undefined;
8965
- isLoading?: undefined;
8966
- isDisabled?: undefined;
8967
- secondaryIcon?: undefined;
8968
- } | {
8969
- id: string;
8970
- href: string;
8971
- title: string;
8972
- subtitle: string;
8973
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8974
- isDisabled: boolean;
8975
- isLoading?: undefined;
8976
- secondaryIcon?: undefined;
8977
- } | {
8978
- id: string;
8979
- href: string;
8980
- title: string;
8981
- mainIcon: import("@carbon/icons-react").CarbonIconType;
8982
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
8983
- subtitle?: undefined;
8984
- isLoading?: undefined;
8985
- isDisabled?: undefined;
8986
- })[];
8987
- } | {
8988
- id: number;
8989
- label: string;
8990
- tiles: {
8991
- id: string;
8992
- customContent: import("react/jsx-runtime").JSX.Element;
8993
- }[];
8994
- };
8995
8829
  };
8996
8830
  };
8997
8831
  tasksControllerConfig: {
@@ -17588,8 +17422,6 @@ export declare const ThemeG100: {
17588
17422
  5: string;
17589
17423
  6: string;
17590
17424
  7: string;
17591
- 8: string;
17592
- 9: string;
17593
17425
  };
17594
17426
  };
17595
17427
  options: number[];
@@ -18169,170 +18001,6 @@ export declare const ThemeG100: {
18169
18001
  customContent: import("react/jsx-runtime").JSX.Element;
18170
18002
  }[];
18171
18003
  };
18172
- 8: {
18173
- id: number;
18174
- label: string;
18175
- tiles: ({
18176
- id: string;
18177
- href: string;
18178
- title: string;
18179
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18180
- subtitle?: undefined;
18181
- } | {
18182
- id: string;
18183
- href: string;
18184
- title: string;
18185
- subtitle: string;
18186
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18187
- })[];
18188
- } | {
18189
- id: number;
18190
- label: string;
18191
- tiles: ({
18192
- id: string;
18193
- href: string;
18194
- title: string;
18195
- subtitle: string;
18196
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18197
- secondaryIcon?: undefined;
18198
- } | {
18199
- id: string;
18200
- href: string;
18201
- title: string;
18202
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18203
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
18204
- subtitle?: undefined;
18205
- })[];
18206
- } | {
18207
- id: number;
18208
- label: string;
18209
- tiles: ({
18210
- id: string;
18211
- href: string;
18212
- title: string;
18213
- subtitle: string;
18214
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18215
- isLoading: boolean;
18216
- isDisabled?: undefined;
18217
- secondaryIcon?: undefined;
18218
- } | {
18219
- id: string;
18220
- title: string;
18221
- subtitle: string;
18222
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18223
- href?: undefined;
18224
- isLoading?: undefined;
18225
- isDisabled?: undefined;
18226
- secondaryIcon?: undefined;
18227
- } | {
18228
- id: string;
18229
- href: string;
18230
- title: string;
18231
- subtitle: string;
18232
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18233
- isDisabled: boolean;
18234
- isLoading?: undefined;
18235
- secondaryIcon?: undefined;
18236
- } | {
18237
- id: string;
18238
- href: string;
18239
- title: string;
18240
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18241
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
18242
- subtitle?: undefined;
18243
- isLoading?: undefined;
18244
- isDisabled?: undefined;
18245
- })[];
18246
- } | {
18247
- id: number;
18248
- label: string;
18249
- tiles: {
18250
- id: string;
18251
- customContent: import("react/jsx-runtime").JSX.Element;
18252
- }[];
18253
- };
18254
- 9: {
18255
- id: number;
18256
- label: string;
18257
- tiles: ({
18258
- id: string;
18259
- href: string;
18260
- title: string;
18261
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18262
- subtitle?: undefined;
18263
- } | {
18264
- id: string;
18265
- href: string;
18266
- title: string;
18267
- subtitle: string;
18268
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18269
- })[];
18270
- } | {
18271
- id: number;
18272
- label: string;
18273
- tiles: ({
18274
- id: string;
18275
- href: string;
18276
- title: string;
18277
- subtitle: string;
18278
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18279
- secondaryIcon?: undefined;
18280
- } | {
18281
- id: string;
18282
- href: string;
18283
- title: string;
18284
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18285
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
18286
- subtitle?: undefined;
18287
- })[];
18288
- } | {
18289
- id: number;
18290
- label: string;
18291
- tiles: ({
18292
- id: string;
18293
- href: string;
18294
- title: string;
18295
- subtitle: string;
18296
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18297
- isLoading: boolean;
18298
- isDisabled?: undefined;
18299
- secondaryIcon?: undefined;
18300
- } | {
18301
- id: string;
18302
- title: string;
18303
- subtitle: string;
18304
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18305
- href?: undefined;
18306
- isLoading?: undefined;
18307
- isDisabled?: undefined;
18308
- secondaryIcon?: undefined;
18309
- } | {
18310
- id: string;
18311
- href: string;
18312
- title: string;
18313
- subtitle: string;
18314
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18315
- isDisabled: boolean;
18316
- isLoading?: undefined;
18317
- secondaryIcon?: undefined;
18318
- } | {
18319
- id: string;
18320
- href: string;
18321
- title: string;
18322
- mainIcon: import("@carbon/icons-react").CarbonIconType;
18323
- secondaryIcon: import("@carbon/icons-react").CarbonIconType;
18324
- subtitle?: undefined;
18325
- isLoading?: undefined;
18326
- isDisabled?: undefined;
18327
- })[];
18328
- } | {
18329
- id: number;
18330
- label: string;
18331
- tiles: {
18332
- id: string;
18333
- customContent: import("react/jsx-runtime").JSX.Element;
18334
- }[];
18335
- };
18336
18004
  };
18337
18005
  };
18338
18006
  tasksControllerConfig: {
package/lib/components/AnimatedHeader/AnimatedHeader.js CHANGED
@@ -12,35 +12,34 @@ Object.defineProperty(exports, '__esModule', { value: true });
12
12
  var PropTypes = require('prop-types');
13
13
  var React = require('react');
14
14
  var react = require('@carbon/react');
15
+ var iconsReact = require('@carbon/icons-react');
15
16
  var lottie = require('../../_virtual/lottie.js');
16
17
  var usePrefix = require('../../node_modules/@carbon-labs/utilities/es/usePrefix.js');
17
18
  require('@carbon/react/icons');
18
19
  var BaseTile = require('../Tiles/BaseTile/BaseTile.js');
19
20
  var TasksController = require('../TasksController/TasksController.js');
20
21
  var WorkspaceSelector = require('../WorkspaceSelector/WorkspaceSelector.js');
21
- var bucket3 = require('../../node_modules/@carbon/icons-react/es/generated/bucket-3.js');
22
22
 
23
23
  /** Animated Header */
24
24
 
25
- const AnimatedHeader = _ref => {
26
- let {
27
- allTileGroups,
28
- selectedTileGroup,
29
- setSelectedTileGroup,
30
- description,
31
- headerAnimation,
32
- headerStatic,
33
- productName = '[Product name]',
34
- userName,
35
- welcomeText,
36
- tasksControllerConfig,
37
- workspaceSelectorConfig,
38
- isLoading,
39
- disabledTaskLabel,
40
- expandButtonLabel = 'Expand',
41
- collapseButtonLabel = 'Collapse',
42
- tileClickHandler
43
- } = _ref;
25
+ const AnimatedHeader = ({
26
+ allTileGroups,
27
+ selectedTileGroup,
28
+ setSelectedTileGroup,
29
+ description,
30
+ headerAnimation,
31
+ headerStatic,
32
+ productName = '[Product name]',
33
+ userName,
34
+ welcomeText,
35
+ tasksControllerConfig,
36
+ workspaceSelectorConfig,
37
+ isLoading,
38
+ disabledTaskLabel,
39
+ expandButtonLabel = 'Expand',
40
+ collapseButtonLabel = 'Collapse',
41
+ tileClickHandler
42
+ }) => {
44
43
  const prefix = usePrefix.usePrefix();
45
44
  const blockClass = `${prefix}--animated-header`;
46
45
  const animationContainer = React.useRef(null);
@@ -178,7 +177,7 @@ const AnimatedHeader = _ref => {
178
177
  }, /*#__PURE__*/React.createElement(react.Button, {
179
178
  id: `${blockClass}__button-collapse`,
180
179
  kind: "ghost",
181
- renderIcon: open ? bucket3.ChevronUp : bucket3.ChevronDown,
180
+ renderIcon: open ? iconsReact.ChevronUp : iconsReact.ChevronDown,
182
181
  onClick: handleButtonCollapseClick
183
182
  }, open ? collapseButtonLabel : expandButtonLabel))));
184
183
  };
package/lib/components/TasksController/TasksController.js CHANGED
@@ -14,14 +14,13 @@ var react = require('@carbon/react');
14
14
  var React = require('react');
15
15
  var usePrefix = require('../../node_modules/@carbon-labs/utilities/es/usePrefix.js');
16
16
 
17
- const TasksController = _ref => {
18
- let {
19
- tasksControllerConfig,
20
- isLoading,
21
- allTileGroups,
22
- selectedTileGroup,
23
- setSelectedTileGroup
24
- } = _ref;
17
+ const TasksController = ({
18
+ tasksControllerConfig,
19
+ isLoading,
20
+ allTileGroups,
21
+ selectedTileGroup,
22
+ setSelectedTileGroup
23
+ }) => {
25
24
  const {
26
25
  className: buttonCustomClass,
27
26
  ...buttonOverrideProps
package/lib/components/Tiles/AIPromptTile/AIPromptTile.js CHANGED
@@ -16,19 +16,18 @@ var _AILabel, _Send;
16
16
 
17
17
  /** Primary UI component for user interaction */
18
18
 
19
- const AIPromptTile = _ref => {
20
- let {
21
- href,
22
- id,
23
- mainIcon: MainIcon,
24
- open,
25
- productName,
26
- title,
27
- isLoading,
28
- isDisabled,
29
- disabledTaskLabel,
30
- onClick
31
- } = _ref;
19
+ const AIPromptTile = ({
20
+ href,
21
+ id,
22
+ mainIcon: MainIcon,
23
+ open,
24
+ productName,
25
+ title,
26
+ isLoading,
27
+ isDisabled,
28
+ disabledTaskLabel,
29
+ onClick
30
+ }) => {
32
31
  const prefix = usePrefix.usePrefix();
33
32
  const blockClass = `${prefix}--animated-header__ai-prompt-tile`;
34
33
  const collapsed = `${blockClass}--collapsed`;
package/lib/components/Tiles/GlassTile/GlassTile.js CHANGED
@@ -14,21 +14,20 @@ var GlassTileBody = require('./GlassTileBody.js');
14
14
 
15
15
  /** Primary UI component for user interaction */
16
16
 
17
- const GlassTile = _ref => {
18
- let {
19
- href,
20
- id,
21
- mainIcon,
22
- open,
23
- secondaryIcon,
24
- subtitle,
25
- title,
26
- customContent,
27
- isLoading,
28
- isDisabled,
29
- disabledTaskLabel,
30
- onClick: glassTileClickHandler
31
- } = _ref;
17
+ const GlassTile = ({
18
+ href,
19
+ id,
20
+ mainIcon,
21
+ open,
22
+ secondaryIcon,
23
+ subtitle,
24
+ title,
25
+ customContent,
26
+ isLoading,
27
+ isDisabled,
28
+ disabledTaskLabel,
29
+ onClick: glassTileClickHandler
30
+ }) => {
32
31
  const prefix = usePrefix.usePrefix();
33
32
  const blockClass = `${prefix}--animated-header__glass-tile`;
34
33
  const body = /*#__PURE__*/React.createElement(GlassTileBody.GlassTileBody, {
package/lib/components/Tiles/GlassTile/GlassTileBody.js CHANGED
@@ -11,16 +11,15 @@ var React = require('react');
11
11
  var usePrefix = require('../../../node_modules/@carbon-labs/utilities/es/usePrefix.js');
12
12
  var react = require('@carbon/react');
13
13
 
14
- const GlassTileBody = _ref => {
15
- let {
16
- mainIcon: MainIcon,
17
- open,
18
- secondaryIcon: SecondaryIcon,
19
- subtitle,
20
- title,
21
- customContent,
22
- isLoading
23
- } = _ref;
14
+ const GlassTileBody = ({
15
+ mainIcon: MainIcon,
16
+ open,
17
+ secondaryIcon: SecondaryIcon,
18
+ subtitle,
19
+ title,
20
+ customContent,
21
+ isLoading
22
+ }) => {
24
23
  const prefix = usePrefix.usePrefix();
25
24
  const blockClass = `${prefix}--animated-header__glass-tile`;
26
25
  const collapsed = `${blockClass}--collapsed`;
package/lib/components/WorkspaceSelector/WorkspaceSelector.js CHANGED
@@ -13,12 +13,11 @@ var react = require('@carbon/react');
13
13
  var usePrefix = require('../../node_modules/@carbon-labs/utilities/es/usePrefix.js');
14
14
  var React = require('react');
15
15
 
16
- const WorkspaceSelector = _ref => {
17
- let {
18
- workspaceSelectorConfig,
19
- userName,
20
- isLoading
21
- } = _ref;
16
+ const WorkspaceSelector = ({
17
+ workspaceSelectorConfig,
18
+ userName,
19
+ isLoading
20
+ }) => {
22
21
  const {
23
22
  className: dropdownCustomClass,
24
23
  onChange: dropdownCustomOnChange,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@carbon-labs/react-animated-header",
3
- "version": "0.21.0",
3
+ "version": "0.23.0",
4
4
  "publishConfig": {
5
5
  "access": "public",
6
6
  "provenance": true
@@ -33,7 +33,7 @@
33
33
  ],
34
34
  "scripts": {
35
35
  "build": "node ../../../tasks/build.js",
36
- "clean": "rm -rf {es,lib,scss}",
36
+ "clean": "rimraf es lib scss",
37
37
  "postinstall": "ibmtelemetry --config=telemetry.yml",
38
38
  "telemetry:config": "npx -y @ibm/telemetry-js-config-generator generate --id 40597fb8-d0ed-45fb-a95a-5b1751e22c36 --endpoint https://www-api.ibm.com/ibm-telemetry/v1/metrics --files ./components/**/*.(tsx|js|jsx)"
39
39
  },
@@ -45,5 +45,5 @@
45
45
  "devDependencies": {
46
46
  "@carbon-labs/utilities": "canary"
47
47
  },
48
- "gitHead": "e6f4e6a5ce706a8be19dc22f663839a34b85f02b"
48
+ "gitHead": "c070b06fa3f0d11a10ec89a0deeb4f95a8d8db91"
49
49
  }