@thecb/components 7.7.5-beta.1 → 7.7.5-beta.7

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 (10) hide show
  1. package/dist/index.cjs.js +8 -33
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +9 -33
  4. package/dist/index.esm.js.map +1 -1
  5. package/package.json +1 -1
  6. package/src/components/.DS_Store +0 -0
  7. package/src/components/atoms/icons/index.js +0 -2
  8. package/src/components/atoms/searchable-select/SearchableSelect.js +19 -21
  9. package/src/components/molecules/.DS_Store +0 -0
  10. package/src/components/atoms/icons/BankIconLarge.js +0 -33
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@thecb/components",
3
- "version": "7.7.5-beta.1",
3
+ "version": "7.7.5-beta.7",
4
4
  "description": "Common lib for CityBase react components",
5
5
  "main": "dist/index.cjs.js",
6
6
  "typings": "dist/index.d.ts",
package/src/components/.DS_Store ADDED
Binary file
package/src/components/atoms/icons/index.js CHANGED
@@ -17,7 +17,6 @@ import AccountNumberImage from "./AccountNumberImage";
17
17
  import RoutingNumberImage from "./RoutingNumberImage";
18
18
  import CheckmarkIcon from "./CheckmarkIcon";
19
19
  import BankIcon from "./BankIcon";
20
- import BankIconLarge from "./BankIconLarge";
21
20
  import GenericCard from "./GenericCard";
22
21
  import IconAdd from "./IconAdd";
23
22
  import IconQuitLarge from "./IconQuitLarge";
@@ -85,7 +84,6 @@ export {
85
84
  RoutingNumberImage,
86
85
  CheckmarkIcon,
87
86
  BankIcon,
88
- BankIconLarge,
89
87
  GenericCard,
90
88
  IconAdd,
91
89
  IconQuitLarge,
package/src/components/atoms/searchable-select/SearchableSelect.js CHANGED
@@ -16,7 +16,8 @@ const SearchableSelect = ({
16
16
  fields,
17
17
  actions,
18
18
  disabled,
19
- themeValues
19
+ themeValues,
20
+ placeholder = "Search agencies"
20
21
  }) => {
21
22
  const [itemList, setItemList] = useState([]);
22
23
  useEffect(() => setItemList(items), [items, selectedItems]);
@@ -50,30 +51,27 @@ const SearchableSelect = ({
50
51
  errorMessages={{}}
51
52
  field={fields.searchTerm}
52
53
  fieldActions={actions.fields.searchTerm}
53
- placeholder="Search agencies"
54
+ placeholder={placeholder}
54
55
  disabled={disabled}
55
56
  />
56
57
  <Box
57
- padding="0.5rem 0"
58
- extraStyles={`overflow-y: scroll; height: 250px;`}
58
+ padding="0 0 0.5rem"
59
+ extraStyles={`overflow-y: scroll; max-height: 250px;`}
59
60
  >
60
- <Stack>
61
- {itemList.map(value => (
62
- <Checkbox
63
- key={value.name}
64
- title={value.name}
65
- name={value.name}
66
- checked={
67
- selectedItems?.find(item => item?.name === value?.name) ??
68
- false
69
- }
70
- onChange={() => handleSelect(value)}
71
- textExtraStyles={`margin: 0;`}
72
- disabled={disabled}
73
- extraStyles={`margin: 0 0.5rem;`}
74
- />
75
- ))}
76
- </Stack>
61
+ {itemList.map(value => (
62
+ <Checkbox
63
+ key={value.name}
64
+ title={value.name}
65
+ name={value.name}
66
+ checked={
67
+ selectedItems?.find(item => item?.name === value?.name) ?? false
68
+ }
69
+ onChange={() => handleSelect(value)}
70
+ textExtraStyles={`margin: 0;`}
71
+ disabled={disabled}
72
+ extraStyles={`margin: 0 0.5rem;`}
73
+ />
74
+ ))}
77
75
  </Box>
78
76
  </Stack>
79
77
  </Box>
package/src/components/atoms/icons/BankIconLarge.js DELETED
@@ -1,33 +0,0 @@
1
- import React from "react";
2
-
3
- export const BankIconLarge = () => {
4
- return (
5
- <svg
6
- width="36"
7
- height="24"
8
- viewBox="0 0 36 24"
9
- fill="none"
10
- xmlns="http://www.w3.org/2000/svg"
11
- >
12
- <g clipPath="url(#clip0_1002_476)">
13
- <path
14
- d="M0 3C0 1.34315 1.34315 0 3 0H33C34.6569 0 36 1.34315 36 3V21C36 22.6569 34.6569 24 33 24H3C1.34315 24 0 22.6569 0 21V3Z"
15
- fill="#E4F4FD"
16
- />
17
- <path
18
- fillRule="evenodd"
19
- clipRule="evenodd"
20
- d="M33 1.5H3C2.17157 1.5 1.5 2.17157 1.5 3V21C1.5 21.8284 2.17157 22.5 3 22.5H33C33.8284 22.5 34.5 21.8284 34.5 21V3C34.5 2.17157 33.8284 1.5 33 1.5ZM3 0C1.34315 0 0 1.34315 0 3V21C0 22.6569 1.34315 24 3 24H33C34.6569 24 36 22.6569 36 21V3C36 1.34315 34.6569 0 33 0H3ZM23.7544 14.8335C23.6706 14.9563 23.6209 15.1293 23.6209 15.3332C23.6209 15.5465 23.5436 15.7411 23.4165 15.8885C23.349 15.9671 23.2696 16.0296 23.1834 16.0752C23.0922 16.1237 22.9909 16.1546 22.8836 16.1637C22.6961 16.1799 22.5022 16.1282 22.3391 16.0029C21.4102 15.2896 20.6945 14.8834 20.1572 14.6767C19.6165 14.4687 19.3143 14.4844 19.17 14.5249C18.988 14.576 18.7994 14.7857 18.7994 15.3332C18.7994 15.7935 18.4397 16.1665 17.9959 16.1665C17.5521 16.1665 17.1923 15.7935 17.1923 15.3332C17.1923 14.5422 17.4859 13.2709 18.7503 12.9161C19.3292 12.7536 19.9913 12.8352 20.7162 13.1141C21.2068 13.3028 21.7532 13.592 22.3632 13.9954C22.3882 13.9532 22.4147 13.9115 22.4428 13.8703C22.7715 13.3891 23.2775 13.0439 23.9432 12.9038C25.2058 12.6381 27.0336 13.1058 29.636 14.6047C30.024 14.8281 30.1638 15.3354 29.9483 15.7378C29.7329 16.1401 29.2437 16.2852 28.8557 16.0617C26.3153 14.5986 24.9289 14.397 24.2629 14.5371C23.9643 14.5999 23.8275 14.7265 23.7544 14.8335ZM26.8351 8.66659C26.8351 9.12683 26.4754 9.49992 26.0316 9.49992H17.996C17.5522 9.49992 17.1924 9.12683 17.1924 8.66659C17.1924 8.20636 17.5522 7.83327 17.996 7.83327H26.0316C26.4754 7.83327 26.8351 8.20636 26.8351 8.66659ZM8.81666 5.33333H10.8382C10.9311 5.33333 11.0201 5.37159 11.0858 5.43968C11.1514 5.50777 11.1883 5.60012 11.1883 5.69642V6.76975C11.9563 6.96326 12.6887 7.3019 13.3469 7.77398C13.4195 7.83002 13.4679 7.91348 13.4816 8.00627C13.4953 8.09906 13.4731 8.1937 13.42 8.26967L12.4001 9.76307C12.3498 9.84051 12.2725 9.89466 12.1844 9.9141C12.0964 9.93354 12.0045 9.91674 11.9282 9.86726C11.166 9.34181 10.2765 9.04965 9.36164 9.02426C8.67662 9.02426 8.34171 9.31157 8.34171 9.70308V9.73465C8.34171 10.2177 8.69184 10.4293 10.1167 10.7608C12.4427 11.288 13.898 12.071 13.898 14.0475V14.0759C13.898 15.789 12.8604 16.9502 11.1944 17.3552V18.3508C11.1944 18.3931 11.1862 18.4349 11.1704 18.4739C11.1545 18.5128 11.1312 18.548 11.102 18.5775C11.0728 18.6069 11.0381 18.63 11.0001 18.6453C10.9621 18.6606 10.9215 18.6678 10.8808 18.6665H8.77705C8.6963 18.6665 8.61885 18.6333 8.56175 18.5741C8.50466 18.5148 8.4726 18.4345 8.4726 18.3508V17.4163C7.31992 17.2199 6.22353 16.7352 5.28198 15.9955C5.24358 15.966 5.21155 15.9285 5.18791 15.8854C5.16427 15.8423 5.14954 15.7946 5.14467 15.7453C5.1398 15.696 5.1449 15.6462 5.15963 15.599C5.17436 15.5519 5.1984 15.5084 5.23023 15.4714L6.36278 14.0728C6.41845 14.0015 6.49805 13.9548 6.58558 13.9419C6.67311 13.929 6.76211 13.9509 6.83469 14.0033C7.71463 14.685 8.78089 15.0588 9.87921 15.0704C10.6495 15.0704 11.0544 14.7989 11.0544 14.3474V14.3159C11.0544 13.8644 10.7225 13.637 9.32511 13.2929C7.16045 12.7783 5.489 12.1468 5.489 9.99039V9.95881C5.489 8.27314 6.59751 6.98782 8.46654 6.66335V5.69642C8.46654 5.60012 8.50342 5.50777 8.56908 5.43968C8.63474 5.37159 8.7238 5.33333 8.81666 5.33333Z"
21
- fill="#15749D"
22
- />
23
- </g>
24
- <defs>
25
- <clipPath id="clip0_1002_476">
26
- <rect width="36" height="24" fill="white" />
27
- </clipPath>
28
- </defs>
29
- </svg>
30
- );
31
- };
32
-
33
- export default BankIconLarge;