@chayns-components/core 5.0.0-beta.347 → 5.0.0-beta.348

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 (42) hide show
  1. package/lib/components/accordion/accordion-body/AccordionBody.styles.d.ts +0 -1
  2. package/lib/components/accordion/accordion-head/AccordionHead.styles.d.ts +7 -16
  3. package/lib/components/accordion/accordion-intro/AccordionIntro.styles.d.ts +0 -1
  4. package/lib/components/amount-control/AmountControl.styles.d.ts +0 -1
  5. package/lib/components/button/Button.styles.d.ts +0 -3
  6. package/lib/components/checkbox/Checkbox.styles.d.ts +0 -1
  7. package/lib/components/code-highlighter/copy-to-clipboard/CopyToClipboard.styles.d.ts +0 -1
  8. package/lib/components/combobox/ComboBox.styles.d.ts +0 -3
  9. package/lib/components/content-card/ContentCard.d.ts +4 -0
  10. package/lib/components/content-card/ContentCard.js +5 -2
  11. package/lib/components/content-card/ContentCard.js.map +1 -1
  12. package/lib/components/content-card/ContentCard.styles.d.ts +0 -1
  13. package/lib/components/context-menu/ContextMenu.styles.d.ts +0 -1
  14. package/lib/components/context-menu/context-menu-content/ContextMenuContent.styles.d.ts +0 -3
  15. package/lib/components/file-input/FileInput.styles.d.ts +0 -2
  16. package/lib/components/file-input/file-list/FileListItem.styles.d.ts +0 -1
  17. package/lib/components/filter-button/FilterButton.styles.d.ts +0 -1
  18. package/lib/components/filter-button/filter-button-item/FilterButtonItem.styles.d.ts +0 -2
  19. package/lib/components/input/Input.styles.d.ts +0 -4
  20. package/lib/components/list/list-item/list-item-body/ListItemBody.styles.d.ts +0 -1
  21. package/lib/components/list/list-item/list-item-content/ListItemContent.styles.d.ts +0 -1
  22. package/lib/components/list/list-item/list-item-head/ListItemHead.styles.d.ts +0 -9
  23. package/lib/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.d.ts +0 -1
  24. package/lib/components/mention-finder/MentionFinder.styles.d.ts +0 -2
  25. package/lib/components/mention-finder/mention-finder-item/MentionFinderItem.styles.d.ts +0 -4
  26. package/lib/components/popup/Popup.styles.d.ts +0 -1
  27. package/lib/components/popup/popup-content/PopupContent.styles.d.ts +0 -2
  28. package/lib/components/progress-bar/ProgressBar.styles.d.ts +0 -2
  29. package/lib/components/search-box/SearchBox.styles.d.ts +0 -2
  30. package/lib/components/search-input/SearchInput.d.ts +9 -1
  31. package/lib/components/search-input/SearchInput.js +18 -10
  32. package/lib/components/search-input/SearchInput.js.map +1 -1
  33. package/lib/components/search-input/SearchInput.styles.d.ts +0 -4
  34. package/lib/components/setup-wizard/SetupWizard.styles.d.ts +0 -1
  35. package/lib/components/setup-wizard/setup-wizard-item/SetupWizardItem.styles.d.ts +0 -2
  36. package/lib/components/sharing-bar/SharingBar.styles.d.ts +0 -2
  37. package/lib/components/slider/Slider.styles.d.ts +0 -1
  38. package/lib/components/text-area/TextArea.styles.d.ts +0 -1
  39. package/lib/components/tooltip/Tooltip.styles.d.ts +0 -1
  40. package/lib/components/tooltip/tooltip-item/TooltipItem.styles.d.ts +0 -1
  41. package/lib/components/truncation/Truncation.styles.d.ts +0 -3
  42. package/package.json +10 -10
package/lib/components/accordion/accordion-body/AccordionBody.styles.d.ts CHANGED
@@ -21,7 +21,6 @@ export declare const StyledMotionAccordionBody: import("styled-components").ISty
21
21
  id?: string | undefined;
22
22
  lang?: string | undefined;
23
23
  nonce?: string | undefined;
24
- placeholder?: string | undefined;
25
24
  spellCheck?: (boolean | "true" | "false") | undefined;
26
25
  tabIndex?: number | undefined;
27
26
  translate?: "yes" | "no" | undefined;
package/lib/components/accordion/accordion-head/AccordionHead.styles.d.ts CHANGED
@@ -20,7 +20,6 @@ export declare const StyledMotionAccordionHead: import("styled-components").ISty
20
20
  id?: string | undefined;
21
21
  lang?: string | undefined;
22
22
  nonce?: string | undefined;
23
- placeholder?: string | undefined;
24
23
  spellCheck?: (boolean | "true" | "false") | undefined;
25
24
  tabIndex?: number | undefined;
26
25
  translate?: "yes" | "no" | undefined;
@@ -286,7 +285,6 @@ export declare const StyledMotionIconWrapper: import("styled-components").IStyle
286
285
  id?: string | undefined;
287
286
  lang?: string | undefined;
288
287
  nonce?: string | undefined;
289
- placeholder?: string | undefined;
290
288
  spellCheck?: (boolean | "true" | "false") | undefined;
291
289
  tabIndex?: number | undefined;
292
290
  translate?: "yes" | "no" | undefined;
@@ -552,7 +550,6 @@ export declare const StyledMotionContentWrapper: import("styled-components").ISt
552
550
  id?: string | undefined;
553
551
  lang?: string | undefined;
554
552
  nonce?: string | undefined;
555
- placeholder?: string | undefined;
556
553
  spellCheck?: (boolean | "true" | "false") | undefined;
557
554
  tabIndex?: number | undefined;
558
555
  translate?: "yes" | "no" | undefined;
@@ -818,7 +815,6 @@ export declare const StyledMotionTitleWrapper: import("styled-components").IStyl
818
815
  id?: string | undefined;
819
816
  lang?: string | undefined;
820
817
  nonce?: string | undefined;
821
- placeholder?: string | undefined;
822
818
  spellCheck?: (boolean | "true" | "false") | undefined;
823
819
  tabIndex?: number | undefined;
824
820
  translate?: "yes" | "no" | undefined;
@@ -1088,7 +1084,6 @@ export declare const StyledMotionTitle: import("styled-components").IStyledCompo
1088
1084
  id?: string | undefined;
1089
1085
  lang?: string | undefined;
1090
1086
  nonce?: string | undefined;
1091
- placeholder?: string | undefined;
1092
1087
  spellCheck?: (boolean | "true" | "false") | undefined;
1093
1088
  tabIndex?: number | undefined;
1094
1089
  translate?: "yes" | "no" | undefined;
@@ -1352,7 +1347,6 @@ export declare const StyledMotionTitleElementWrapper: import("styled-components"
1352
1347
  id?: string | undefined;
1353
1348
  lang?: string | undefined;
1354
1349
  nonce?: string | undefined;
1355
- placeholder?: string | undefined;
1356
1350
  spellCheck?: (boolean | "true" | "false") | undefined;
1357
1351
  tabIndex?: number | undefined;
1358
1352
  translate?: "yes" | "no" | undefined;
@@ -1617,7 +1611,6 @@ export declare const StyledRightWrapper: import("styled-components").IStyledComp
1617
1611
  id?: string | undefined;
1618
1612
  lang?: string | undefined;
1619
1613
  nonce?: string | undefined;
1620
- placeholder?: string | undefined;
1621
1614
  slot?: string | undefined;
1622
1615
  spellCheck?: (boolean | "true" | "false") | undefined;
1623
1616
  style?: import("react").CSSProperties | undefined;
@@ -1890,7 +1883,6 @@ export declare const StyledMotionRightElementWrapper: import("styled-components"
1890
1883
  id?: string | undefined;
1891
1884
  lang?: string | undefined;
1892
1885
  nonce?: string | undefined;
1893
- placeholder?: string | undefined;
1894
1886
  spellCheck?: (boolean | "true" | "false") | undefined;
1895
1887
  tabIndex?: number | undefined;
1896
1888
  translate?: "yes" | "no" | undefined;
@@ -2162,7 +2154,6 @@ export declare const StyledMotionRightInput: import("styled-components").IStyled
2162
2154
  id?: string | undefined;
2163
2155
  lang?: string | undefined;
2164
2156
  nonce?: string | undefined;
2165
- placeholder?: string | undefined;
2166
2157
  spellCheck?: (boolean | "true" | "false") | undefined;
2167
2158
  tabIndex?: number | undefined;
2168
2159
  translate?: "yes" | "no" | undefined;
@@ -2414,24 +2405,25 @@ export declare const StyledMotionRightInput: import("styled-components").IStyled
2414
2405
  width?: string | number | undefined;
2415
2406
  name?: string | undefined;
2416
2407
  type?: import("react").HTMLInputTypeAttribute | undefined;
2408
+ accept?: string | undefined;
2417
2409
  alt?: string | undefined;
2418
- src?: string | undefined;
2410
+ autoComplete?: string | undefined;
2411
+ capture?: boolean | "user" | "environment" | undefined;
2412
+ checked?: boolean | undefined;
2413
+ enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
2419
2414
  formAction?: string | undefined;
2420
2415
  formEncType?: string | undefined;
2421
2416
  formMethod?: string | undefined;
2422
2417
  formNoValidate?: boolean | undefined;
2423
2418
  formTarget?: string | undefined;
2424
- autoComplete?: string | undefined;
2425
- accept?: string | undefined;
2426
- capture?: boolean | "user" | "environment" | undefined;
2427
- checked?: boolean | undefined;
2428
- enterKeyHint?: "search" | "enter" | "done" | "go" | "next" | "previous" | "send" | undefined;
2429
2419
  max?: string | number | undefined;
2430
2420
  maxLength?: number | undefined;
2431
2421
  min?: string | number | undefined;
2432
2422
  minLength?: number | undefined;
2423
+ placeholder?: string | undefined;
2433
2424
  readOnly?: boolean | undefined;
2434
2425
  required?: boolean | undefined;
2426
+ src?: string | undefined;
2435
2427
  step?: string | number | undefined;
2436
2428
  } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLInputElement>, StyledMotionRightInputProps>> & import("framer-motion").ForwardRefComponent<HTMLInputElement, import("framer-motion").HTMLMotionProps<"input">>;
2437
2429
  export declare const StyledMotionRightInputIconWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<{
@@ -2453,7 +2445,6 @@ export declare const StyledMotionRightInputIconWrapper: import("styled-component
2453
2445
  id?: string | undefined;
2454
2446
  lang?: string | undefined;
2455
2447
  nonce?: string | undefined;
2456
- placeholder?: string | undefined;
2457
2448
  spellCheck?: (boolean | "true" | "false") | undefined;
2458
2449
  tabIndex?: number | undefined;
2459
2450
  translate?: "yes" | "no" | undefined;
package/lib/components/accordion/accordion-intro/AccordionIntro.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledAccordionIntro: import("styled-components").IStyledCo
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/amount-control/AmountControl.styles.d.ts CHANGED
@@ -33,7 +33,6 @@ export declare const StyledMotionAmountControlButton: import("styled-components"
33
33
  id?: string | undefined;
34
34
  lang?: string | undefined;
35
35
  nonce?: string | undefined;
36
- placeholder?: string | undefined;
37
36
  spellCheck?: (boolean | "true" | "false") | undefined;
38
37
  tabIndex?: number | undefined;
39
38
  translate?: "yes" | "no" | undefined;
package/lib/components/button/Button.styles.d.ts CHANGED
@@ -25,7 +25,6 @@ export declare const StyledIconWrapper: import("styled-components").IStyledCompo
25
25
  id?: string | undefined;
26
26
  lang?: string | undefined;
27
27
  nonce?: string | undefined;
28
- placeholder?: string | undefined;
29
28
  slot?: string | undefined;
30
29
  spellCheck?: (boolean | "true" | "false") | undefined;
31
30
  style?: import("react").CSSProperties | undefined;
@@ -298,7 +297,6 @@ export declare const StyledMotionChildrenWrapper: import("styled-components").IS
298
297
  id?: string | undefined;
299
298
  lang?: string | undefined;
300
299
  nonce?: string | undefined;
301
- placeholder?: string | undefined;
302
300
  spellCheck?: (boolean | "true" | "false") | undefined;
303
301
  tabIndex?: number | undefined;
304
302
  translate?: "yes" | "no" | undefined;
@@ -564,7 +562,6 @@ export declare const StyledMotionWaitCursorWrapper: import("styled-components").
564
562
  id?: string | undefined;
565
563
  lang?: string | undefined;
566
564
  nonce?: string | undefined;
567
- placeholder?: string | undefined;
568
565
  spellCheck?: (boolean | "true" | "false") | undefined;
569
566
  tabIndex?: number | undefined;
570
567
  translate?: "yes" | "no" | undefined;
package/lib/components/checkbox/Checkbox.styles.d.ts CHANGED
@@ -20,7 +20,6 @@ export declare const StyledCheckbox: import("styled-components").IStyledComponen
20
20
  id?: string | undefined;
21
21
  lang?: string | undefined;
22
22
  nonce?: string | undefined;
23
- placeholder?: string | undefined;
24
23
  slot?: string | undefined;
25
24
  spellCheck?: (boolean | "true" | "false") | undefined;
26
25
  style?: import("react").CSSProperties | undefined;
package/lib/components/code-highlighter/copy-to-clipboard/CopyToClipboard.styles.d.ts CHANGED
@@ -20,7 +20,6 @@ export declare const StyledCopyToClipboard: import("styled-components").IStyledC
20
20
  id?: string | undefined;
21
21
  lang?: string | undefined;
22
22
  nonce?: string | undefined;
23
- placeholder?: string | undefined;
24
23
  slot?: string | undefined;
25
24
  spellCheck?: (boolean | "true" | "false") | undefined;
26
25
  style?: import("react").CSSProperties | undefined;
package/lib/components/combobox/ComboBox.styles.d.ts CHANGED
@@ -19,7 +19,6 @@ export declare const StyledComboBox: import("styled-components").IStyledComponen
19
19
  id?: string | undefined;
20
20
  lang?: string | undefined;
21
21
  nonce?: string | undefined;
22
- placeholder?: string | undefined;
23
22
  slot?: string | undefined;
24
23
  spellCheck?: (boolean | "true" | "false") | undefined;
25
24
  style?: import("react").CSSProperties | undefined;
@@ -299,7 +298,6 @@ export declare const StyledComboBoxIconWrapper: import("styled-components").ISty
299
298
  id?: string | undefined;
300
299
  lang?: string | undefined;
301
300
  nonce?: string | undefined;
302
- placeholder?: string | undefined;
303
301
  slot?: string | undefined;
304
302
  spellCheck?: (boolean | "true" | "false") | undefined;
305
303
  style?: import("react").CSSProperties | undefined;
@@ -576,7 +574,6 @@ export declare const StyledMotionComboBoxBody: import("styled-components").IStyl
576
574
  id?: string | undefined;
577
575
  lang?: string | undefined;
578
576
  nonce?: string | undefined;
579
- placeholder?: string | undefined;
580
577
  spellCheck?: (boolean | "true" | "false") | undefined;
581
578
  tabIndex?: number | undefined;
582
579
  translate?: "yes" | "no" | undefined;
package/lib/components/content-card/ContentCard.d.ts CHANGED
@@ -4,6 +4,10 @@ export type ContentCardProps = {
4
4
  * The content of the content card
5
5
  */
6
6
  children: ReactNode;
7
+ /**
8
+ * The onClick event handler
9
+ */
10
+ onClick?: () => void;
7
11
  };
8
12
  declare const ContentCard: FC<ContentCardProps>;
9
13
  export default ContentCard;
package/lib/components/content-card/ContentCard.js CHANGED
@@ -9,9 +9,12 @@ var _ContentCard = require("./ContentCard.styles");
9
9
  function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
10
10
  const ContentCard = _ref => {
11
11
  let {
12
- children
12
+ children,
13
+ onClick
13
14
  } = _ref;
14
- return /*#__PURE__*/_react.default.createElement(_ContentCard.StyledContentCard, null, children);
15
+ return /*#__PURE__*/_react.default.createElement(_ContentCard.StyledContentCard, {
16
+ onClick: onClick
17
+ }, children);
15
18
  };
16
19
  ContentCard.displayName = 'ContentCard';
17
20
  var _default = exports.default = ContentCard;
package/lib/components/content-card/ContentCard.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ContentCard.js","names":["_react","_interopRequireDefault","require","_ContentCard","obj","__esModule","default","ContentCard","_ref","children","createElement","StyledContentCard","displayName","_default","exports"],"sources":["../../../src/components/content-card/ContentCard.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { StyledContentCard } from './ContentCard.styles';\n\nexport type ContentCardProps = {\n /**\n * The content of the content card\n */\n children: ReactNode;\n};\n\nconst ContentCard: FC<ContentCardProps> = ({ children }) => (\n <StyledContentCard>{children}</StyledContentCard>\n);\n\nContentCard.displayName = 'ContentCard';\n\nexport default ContentCard;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAyD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AASzD,MAAMG,WAAiC,GAAGC,IAAA;EAAA,IAAC;IAAEC;EAAS,CAAC,GAAAD,IAAA;EAAA,oBACnDR,MAAA,CAAAM,OAAA,CAAAI,aAAA,CAACP,YAAA,CAAAQ,iBAAiB,QAAEF,QAA4B,CAAC;AAAA,CACpD;AAEDF,WAAW,CAACK,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAR,OAAA,GAEzBC,WAAW"}
1
+ {"version":3,"file":"ContentCard.js","names":["_react","_interopRequireDefault","require","_ContentCard","obj","__esModule","default","ContentCard","_ref","children","onClick","createElement","StyledContentCard","displayName","_default","exports"],"sources":["../../../src/components/content-card/ContentCard.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react';\nimport { StyledContentCard } from './ContentCard.styles';\n\nexport type ContentCardProps = {\n /**\n * The content of the content card\n */\n children: ReactNode;\n /**\n * The onClick event handler\n */\n onClick?: () => void;\n};\n\nconst ContentCard: FC<ContentCardProps> = ({ children, onClick }) => (\n <StyledContentCard onClick={onClick}>{children}</StyledContentCard>\n);\n\nContentCard.displayName = 'ContentCard';\n\nexport default ContentCard;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAAyD,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAazD,MAAMG,WAAiC,GAAGC,IAAA;EAAA,IAAC;IAAEC,QAAQ;IAAEC;EAAQ,CAAC,GAAAF,IAAA;EAAA,oBAC5DR,MAAA,CAAAM,OAAA,CAAAK,aAAA,CAACR,YAAA,CAAAS,iBAAiB;IAACF,OAAO,EAAEA;EAAQ,GAAED,QAA4B,CAAC;AAAA,CACtE;AAEDF,WAAW,CAACM,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAT,OAAA,GAEzBC,WAAW"}
package/lib/components/content-card/ContentCard.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledContentCard: import("styled-components").IStyledCompo
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/context-menu/ContextMenu.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledContextMenu: import("styled-components").IStyledCompo
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/context-menu/context-menu-content/ContextMenuContent.styles.d.ts CHANGED
@@ -24,7 +24,6 @@ export declare const StyledMotionContextMenuContent: import("styled-components")
24
24
  id?: string | undefined;
25
25
  lang?: string | undefined;
26
26
  nonce?: string | undefined;
27
- placeholder?: string | undefined;
28
27
  spellCheck?: (boolean | "true" | "false") | undefined;
29
28
  tabIndex?: number | undefined;
30
29
  translate?: "yes" | "no" | undefined;
@@ -290,7 +289,6 @@ export declare const StyledContextMenuContentItemIconWrapper: import("styled-com
290
289
  id?: string | undefined;
291
290
  lang?: string | undefined;
292
291
  nonce?: string | undefined;
293
- placeholder?: string | undefined;
294
292
  slot?: string | undefined;
295
293
  spellCheck?: (boolean | "true" | "false") | undefined;
296
294
  style?: import("react").CSSProperties | undefined;
@@ -562,7 +560,6 @@ export declare const StyledContextMenuContentItemText: import("styled-components
562
560
  id?: string | undefined;
563
561
  lang?: string | undefined;
564
562
  nonce?: string | undefined;
565
- placeholder?: string | undefined;
566
563
  slot?: string | undefined;
567
564
  spellCheck?: (boolean | "true" | "false") | undefined;
568
565
  style?: import("react").CSSProperties | undefined;
package/lib/components/file-input/FileInput.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledFileInput: import("styled-components").IStyledCompone
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
@@ -297,7 +296,6 @@ export declare const StyledMotionFileInputList: import("styled-components").ISty
297
296
  id?: string | undefined;
298
297
  lang?: string | undefined;
299
298
  nonce?: string | undefined;
300
- placeholder?: string | undefined;
301
299
  spellCheck?: (boolean | "true" | "false") | undefined;
302
300
  tabIndex?: number | undefined;
303
301
  translate?: "yes" | "no" | undefined;
package/lib/components/file-input/file-list/FileListItem.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledFileListItem: import("styled-components").IStyledComp
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/filter-button/FilterButton.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledFilterButton: import("styled-components").IStyledComp
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/filter-button/filter-button-item/FilterButtonItem.styles.d.ts CHANGED
@@ -24,7 +24,6 @@ export declare const StyledFilterButtonItemLabel: import("styled-components").IS
24
24
  id?: string | undefined;
25
25
  lang?: string | undefined;
26
26
  nonce?: string | undefined;
27
- placeholder?: string | undefined;
28
27
  slot?: string | undefined;
29
28
  spellCheck?: (boolean | "true" | "false") | undefined;
30
29
  style?: CSSProperties | undefined;
@@ -311,7 +310,6 @@ export declare const StyledMotionFilterButtonItemBackground: import("styled-comp
311
310
  id?: string | undefined;
312
311
  lang?: string | undefined;
313
312
  nonce?: string | undefined;
314
- placeholder?: string | undefined;
315
313
  spellCheck?: (boolean | "true" | "false") | undefined;
316
314
  tabIndex?: number | undefined;
317
315
  translate?: "yes" | "no" | undefined;
package/lib/components/input/Input.styles.d.ts CHANGED
@@ -22,7 +22,6 @@ export declare const StyledInputContent: import("styled-components").IStyledComp
22
22
  id?: string | undefined;
23
23
  lang?: string | undefined;
24
24
  nonce?: string | undefined;
25
- placeholder?: string | undefined;
26
25
  slot?: string | undefined;
27
26
  spellCheck?: (boolean | "true" | "false") | undefined;
28
27
  style?: import("react").CSSProperties | undefined;
@@ -299,7 +298,6 @@ export declare const StyledMotionInputLabel: import("styled-components").IStyled
299
298
  id?: string | undefined;
300
299
  lang?: string | undefined;
301
300
  nonce?: string | undefined;
302
- placeholder?: string | undefined;
303
301
  spellCheck?: (boolean | "true" | "false") | undefined;
304
302
  tabIndex?: number | undefined;
305
303
  translate?: "yes" | "no" | undefined;
@@ -565,7 +563,6 @@ export declare const StyledMotionInputClearIcon: import("styled-components").ISt
565
563
  id?: string | undefined;
566
564
  lang?: string | undefined;
567
565
  nonce?: string | undefined;
568
- placeholder?: string | undefined;
569
566
  spellCheck?: (boolean | "true" | "false") | undefined;
570
567
  tabIndex?: number | undefined;
571
568
  translate?: "yes" | "no" | undefined;
@@ -828,7 +825,6 @@ export declare const StyledInputIconWrapper: import("styled-components").IStyled
828
825
  id?: string | undefined;
829
826
  lang?: string | undefined;
830
827
  nonce?: string | undefined;
831
- placeholder?: string | undefined;
832
828
  slot?: string | undefined;
833
829
  spellCheck?: (boolean | "true" | "false") | undefined;
834
830
  style?: import("react").CSSProperties | undefined;
package/lib/components/list/list-item/list-item-body/ListItemBody.styles.d.ts CHANGED
@@ -19,7 +19,6 @@ export declare const StyledMotionListItemBody: import("styled-components").IStyl
19
19
  id?: string | undefined;
20
20
  lang?: string | undefined;
21
21
  nonce?: string | undefined;
22
- placeholder?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  tabIndex?: number | undefined;
25
24
  translate?: "yes" | "no" | undefined;
package/lib/components/list/list-item/list-item-content/ListItemContent.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledListItemContent: import("styled-components").IStyledC
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/list/list-item/list-item-head/ListItemHead.styles.d.ts CHANGED
@@ -24,7 +24,6 @@ export declare const StyledMotionListItemHeadIndicator: import("styled-component
24
24
  id?: string | undefined;
25
25
  lang?: string | undefined;
26
26
  nonce?: string | undefined;
27
- placeholder?: string | undefined;
28
27
  spellCheck?: (boolean | "true" | "false") | undefined;
29
28
  tabIndex?: number | undefined;
30
29
  translate?: "yes" | "no" | undefined;
@@ -294,7 +293,6 @@ export declare const StyledListItemHeadTitle: import("styled-components").IStyle
294
293
  id?: string | undefined;
295
294
  lang?: string | undefined;
296
295
  nonce?: string | undefined;
297
- placeholder?: string | undefined;
298
296
  slot?: string | undefined;
299
297
  spellCheck?: (boolean | "true" | "false") | undefined;
300
298
  style?: import("react").CSSProperties | undefined;
@@ -566,7 +564,6 @@ export declare const StyledListItemHeadTitleText: import("styled-components").IS
566
564
  id?: string | undefined;
567
565
  lang?: string | undefined;
568
566
  nonce?: string | undefined;
569
- placeholder?: string | undefined;
570
567
  slot?: string | undefined;
571
568
  spellCheck?: (boolean | "true" | "false") | undefined;
572
569
  style?: import("react").CSSProperties | undefined;
@@ -838,7 +835,6 @@ export declare const StyledListItemHeadSubtitle: import("styled-components").ISt
838
835
  id?: string | undefined;
839
836
  lang?: string | undefined;
840
837
  nonce?: string | undefined;
841
- placeholder?: string | undefined;
842
838
  slot?: string | undefined;
843
839
  spellCheck?: (boolean | "true" | "false") | undefined;
844
840
  style?: import("react").CSSProperties | undefined;
@@ -1110,7 +1106,6 @@ export declare const StyledListItemHeadSubtitleText: import("styled-components")
1110
1106
  id?: string | undefined;
1111
1107
  lang?: string | undefined;
1112
1108
  nonce?: string | undefined;
1113
- placeholder?: string | undefined;
1114
1109
  slot?: string | undefined;
1115
1110
  spellCheck?: (boolean | "true" | "false") | undefined;
1116
1111
  style?: import("react").CSSProperties | undefined;
@@ -1382,7 +1377,6 @@ export declare const StyledListItemHeadTopRightElement: import("styled-component
1382
1377
  id?: string | undefined;
1383
1378
  lang?: string | undefined;
1384
1379
  nonce?: string | undefined;
1385
- placeholder?: string | undefined;
1386
1380
  slot?: string | undefined;
1387
1381
  spellCheck?: (boolean | "true" | "false") | undefined;
1388
1382
  style?: import("react").CSSProperties | undefined;
@@ -1654,7 +1648,6 @@ export declare const StyledListItemHeadBottomRightElement: import("styled-compon
1654
1648
  id?: string | undefined;
1655
1649
  lang?: string | undefined;
1656
1650
  nonce?: string | undefined;
1657
- placeholder?: string | undefined;
1658
1651
  slot?: string | undefined;
1659
1652
  spellCheck?: (boolean | "true" | "false") | undefined;
1660
1653
  style?: import("react").CSSProperties | undefined;
@@ -1926,7 +1919,6 @@ export declare const StyledListItemHeadRightElement: import("styled-components")
1926
1919
  id?: string | undefined;
1927
1920
  lang?: string | undefined;
1928
1921
  nonce?: string | undefined;
1929
- placeholder?: string | undefined;
1930
1922
  slot?: string | undefined;
1931
1923
  spellCheck?: (boolean | "true" | "false") | undefined;
1932
1924
  style?: import("react").CSSProperties | undefined;
@@ -2199,7 +2191,6 @@ export declare const StyledMotionListItemHeadHoverItem: import("styled-component
2199
2191
  id?: string | undefined;
2200
2192
  lang?: string | undefined;
2201
2193
  nonce?: string | undefined;
2202
- placeholder?: string | undefined;
2203
2194
  spellCheck?: (boolean | "true" | "false") | undefined;
2204
2195
  tabIndex?: number | undefined;
2205
2196
  translate?: "yes" | "no" | undefined;
package/lib/components/list/list-item/list-item-head/list-item-icon/ListItemIcon.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledListItemIcon: import("styled-components").IStyledComp
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/mention-finder/MentionFinder.styles.d.ts CHANGED
@@ -20,7 +20,6 @@ export declare const StyledMentionFinder: import("styled-components").IStyledCom
20
20
  id?: string | undefined;
21
21
  lang?: string | undefined;
22
22
  nonce?: string | undefined;
23
- placeholder?: string | undefined;
24
23
  slot?: string | undefined;
25
24
  spellCheck?: (boolean | "true" | "false") | undefined;
26
25
  style?: import("react").CSSProperties | undefined;
@@ -294,7 +293,6 @@ export declare const StyledMotionMentionFinderPopup: import("styled-components")
294
293
  id?: string | undefined;
295
294
  lang?: string | undefined;
296
295
  nonce?: string | undefined;
297
- placeholder?: string | undefined;
298
296
  spellCheck?: (boolean | "true" | "false") | undefined;
299
297
  tabIndex?: number | undefined;
300
298
  translate?: "yes" | "no" | undefined;
package/lib/components/mention-finder/mention-finder-item/MentionFinderItem.styles.d.ts CHANGED
@@ -33,7 +33,6 @@ export declare const StyledMentionFinderItemImage: import("styled-components").I
33
33
  id?: string | undefined;
34
34
  lang?: string | undefined;
35
35
  nonce?: string | undefined;
36
- placeholder?: string | undefined;
37
36
  slot?: string | undefined;
38
37
  spellCheck?: (boolean | "true" | "false") | undefined;
39
38
  style?: import("react").CSSProperties | undefined;
@@ -305,7 +304,6 @@ export declare const StyledMentionFinderItemContent: import("styled-components")
305
304
  id?: string | undefined;
306
305
  lang?: string | undefined;
307
306
  nonce?: string | undefined;
308
- placeholder?: string | undefined;
309
307
  slot?: string | undefined;
310
308
  spellCheck?: (boolean | "true" | "false") | undefined;
311
309
  style?: import("react").CSSProperties | undefined;
@@ -577,7 +575,6 @@ export declare const StyledMentionFinderItemContentName: import("styled-componen
577
575
  id?: string | undefined;
578
576
  lang?: string | undefined;
579
577
  nonce?: string | undefined;
580
- placeholder?: string | undefined;
581
578
  slot?: string | undefined;
582
579
  spellCheck?: (boolean | "true" | "false") | undefined;
583
580
  style?: import("react").CSSProperties | undefined;
@@ -849,7 +846,6 @@ export declare const StyledMentionFinderItemContentInfo: import("styled-componen
849
846
  id?: string | undefined;
850
847
  lang?: string | undefined;
851
848
  nonce?: string | undefined;
852
- placeholder?: string | undefined;
853
849
  slot?: string | undefined;
854
850
  spellCheck?: (boolean | "true" | "false") | undefined;
855
851
  style?: import("react").CSSProperties | undefined;
package/lib/components/popup/Popup.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledPopup: import("styled-components").IStyledComponent<"
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/popup/popup-content/PopupContent.styles.d.ts CHANGED
@@ -24,7 +24,6 @@ export declare const StyledMotionPopupContent: import("styled-components").IStyl
24
24
  id?: string | undefined;
25
25
  lang?: string | undefined;
26
26
  nonce?: string | undefined;
27
- placeholder?: string | undefined;
28
27
  spellCheck?: (boolean | "true" | "false") | undefined;
29
28
  tabIndex?: number | undefined;
30
29
  translate?: "yes" | "no" | undefined;
@@ -287,7 +286,6 @@ export declare const StyledPopupContentInner: import("styled-components").IStyle
287
286
  id?: string | undefined;
288
287
  lang?: string | undefined;
289
288
  nonce?: string | undefined;
290
- placeholder?: string | undefined;
291
289
  slot?: string | undefined;
292
290
  spellCheck?: (boolean | "true" | "false") | undefined;
293
291
  style?: import("react").CSSProperties | undefined;
package/lib/components/progress-bar/ProgressBar.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledProgressBar: import("styled-components").IStyledCompo
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
@@ -294,7 +293,6 @@ export declare const StyledMotionProgressBarProgress: import("styled-components"
294
293
  id?: string | undefined;
295
294
  lang?: string | undefined;
296
295
  nonce?: string | undefined;
297
- placeholder?: string | undefined;
298
296
  spellCheck?: (boolean | "true" | "false") | undefined;
299
297
  tabIndex?: number | undefined;
300
298
  translate?: "yes" | "no" | undefined;
package/lib/components/search-box/SearchBox.styles.d.ts CHANGED
@@ -19,7 +19,6 @@ export declare const StyledSearchBox: import("styled-components").IStyledCompone
19
19
  id?: string | undefined;
20
20
  lang?: string | undefined;
21
21
  nonce?: string | undefined;
22
- placeholder?: string | undefined;
23
22
  slot?: string | undefined;
24
23
  spellCheck?: (boolean | "true" | "false") | undefined;
25
24
  style?: import("react").CSSProperties | undefined;
@@ -296,7 +295,6 @@ export declare const StyledMotionSearchBoxBody: import("styled-components").ISty
296
295
  id?: string | undefined;
297
296
  lang?: string | undefined;
298
297
  nonce?: string | undefined;
299
- placeholder?: string | undefined;
300
298
  spellCheck?: (boolean | "true" | "false") | undefined;
301
299
  tabIndex?: number | undefined;
302
300
  translate?: "yes" | "no" | undefined;
package/lib/components/search-input/SearchInput.d.ts CHANGED
@@ -1,9 +1,13 @@
1
- import { ChangeEventHandler, CSSProperties, FC } from 'react';
1
+ import React, { ChangeEventHandler, CSSProperties, FC } from 'react';
2
2
  export type SearchInputProps = {
3
3
  /**
4
4
  * Color of the icon
5
5
  */
6
6
  iconColor?: CSSProperties['color'];
7
+ /**
8
+ * Force the active state of the input and override the internal state
9
+ */
10
+ isActive?: boolean;
7
11
  /**
8
12
  * Function that is executed when the active state of the input changes
9
13
  */
@@ -12,6 +16,10 @@ export type SearchInputProps = {
12
16
  * Function that is executed when the text of the input changes
13
17
  */
14
18
  onChange: ChangeEventHandler<HTMLInputElement>;
19
+ /**
20
+ * Function that is executed when a key is pressed
21
+ */
22
+ onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;
15
23
  /**
16
24
  * Placeholder for the input field
17
25
  */
package/lib/components/search-input/SearchInput.js CHANGED
@@ -16,24 +16,31 @@ function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e;
16
16
  const SearchInput = _ref => {
17
17
  let {
18
18
  iconColor,
19
+ isActive,
19
20
  onActiveChange,
20
21
  onChange,
22
+ onKeyDown,
21
23
  placeholder,
22
24
  value
23
25
  } = _ref;
24
- const [isActive, setIsActive] = (0, _react.useState)(typeof value === 'string' && value.trim() !== '');
26
+ const [isSearchInputActive, setIsSearchInputActive] = (0, _react.useState)(isActive ?? (typeof value === 'string' && value.trim() !== ''));
25
27
  const inputRef = (0, _react.useRef)(null);
26
28
  const theme = (0, _styledComponents.useTheme)();
27
- const handleBackIconClick = (0, _react.useCallback)(() => setIsActive(false), []);
28
- const handleSearchIconClick = (0, _react.useCallback)(() => setIsActive(true), []);
29
+ const handleBackIconClick = (0, _react.useCallback)(() => setIsSearchInputActive(false), []);
30
+ const handleSearchIconClick = (0, _react.useCallback)(() => setIsSearchInputActive(true), []);
29
31
  (0, _react.useEffect)(() => {
30
32
  if (typeof onActiveChange === 'function') {
31
- onActiveChange(isActive);
33
+ onActiveChange(isSearchInputActive);
32
34
  }
33
- if (isActive) {
35
+ if (isSearchInputActive) {
34
36
  inputRef.current?.focus();
35
37
  }
36
- }, [isActive, onActiveChange]);
38
+ }, [isSearchInputActive, onActiveChange]);
39
+ (0, _react.useEffect)(() => {
40
+ if (typeof isActive === 'boolean') {
41
+ setIsSearchInputActive(isActive);
42
+ }
43
+ }, [isActive]);
37
44
  return /*#__PURE__*/_react.default.createElement(_SearchInput.StyledSearchInput, {
38
45
  className: "beta-chayns-search-input"
39
46
  }, /*#__PURE__*/_react.default.createElement(_SearchInput.StyledMotionSearchInputIconWrapper, null, /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
@@ -49,18 +56,18 @@ const SearchInput = _ref => {
49
56
  initial: {
50
57
  opacity: 0
51
58
  },
52
- key: isActive ? 'backIcon' : 'searchIcon',
59
+ key: isSearchInputActive ? 'backIcon' : 'searchIcon',
53
60
  transition: {
54
61
  duration: 0.3
55
62
  }
56
63
  }, /*#__PURE__*/_react.default.createElement(_Icon.default, {
57
64
  color: iconColor,
58
- icons: isActive ? ['fa fa-arrow-left'] : ['fa fa-search'],
59
- onClick: isActive ? handleBackIconClick : handleSearchIconClick,
65
+ icons: isSearchInputActive ? ['fa fa-arrow-left'] : ['fa fa-search'],
66
+ onClick: isSearchInputActive ? handleBackIconClick : handleSearchIconClick,
60
67
  size: 18
61
68
  })))), /*#__PURE__*/_react.default.createElement(_framerMotion.AnimatePresence, {
62
69
  initial: false
63
- }, isActive && /*#__PURE__*/_react.default.createElement(_SearchInput.StyledMotionSearchInputContentWrapper, {
70
+ }, isSearchInputActive && /*#__PURE__*/_react.default.createElement(_SearchInput.StyledMotionSearchInputContentWrapper, {
64
71
  animate: {
65
72
  opacity: 1,
66
73
  width: '100%'
@@ -83,6 +90,7 @@ const SearchInput = _ref => {
83
90
  icons: ['far fa-search']
84
91
  }),
85
92
  onChange: onChange,
93
+ onKeyDown: onKeyDown,
86
94
  placeholder: placeholder,
87
95
  ref: inputRef,
88
96
  shouldShowClearIcon: true,
package/lib/components/search-input/SearchInput.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"SearchInput.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_styledComponents","_Icon","_interopRequireDefault","_Input","_SearchInput","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SearchInput","_ref","iconColor","onActiveChange","onChange","placeholder","value","isActive","setIsActive","useState","trim","inputRef","useRef","theme","useTheme","handleBackIconClick","useCallback","handleSearchIconClick","useEffect","current","focus","createElement","StyledSearchInput","className","StyledMotionSearchInputIconWrapper","AnimatePresence","initial","StyledMotionSearchInputIconWrapperContent","animate","opacity","exit","position","key","transition","duration","color","icons","onClick","size","StyledMotionSearchInputContentWrapper","width","iconElement","text","ref","shouldShowClearIcon","displayName","_default","exports"],"sources":["../../../src/components/search-input/SearchInput.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion';\nimport React, {\n ChangeEventHandler,\n CSSProperties,\n FC,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Icon from '../icon/Icon';\nimport Input, { InputRef } from '../input/Input';\nimport {\n StyledMotionSearchInputContentWrapper,\n StyledMotionSearchInputIconWrapper,\n StyledMotionSearchInputIconWrapperContent,\n StyledSearchInput,\n} from './SearchInput.styles';\n\nexport type SearchInputProps = {\n /**\n * Color of the icon\n */\n iconColor?: CSSProperties['color'];\n /**\n * Function that is executed when the active state of the input changes\n */\n onActiveChange?: (isActive: boolean) => void;\n /**\n * Function that is executed when the text of the input changes\n */\n onChange: ChangeEventHandler<HTMLInputElement>;\n /**\n * Placeholder for the input field\n */\n placeholder?: string;\n /**\n * Value if the input field should be controlled\n */\n value?: string;\n};\n\nconst SearchInput: FC<SearchInputProps> = ({\n iconColor,\n onActiveChange,\n onChange,\n placeholder,\n value,\n}) => {\n const [isActive, setIsActive] = useState(typeof value === 'string' && value.trim() !== '');\n\n const inputRef = useRef<InputRef>(null);\n\n const theme = useTheme() as Theme;\n\n const handleBackIconClick = useCallback(() => setIsActive(false), []);\n\n const handleSearchIconClick = useCallback(() => setIsActive(true), []);\n\n useEffect(() => {\n if (typeof onActiveChange === 'function') {\n onActiveChange(isActive);\n }\n\n if (isActive) {\n inputRef.current?.focus();\n }\n }, [isActive, onActiveChange]);\n\n return (\n <StyledSearchInput className=\"beta-chayns-search-input\">\n <StyledMotionSearchInputIconWrapper>\n <AnimatePresence initial={false}>\n <StyledMotionSearchInputIconWrapperContent\n animate={{ opacity: 1 }}\n exit={{ opacity: 0, position: 'absolute' }}\n initial={{ opacity: 0 }}\n key={isActive ? 'backIcon' : 'searchIcon'}\n transition={{ duration: 0.3 }}\n >\n <Icon\n color={iconColor}\n icons={isActive ? ['fa fa-arrow-left'] : ['fa fa-search']}\n onClick={isActive ? handleBackIconClick : handleSearchIconClick}\n size={18}\n />\n </StyledMotionSearchInputIconWrapperContent>\n </AnimatePresence>\n </StyledMotionSearchInputIconWrapper>\n <AnimatePresence initial={false}>\n {isActive && (\n <StyledMotionSearchInputContentWrapper\n animate={{ opacity: 1, width: '100%' }}\n exit={{ opacity: 0, width: 0 }}\n initial={{ opacity: 0, width: 0 }}\n key=\"searchInputContentWrapper\"\n transition={{ duration: 0.3 }}\n >\n <Input\n iconElement={<Icon color={theme.text} icons={['far fa-search']} />}\n onChange={onChange}\n placeholder={placeholder}\n ref={inputRef}\n shouldShowClearIcon\n value={value}\n />\n </StyledMotionSearchInputContentWrapper>\n )}\n </AnimatePresence>\n </StyledSearchInput>\n );\n};\n\nSearchInput.displayName = 'SearchInput';\n\nexport default SearchInput;\n"],"mappings":";;;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AASA,IAAAG,iBAAA,GAAAH,OAAA;AAEA,IAAAI,KAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,MAAA,GAAAD,sBAAA,CAAAL,OAAA;AACA,IAAAO,YAAA,GAAAP,OAAA;AAK8B,SAAAK,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAH,UAAA,SAAAG,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAF,OAAA,EAAAE,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAJ,CAAA,UAAAG,CAAA,CAAAE,GAAA,CAAAL,CAAA,OAAAM,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAZ,CAAA,oBAAAY,CAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAY,CAAA,SAAAI,CAAA,GAAAR,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAX,CAAA,EAAAY,CAAA,UAAAI,CAAA,KAAAA,CAAA,CAAAX,GAAA,IAAAW,CAAA,CAAAC,GAAA,IAAAR,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAI,CAAA,IAAAV,CAAA,CAAAM,CAAA,IAAAZ,CAAA,CAAAY,CAAA,YAAAN,CAAA,CAAAR,OAAA,GAAAE,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAc,GAAA,CAAAjB,CAAA,EAAAM,CAAA,GAAAA,CAAA;AAyB9B,MAAMY,WAAiC,GAAGC,IAAA,IAMpC;EAAA,IANqC;IACvCC,SAAS;IACTC,cAAc;IACdC,QAAQ;IACRC,WAAW;IACXC;EACJ,CAAC,GAAAL,IAAA;EACG,MAAM,CAACM,QAAQ,EAAEC,WAAW,CAAC,GAAG,IAAAC,eAAQ,EAAC,OAAOH,KAAK,KAAK,QAAQ,IAAIA,KAAK,CAACI,IAAI,CAAC,CAAC,KAAK,EAAE,CAAC;EAE1F,MAAMC,QAAQ,GAAG,IAAAC,aAAM,EAAW,IAAI,CAAC;EAEvC,MAAMC,KAAK,GAAG,IAAAC,0BAAQ,EAAC,CAAU;EAEjC,MAAMC,mBAAmB,GAAG,IAAAC,kBAAW,EAAC,MAAMR,WAAW,CAAC,KAAK,CAAC,EAAE,EAAE,CAAC;EAErE,MAAMS,qBAAqB,GAAG,IAAAD,kBAAW,EAAC,MAAMR,WAAW,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;EAEtE,IAAAU,gBAAS,EAAC,MAAM;IACZ,IAAI,OAAOf,cAAc,KAAK,UAAU,EAAE;MACtCA,cAAc,CAACI,QAAQ,CAAC;IAC5B;IAEA,IAAIA,QAAQ,EAAE;MACVI,QAAQ,CAACQ,OAAO,EAAEC,KAAK,CAAC,CAAC;IAC7B;EACJ,CAAC,EAAE,CAACb,QAAQ,EAAEJ,cAAc,CAAC,CAAC;EAE9B,oBACIhC,MAAA,CAAAS,OAAA,CAAAyC,aAAA,CAAC5C,YAAA,CAAA6C,iBAAiB;IAACC,SAAS,EAAC;EAA0B,gBACnDpD,MAAA,CAAAS,OAAA,CAAAyC,aAAA,CAAC5C,YAAA,CAAA+C,kCAAkC,qBAC/BrD,MAAA,CAAAS,OAAA,CAAAyC,aAAA,CAACpD,aAAA,CAAAwD,eAAe;IAACC,OAAO,EAAE;EAAM,gBAC5BvD,MAAA,CAAAS,OAAA,CAAAyC,aAAA,CAAC5C,YAAA,CAAAkD,yCAAyC;IACtCC,OAAO,EAAE;MAAEC,OAAO,EAAE;IAAE,CAAE;IACxBC,IAAI,EAAE;MAAED,OAAO,EAAE,CAAC;MAAEE,QAAQ,EAAE;IAAW,CAAE;IAC3CL,OAAO,EAAE;MAAEG,OAAO,EAAE;IAAE,CAAE;IACxBG,GAAG,EAAEzB,QAAQ,GAAG,UAAU,GAAG,YAAa;IAC1C0B,UAAU,EAAE;MAAEC,QAAQ,EAAE;IAAI;EAAE,gBAE9B/D,MAAA,CAAAS,OAAA,CAAAyC,aAAA,CAAC/C,KAAA,CAAAM,OAAI;IACDuD,KAAK,EAAEjC,SAAU;IACjBkC,KAAK,EAAE7B,QAAQ,GAAG,CAAC,kBAAkB,CAAC,GAAG,CAAC,cAAc,CAAE;IAC1D8B,OAAO,EAAE9B,QAAQ,GAAGQ,mBAAmB,GAAGE,qBAAsB;IAChEqB,IAAI,EAAE;EAAG,CACZ,CACsC,CAC9B,CACe,CAAC,eACrCnE,MAAA,CAAAS,OAAA,CAAAyC,aAAA,CAACpD,aAAA,CAAAwD,eAAe;IAACC,OAAO,EAAE;EAAM,GAC3BnB,QAAQ,iBACLpC,MAAA,CAAAS,OAAA,CAAAyC,aAAA,CAAC5C,YAAA,CAAA8D,qCAAqC;IAClCX,OAAO,EAAE;MAAEC,OAAO,EAAE,CAAC;MAAEW,KAAK,EAAE;IAAO,CAAE;IACvCV,IAAI,EAAE;MAAED,OAAO,EAAE,CAAC;MAAEW,KAAK,EAAE;IAAE,CAAE;IAC/Bd,OAAO,EAAE;MAAEG,OAAO,EAAE,CAAC;MAAEW,KAAK,EAAE;IAAE,CAAE;IAClCR,GAAG,EAAC,2BAA2B;IAC/BC,UAAU,EAAE;MAAEC,QAAQ,EAAE;IAAI;EAAE,gBAE9B/D,MAAA,CAAAS,OAAA,CAAAyC,aAAA,CAAC7C,MAAA,CAAAI,OAAK;IACF6D,WAAW,eAAEtE,MAAA,CAAAS,OAAA,CAAAyC,aAAA,CAAC/C,KAAA,CAAAM,OAAI;MAACuD,KAAK,EAAEtB,KAAK,CAAC6B,IAAK;MAACN,KAAK,EAAE,CAAC,eAAe;IAAE,CAAE,CAAE;IACnEhC,QAAQ,EAAEA,QAAS;IACnBC,WAAW,EAAEA,WAAY;IACzBsC,GAAG,EAAEhC,QAAS;IACdiC,mBAAmB;IACnBtC,KAAK,EAAEA;EAAM,CAChB,CACkC,CAE9B,CACF,CAAC;AAE5B,CAAC;AAEDN,WAAW,CAAC6C,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnE,OAAA,GAEzBoB,WAAW"}
1
+ {"version":3,"file":"SearchInput.js","names":["_framerMotion","require","_react","_interopRequireWildcard","_styledComponents","_Icon","_interopRequireDefault","_Input","_SearchInput","obj","__esModule","default","_getRequireWildcardCache","e","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","prototype","hasOwnProperty","call","i","set","SearchInput","_ref","iconColor","isActive","onActiveChange","onChange","onKeyDown","placeholder","value","isSearchInputActive","setIsSearchInputActive","useState","trim","inputRef","useRef","theme","useTheme","handleBackIconClick","useCallback","handleSearchIconClick","useEffect","current","focus","createElement","StyledSearchInput","className","StyledMotionSearchInputIconWrapper","AnimatePresence","initial","StyledMotionSearchInputIconWrapperContent","animate","opacity","exit","position","key","transition","duration","color","icons","onClick","size","StyledMotionSearchInputContentWrapper","width","iconElement","text","ref","shouldShowClearIcon","displayName","_default","exports"],"sources":["../../../src/components/search-input/SearchInput.tsx"],"sourcesContent":["import { AnimatePresence } from 'framer-motion';\nimport React, {\n ChangeEventHandler,\n CSSProperties,\n FC,\n useCallback,\n useEffect,\n useRef,\n useState,\n} from 'react';\nimport { useTheme } from 'styled-components';\nimport type { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Icon from '../icon/Icon';\nimport Input, { InputRef } from '../input/Input';\nimport {\n StyledMotionSearchInputContentWrapper,\n StyledMotionSearchInputIconWrapper,\n StyledMotionSearchInputIconWrapperContent,\n StyledSearchInput,\n} from './SearchInput.styles';\n\nexport type SearchInputProps = {\n /**\n * Color of the icon\n */\n iconColor?: CSSProperties['color'];\n /**\n * Force the active state of the input and override the internal state\n */\n isActive?: boolean;\n /**\n * Function that is executed when the active state of the input changes\n */\n onActiveChange?: (isActive: boolean) => void;\n /**\n * Function that is executed when the text of the input changes\n */\n onChange: ChangeEventHandler<HTMLInputElement>;\n /**\n * Function that is executed when a key is pressed\n */\n onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n /**\n * Placeholder for the input field\n */\n placeholder?: string;\n /**\n * Value if the input field should be controlled\n */\n value?: string;\n};\n\nconst SearchInput: FC<SearchInputProps> = ({\n iconColor,\n isActive,\n onActiveChange,\n onChange,\n onKeyDown,\n placeholder,\n value,\n}) => {\n const [isSearchInputActive, setIsSearchInputActive] = useState(\n isActive ?? (typeof value === 'string' && value.trim() !== ''),\n );\n\n const inputRef = useRef<InputRef>(null);\n\n const theme = useTheme() as Theme;\n\n const handleBackIconClick = useCallback(() => setIsSearchInputActive(false), []);\n\n const handleSearchIconClick = useCallback(() => setIsSearchInputActive(true), []);\n\n useEffect(() => {\n if (typeof onActiveChange === 'function') {\n onActiveChange(isSearchInputActive);\n }\n\n if (isSearchInputActive) {\n inputRef.current?.focus();\n }\n }, [isSearchInputActive, onActiveChange]);\n\n useEffect(() => {\n if (typeof isActive === 'boolean') {\n setIsSearchInputActive(isActive);\n }\n }, [isActive]);\n\n return (\n <StyledSearchInput className=\"beta-chayns-search-input\">\n <StyledMotionSearchInputIconWrapper>\n <AnimatePresence initial={false}>\n <StyledMotionSearchInputIconWrapperContent\n animate={{ opacity: 1 }}\n exit={{ opacity: 0, position: 'absolute' }}\n initial={{ opacity: 0 }}\n key={isSearchInputActive ? 'backIcon' : 'searchIcon'}\n transition={{ duration: 0.3 }}\n >\n <Icon\n color={iconColor}\n icons={isSearchInputActive ? ['fa fa-arrow-left'] : ['fa fa-search']}\n onClick={\n isSearchInputActive ? handleBackIconClick : handleSearchIconClick\n }\n size={18}\n />\n </StyledMotionSearchInputIconWrapperContent>\n </AnimatePresence>\n </StyledMotionSearchInputIconWrapper>\n <AnimatePresence initial={false}>\n {isSearchInputActive && (\n <StyledMotionSearchInputContentWrapper\n animate={{ opacity: 1, width: '100%' }}\n exit={{ opacity: 0, width: 0 }}\n initial={{ opacity: 0, width: 0 }}\n key=\"searchInputContentWrapper\"\n transition={{ duration: 0.3 }}\n >\n <Input\n iconElement={<Icon color={theme.text} icons={['far fa-search']} />}\n onChange={onChange}\n onKeyDown={onKeyDown}\n placeholder={placeholder}\n ref={inputRef}\n shouldShowClearIcon\n value={value}\n />\n </StyledMotionSearchInputContentWrapper>\n )}\n </AnimatePresence>\n </StyledSearchInput>\n );\n};\n\nSearchInput.displayName = 'SearchInput';\n\nexport default SearchInput;\n"],"mappings":"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"}
package/lib/components/search-input/SearchInput.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledSearchInput: import("styled-components").IStyledCompo
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
@@ -291,7 +290,6 @@ export declare const StyledMotionSearchInputContentWrapper: import("styled-compo
291
290
  id?: string | undefined;
292
291
  lang?: string | undefined;
293
292
  nonce?: string | undefined;
294
- placeholder?: string | undefined;
295
293
  spellCheck?: (boolean | "true" | "false") | undefined;
296
294
  tabIndex?: number | undefined;
297
295
  translate?: "yes" | "no" | undefined;
@@ -556,7 +554,6 @@ export declare const StyledMotionSearchInputIconWrapper: import("styled-componen
556
554
  id?: string | undefined;
557
555
  lang?: string | undefined;
558
556
  nonce?: string | undefined;
559
- placeholder?: string | undefined;
560
557
  slot?: string | undefined;
561
558
  spellCheck?: (boolean | "true" | "false") | undefined;
562
559
  style?: import("react").CSSProperties | undefined;
@@ -829,7 +826,6 @@ export declare const StyledMotionSearchInputIconWrapperContent: import("styled-c
829
826
  id?: string | undefined;
830
827
  lang?: string | undefined;
831
828
  nonce?: string | undefined;
832
- placeholder?: string | undefined;
833
829
  spellCheck?: (boolean | "true" | "false") | undefined;
834
830
  tabIndex?: number | undefined;
835
831
  translate?: "yes" | "no" | undefined;
package/lib/components/setup-wizard/SetupWizard.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledSetupWizard: import("styled-components").IStyledCompo
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/setup-wizard/setup-wizard-item/SetupWizardItem.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledSetupWizardItem: import("styled-components").IStyledC
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
@@ -290,7 +289,6 @@ export declare const StyledSetupWizardItemBadge: import("styled-components").ISt
290
289
  id?: string | undefined;
291
290
  lang?: string | undefined;
292
291
  nonce?: string | undefined;
293
- placeholder?: string | undefined;
294
292
  slot?: string | undefined;
295
293
  spellCheck?: (boolean | "true" | "false") | undefined;
296
294
  style?: import("react").CSSProperties | undefined;
package/lib/components/sharing-bar/SharingBar.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledSharingBar: import("styled-components").IStyledCompon
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
@@ -290,7 +289,6 @@ export declare const StyledSharingBarIconWrapper: import("styled-components").IS
290
289
  id?: string | undefined;
291
290
  lang?: string | undefined;
292
291
  nonce?: string | undefined;
293
- placeholder?: string | undefined;
294
292
  slot?: string | undefined;
295
293
  spellCheck?: (boolean | "true" | "false") | undefined;
296
294
  style?: import("react").CSSProperties | undefined;
package/lib/components/slider/Slider.styles.d.ts CHANGED
@@ -19,7 +19,6 @@ export declare const StyledSlider: import("styled-components").IStyledComponent<
19
19
  id?: string | undefined;
20
20
  lang?: string | undefined;
21
21
  nonce?: string | undefined;
22
- placeholder?: string | undefined;
23
22
  slot?: string | undefined;
24
23
  spellCheck?: (boolean | "true" | "false") | undefined;
25
24
  style?: import("react").CSSProperties | undefined;
package/lib/components/text-area/TextArea.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledTextArea: import("styled-components").IStyledComponen
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: CSSProperties | undefined;
package/lib/components/tooltip/Tooltip.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledTooltip: import("styled-components").IStyledComponent
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/tooltip/tooltip-item/TooltipItem.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledTooltipItem: import("styled-components").IStyledCompo
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
package/lib/components/truncation/Truncation.styles.d.ts CHANGED
@@ -18,7 +18,6 @@ export declare const StyledTruncation: import("styled-components").IStyledCompon
18
18
  id?: string | undefined;
19
19
  lang?: string | undefined;
20
20
  nonce?: string | undefined;
21
- placeholder?: string | undefined;
22
21
  slot?: string | undefined;
23
22
  spellCheck?: (boolean | "true" | "false") | undefined;
24
23
  style?: import("react").CSSProperties | undefined;
@@ -291,7 +290,6 @@ export declare const StyledMotionTruncationContent: import("styled-components").
291
290
  id?: string | undefined;
292
291
  lang?: string | undefined;
293
292
  nonce?: string | undefined;
294
- placeholder?: string | undefined;
295
293
  spellCheck?: (boolean | "true" | "false") | undefined;
296
294
  tabIndex?: number | undefined;
297
295
  translate?: "yes" | "no" | undefined;
@@ -564,7 +562,6 @@ export declare const StyledTruncationClamp: import("styled-components").IStyledC
564
562
  id?: string | undefined;
565
563
  lang?: string | undefined;
566
564
  nonce?: string | undefined;
567
- placeholder?: string | undefined;
568
565
  slot?: string | undefined;
569
566
  spellCheck?: (boolean | "true" | "false") | undefined;
570
567
  style?: import("react").CSSProperties | undefined;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@chayns-components/core",
3
- "version": "5.0.0-beta.347",
3
+ "version": "5.0.0-beta.348",
4
4
  "description": "A set of beautiful React components for developing your own applications with chayns.",
5
5
  "keywords": [
6
6
  "chayns",
@@ -34,30 +34,30 @@
34
34
  },
35
35
  "devDependencies": {
36
36
  "@babel/cli": "^7.23.4",
37
- "@babel/core": "^7.23.3",
38
- "@babel/preset-env": "^7.23.3",
37
+ "@babel/core": "^7.23.6",
38
+ "@babel/preset-env": "^7.23.6",
39
39
  "@babel/preset-react": "^7.23.3",
40
40
  "@babel/preset-typescript": "^7.23.3",
41
- "@types/react": "^18.2.38",
41
+ "@types/react": "^18.2.45",
42
42
  "@types/react-dom": "^18.2.17",
43
- "@types/styled-components": "^5.1.32",
43
+ "@types/styled-components": "^5.1.34",
44
44
  "@types/uuid": "^9.0.7",
45
45
  "babel-loader": "^9.1.3",
46
46
  "lerna": "^7.4.2",
47
47
  "react": "^18.2.0",
48
48
  "react-dom": "^18.2.0",
49
49
  "styled-components": "^6.1.1",
50
- "typescript": "^5.3.2"
50
+ "typescript": "^5.3.3"
51
51
  },
52
52
  "dependencies": {
53
53
  "@chayns/colors": "^2.0.0",
54
54
  "@chayns/uac-service": "^0.0.46",
55
- "@types/react-syntax-highlighter": "^15.5.10",
55
+ "@types/react-syntax-highlighter": "^15.5.11",
56
56
  "babel-prettier-parser": "^0.10.8",
57
- "chayns-api": "^1.0.40",
57
+ "chayns-api": "^1.0.42",
58
58
  "clsx": "^2.0.0",
59
59
  "date-fns": "^2.30.0",
60
- "framer-motion": "^10.16.5",
60
+ "framer-motion": "^10.16.16",
61
61
  "prettier": "^2.8.8",
62
62
  "react-syntax-highlighter": "^15.5.0",
63
63
  "uuid": "^9.0.1"
@@ -70,5 +70,5 @@
70
70
  "publishConfig": {
71
71
  "access": "public"
72
72
  },
73
- "gitHead": "818fcc27717bc04ee628d417eb221d7a5d736496"
73
+ "gitHead": "efcbdf3b4cfb8cd2bdf0591593f4060df5b9c3f5"
74
74
  }