@xqmsg/ui-core 0.16.7 → 0.17.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 (116) hide show
  1. package/dist/0ec7ec81c9033f9a.svg +9 -0
  2. package/dist/35c8475f2bf403f9.svg +9 -0
  3. package/dist/components/icons/chevron/down/index.d.ts +8 -0
  4. package/dist/components/icons/chevron/right/index.d.ts +8 -0
  5. package/dist/components/icons/clock/index.d.ts +8 -0
  6. package/dist/components/icons/close/index.d.ts +9 -0
  7. package/dist/components/icons/dropdown/index.d.ts +8 -0
  8. package/dist/components/icons/error/index.d.ts +8 -0
  9. package/dist/components/icons/file/fill/index.d.ts +8 -0
  10. package/dist/components/icons/file/outline/index.d.ts +8 -0
  11. package/dist/components/icons/folder/add/fill/index.d.ts +8 -0
  12. package/dist/components/icons/folder/add/outline/index.d.ts +8 -0
  13. package/dist/components/icons/folder/fill/index.d.ts +8 -0
  14. package/dist/components/icons/folder/outline/index.d.ts +8 -0
  15. package/dist/components/icons/google/drive/index.d.ts +8 -0
  16. package/dist/components/icons/google/index.d.ts +8 -0
  17. package/dist/components/icons/group/index.d.ts +8 -0
  18. package/dist/components/icons/home/index.d.ts +8 -0
  19. package/dist/components/icons/image/index.d.ts +8 -0
  20. package/dist/components/icons/index.d.ts +28 -0
  21. package/dist/components/icons/link/index.d.ts +8 -0
  22. package/dist/components/icons/menu/index.d.ts +8 -0
  23. package/dist/components/icons/microsoft/index.d.ts +8 -0
  24. package/dist/components/icons/microsoft/onedrive/index.d.ts +8 -0
  25. package/dist/components/icons/neutral/index.d.ts +8 -0
  26. package/dist/components/icons/positive/index.d.ts +8 -0
  27. package/dist/components/icons/search/index.d.ts +8 -0
  28. package/dist/components/icons/settings/index.d.ts +8 -0
  29. package/dist/components/icons/table/fill/index.d.ts +8 -0
  30. package/dist/components/icons/table/outline/index.d.ts +8 -0
  31. package/dist/components/icons/trash/index.d.ts +8 -0
  32. package/dist/components/icons/warning/index.d.ts +8 -0
  33. package/dist/components/navigation/NavigationMenu.stories.d.ts +5 -0
  34. package/dist/components/navigation/components/header/index.d.ts +8 -0
  35. package/dist/components/navigation/components/items/index.d.ts +14 -0
  36. package/dist/components/navigation/index.d.ts +14 -0
  37. package/dist/index.d.ts +2 -0
  38. package/dist/ui-core.cjs.development.js +994 -99
  39. package/dist/ui-core.cjs.development.js.map +1 -1
  40. package/dist/ui-core.cjs.production.min.js +1 -1
  41. package/dist/ui-core.cjs.production.min.js.map +1 -1
  42. package/dist/ui-core.esm.js +969 -102
  43. package/dist/ui-core.esm.js.map +1 -1
  44. package/package.json +1 -1
  45. package/src/components/banner/index.tsx +9 -9
  46. package/src/components/button/google/index.tsx +7 -2
  47. package/src/components/button/microsoft/index.tsx +7 -2
  48. package/src/components/icons/chevron/down/chevron-down.svg +3 -0
  49. package/src/components/icons/chevron/down/index.tsx +14 -0
  50. package/src/components/icons/chevron/right/chevron-right.svg +3 -0
  51. package/src/components/icons/chevron/right/index.tsx +13 -0
  52. package/src/components/icons/clock/clock.svg +3 -0
  53. package/src/components/icons/clock/index.tsx +13 -0
  54. package/src/components/{input/components/token/assets/svg → icons/close}/close.svg +0 -0
  55. package/src/components/icons/close/index.tsx +14 -0
  56. package/src/components/{input/StackedSelect/assets/svg/subtract.svg → icons/dropdown/dropdown.svg} +0 -0
  57. package/src/components/icons/dropdown/index.tsx +13 -0
  58. package/src/components/{banner/assets/svg → icons/error}/error.svg +0 -0
  59. package/src/components/icons/error/index.tsx +13 -0
  60. package/src/components/icons/file/fill/file-fill.svg +4 -0
  61. package/src/components/icons/file/fill/index.tsx +13 -0
  62. package/src/components/icons/file/outline/file-outline.svg +3 -0
  63. package/src/components/icons/file/outline/index.tsx +13 -0
  64. package/src/components/icons/folder/add/fill/folder-add-fill.svg +3 -0
  65. package/src/components/icons/folder/add/fill/index.tsx +13 -0
  66. package/src/components/icons/folder/add/outline/folder-add-outline.svg +3 -0
  67. package/src/components/icons/folder/add/outline/index.tsx +15 -0
  68. package/src/components/icons/folder/fill/folder-fill.svg +4 -0
  69. package/src/components/icons/folder/fill/index.tsx +13 -0
  70. package/src/components/icons/folder/outline/folder-outline.svg +3 -0
  71. package/src/components/icons/folder/outline/index.tsx +13 -0
  72. package/src/components/icons/google/drive/google-drive.svg +9 -0
  73. package/src/components/icons/google/drive/index.tsx +13 -0
  74. package/src/components/{button/google/assets/GoogleLogo.svg → icons/google/google.svg} +0 -0
  75. package/src/components/icons/google/index.tsx +13 -0
  76. package/src/components/icons/group/group.svg +3 -0
  77. package/src/components/icons/group/index.tsx +13 -0
  78. package/src/components/icons/home/home.svg +3 -0
  79. package/src/components/icons/home/index.tsx +13 -0
  80. package/src/components/icons/image/image.svg +3 -0
  81. package/src/components/icons/image/index.tsx +13 -0
  82. package/src/components/icons/index.tsx +57 -0
  83. package/src/components/icons/link/index.tsx +13 -0
  84. package/src/components/icons/link/link.svg +4 -0
  85. package/src/components/icons/menu/index.tsx +13 -0
  86. package/src/components/icons/menu/menu.svg +3 -0
  87. package/src/components/icons/microsoft/index.tsx +13 -0
  88. package/src/components/{button/microsoft/assets/MicrosoftLogo.svg → icons/microsoft/microsoft.svg} +0 -0
  89. package/src/components/icons/microsoft/onedrive/index.tsx +15 -0
  90. package/src/components/icons/microsoft/onedrive/microsoft-onedrive.svg +9 -0
  91. package/src/components/icons/neutral/index.tsx +13 -0
  92. package/src/components/{banner/assets/svg → icons/neutral}/neutral.svg +0 -0
  93. package/src/components/icons/positive/index.tsx +13 -0
  94. package/src/components/{banner/assets/svg → icons/positive}/positive.svg +0 -0
  95. package/src/components/icons/search/index.tsx +13 -0
  96. package/src/components/icons/search/search.svg +3 -0
  97. package/src/components/icons/settings/index.tsx +14 -0
  98. package/src/components/icons/settings/settings.svg +6 -0
  99. package/src/components/icons/table/fill/index.tsx +13 -0
  100. package/src/components/icons/table/fill/table-fill.svg +3 -0
  101. package/src/components/icons/table/outline/index.tsx +13 -0
  102. package/src/components/icons/table/outline/table-outline.svg +3 -0
  103. package/src/components/icons/trash/index.tsx +13 -0
  104. package/src/components/icons/trash/trash.svg +3 -0
  105. package/src/components/icons/warning/index.tsx +13 -0
  106. package/src/components/{banner/assets/svg → icons/warning}/warning.svg +0 -0
  107. package/src/components/input/Input.stories.tsx +2 -56
  108. package/src/components/input/StackedMultiSelect/index.tsx +5 -7
  109. package/src/components/input/StackedPilledInput/index.tsx +20 -8
  110. package/src/components/input/StackedSelect/index.tsx +3 -9
  111. package/src/components/input/components/token/index.tsx +2 -7
  112. package/src/components/navigation/NavigationMenu.stories.tsx +85 -0
  113. package/src/components/navigation/components/header/index.tsx +26 -0
  114. package/src/components/navigation/components/items/index.tsx +62 -0
  115. package/src/components/navigation/index.tsx +59 -0
  116. package/src/index.tsx +6 -0
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as GoogleDriveIcon } from './google-drive.svg';
3
+
4
+ export interface GoogleDriveProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `GoogleDrive` icon component
10
+ */
11
+ export const GoogleDrive: React.FC<GoogleDriveProps> = ({ boxSize }) => {
12
+ return <GoogleDriveIcon boxSize={boxSize} />;
13
+ };
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as GoogleLogo } from './google.svg';
3
+
4
+ export interface GoogleProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `Google` icon component
10
+ */
11
+ export const Google: React.FC<GoogleProps> = ({ boxSize }) => {
12
+ return <GoogleLogo boxSize={boxSize} />;
13
+ };
@@ -0,0 +1,3 @@
1
+ <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M9.35643 11.6759C9.92846 11.8425 10.5334 11.9317 11.1592 11.9317C12.1747 11.9317 13.1354 11.6966 13.9897 11.2778C13.9913 11.2384 13.9921 11.1989 13.9921 11.1591C13.9921 9.59453 12.7238 8.32618 11.1592 8.32618C10.1853 8.32618 9.32622 8.81758 8.81633 9.56595M9.35643 11.6759V11.6742C9.35643 10.9099 9.16058 10.1913 8.81633 9.56595M9.35643 11.6759C9.35642 11.7004 9.3562 11.7249 9.35579 11.7493C8.07722 12.5191 6.57945 12.9619 4.97826 12.9619C3.37707 12.9619 1.87931 12.5191 0.60073 11.7493C0.60031 11.7243 0.600098 11.6993 0.600098 11.6742C0.600098 9.25619 2.56027 7.29602 4.97826 7.29602C6.63195 7.29602 8.0715 8.21286 8.81633 9.56595M7.29611 2.91786C7.29611 4.19797 6.25838 5.23571 4.97826 5.23571C3.69815 5.23571 2.66041 4.19797 2.66041 2.91786C2.66041 1.63774 3.69815 0.600006 4.97826 0.600006C6.25838 0.600006 7.29611 1.63774 7.29611 2.91786ZM12.962 4.46309C12.962 5.45874 12.1548 6.26587 11.1592 6.26587C10.1636 6.26587 9.35643 5.45874 9.35643 4.46309C9.35643 3.46745 10.1636 2.66032 11.1592 2.66032C12.1548 2.66032 12.962 3.46745 12.962 4.46309Z" stroke="#0082ff" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as GroupIcon } from './group.svg';
3
+
4
+ export interface GroupProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `Group` icon component
10
+ */
11
+ export const Group: React.FC<GroupProps> = ({ boxSize }) => {
12
+ return <GroupIcon boxSize={boxSize} />;
13
+ };
@@ -0,0 +1,3 @@
1
+ <svg width="15" height="14" viewBox="0 0 15 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path stroke="#0082ff" d="M0.800049 7.26691L6.67788 1.38908C6.96626 1.10069 7.43383 1.10069 7.72222 1.38908L13.6 7.26691M2.27697 5.78999V12.4361C2.27697 12.844 2.60759 13.1746 3.01543 13.1746H5.72313V9.9746C5.72313 9.56676 6.05375 9.23614 6.46159 9.23614H7.93851C8.34635 9.23614 8.67697 9.56676 8.67697 9.9746V13.1746H11.3847C11.7925 13.1746 12.1231 12.844 12.1231 12.4361V5.78999M4.73851 13.1746H10.1539" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as HomeIcon } from './home.svg';
3
+
4
+ export interface HomeProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `Home` icon component
10
+ */
11
+ export const Home: React.FC<HomeProps> = ({ boxSize }) => {
12
+ return <HomeIcon boxSize={boxSize} />;
13
+ };
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M0.800049 2.19999C0.800049 1.20588 1.60594 0.399994 2.60005 0.399994H13.4C14.3942 0.399994 15.2 1.20588 15.2 2.19999V9.79999C15.2 10.7941 14.3942 11.6 13.4 11.6H2.60005C1.60594 11.6 0.800049 10.7941 0.800049 9.79999V2.19999ZM2.00005 6.84852V9.79999C2.00005 10.1314 2.26868 10.4 2.60005 10.4H13.4C13.7314 10.4 14 10.1314 14 9.79999V7.64852L12.2243 5.87279C11.99 5.63847 11.6101 5.63847 11.3758 5.87279L9.84858 7.39999L10.2243 7.77573C10.4586 8.01004 10.4586 8.38994 10.2243 8.62426C9.99 8.85857 9.6101 8.85857 9.37578 8.62426L5.22431 4.47279C4.99 4.23847 4.6101 4.23847 4.37578 4.47279L2.00005 6.84852ZM9.60005 3.59999C9.60005 4.04182 9.24188 4.39999 8.80005 4.39999C8.35822 4.39999 8.00005 4.04182 8.00005 3.59999C8.00005 3.15817 8.35822 2.79999 8.80005 2.79999C9.24188 2.79999 9.60005 3.15817 9.60005 3.59999Z" fill="white"/>
3
+ </svg>
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as ImageIcon } from './image.svg';
3
+
4
+ export interface ImageProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `Image` icon component
10
+ */
11
+ export const Image: React.FC<ImageProps> = ({ boxSize }) => {
12
+ return <ImageIcon boxSize={boxSize} />;
13
+ };
@@ -0,0 +1,57 @@
1
+ import { ChevronDown } from './chevron/down';
2
+ import { ChevronRight } from './chevron/right';
3
+ import { Clock } from './clock';
4
+ import { Close } from './close';
5
+ import { Dropdown } from './dropdown';
6
+ import { Error } from './error';
7
+ import { FileFill } from './file/fill';
8
+ import { FileOutline } from './file/outline';
9
+ import { FolderAddFill } from './folder/add/fill';
10
+ import { FolderAddOutline } from './folder/add/outline';
11
+ import { Google } from './google';
12
+ import { GoogleDrive } from './google/drive';
13
+ import { Group } from './group';
14
+ import { Home } from './home';
15
+ import { Image } from './image';
16
+ import { Link } from './link';
17
+ import { Menu } from './menu';
18
+ import { Microsoft } from './microsoft';
19
+ import { MicrosoftOneDrive } from './microsoft/onedrive';
20
+ import { Neutral } from './neutral';
21
+ import { Positive } from './positive';
22
+ import { Search } from './search';
23
+ import { Settings } from './settings';
24
+ import { TableFill } from './table/fill';
25
+ import { TableOutline } from './table/outline';
26
+ import { Trash } from './trash';
27
+ import { Warning } from './warning';
28
+
29
+ export {
30
+ ChevronDown,
31
+ ChevronRight,
32
+ Clock,
33
+ Close,
34
+ Dropdown,
35
+ Error,
36
+ FileFill,
37
+ FileOutline,
38
+ FolderAddFill,
39
+ FolderAddOutline,
40
+ Google,
41
+ GoogleDrive,
42
+ Group,
43
+ Home,
44
+ Image,
45
+ Link,
46
+ Menu,
47
+ Microsoft,
48
+ MicrosoftOneDrive,
49
+ Neutral,
50
+ Positive,
51
+ Search,
52
+ Settings,
53
+ TableFill,
54
+ TableOutline,
55
+ Trash,
56
+ Warning,
57
+ };
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as LinkIcon } from './link.svg';
3
+
4
+ export interface LinkProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `Link` icon component
10
+ */
11
+ export const Link: React.FC<LinkProps> = ({ boxSize }) => {
12
+ return <LinkIcon boxSize={boxSize} />;
13
+ };
@@ -0,0 +1,4 @@
1
+ <svg width="14" height="13" viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M2.4001 3.4C2.06873 3.4 1.8001 3.66863 1.8001 4V10.8C1.8001 11.1314 2.06873 11.4 2.4001 11.4H9.2001C9.53147 11.4 9.8001 11.1314 9.8001 10.8V7.6C9.8001 7.26863 10.0687 7 10.4001 7C10.7315 7 11.0001 7.26863 11.0001 7.6V10.8C11.0001 11.7941 10.1942 12.6 9.2001 12.6H2.4001C1.40599 12.6 0.600098 11.7941 0.600098 10.8V4C0.600098 3.00589 1.40598 2.2 2.4001 2.2H6.4001C6.73147 2.2 7.0001 2.46863 7.0001 2.8C7.0001 3.13137 6.73147 3.4 6.4001 3.4H2.4001Z" fill="#3C3C434D"/>
3
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M3.95518 9.20255C4.1775 9.44827 4.55692 9.46724 4.80265 9.24492L12.2001 2.55199V4.8C12.2001 5.13137 12.4687 5.4 12.8001 5.4C13.1315 5.4 13.4001 5.13137 13.4001 4.8V1.2C13.4001 0.86863 13.1315 0.6 12.8001 0.6H9.2001C8.86873 0.6 8.6001 0.86863 8.6001 1.2C8.6001 1.53137 8.86873 1.8 9.2001 1.8H11.2426L3.99755 8.35508C3.75183 8.5774 3.73285 8.95683 3.95518 9.20255Z" fill="#3C3C434D"/>
4
+ </svg>
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as MenuIcon } from './menu.svg';
3
+
4
+ export interface MenuProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `Menu` icon component
10
+ */
11
+ export const Menu: React.FC<MenuProps> = ({ boxSize }) => {
12
+ return <MenuIcon boxSize={boxSize} />;
13
+ };
@@ -0,0 +1,3 @@
1
+ <svg width="10" height="10" viewBox="0 0 10 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.8C0 0.468629 0.268629 0.2 0.6 0.2H9C9.33137 0.2 9.6 0.468629 9.6 0.8C9.6 1.13137 9.33137 1.4 9 1.4H0.6C0.268629 1.4 0 1.13137 0 0.8ZM0 5C0 4.66863 0.268629 4.4 0.6 4.4H9C9.33137 4.4 9.6 4.66863 9.6 5C9.6 5.33137 9.33137 5.6 9 5.6H0.6C0.268629 5.6 0 5.33137 0 5ZM0 9.2C0 8.86863 0.268629 8.6 0.6 8.6H9C9.33137 8.6 9.6 8.86863 9.6 9.2C9.6 9.53137 9.33137 9.8 9 9.8H0.6C0.268629 9.8 0 9.53137 0 9.2Z" fill="white"/>
3
+ </svg>
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as MicrosoftLogo } from './microsoft.svg';
3
+
4
+ export interface MicrosoftProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `Microsoft` icon component
10
+ */
11
+ export const Microsoft: React.FC<MicrosoftProps> = ({ boxSize }) => {
12
+ return <MicrosoftLogo boxSize={boxSize} />;
13
+ };
@@ -0,0 +1,15 @@
1
+ import React from 'react';
2
+ import { ReactComponent as MicrosoftOneDriveIcon } from './microsoft-onedrive.svg';
3
+
4
+ export interface MicrosoftOneDriveProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `MicrosoftOneDrive` icon component
10
+ */
11
+ export const MicrosoftOneDrive: React.FC<MicrosoftOneDriveProps> = ({
12
+ boxSize,
13
+ }) => {
14
+ return <MicrosoftOneDriveIcon boxSize={boxSize} />;
15
+ };
@@ -0,0 +1,9 @@
1
+ <svg width="14" height="10" viewBox="0 0 14 10" fill="none" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
2
+ <rect width="14" height="9.1875" fill="url(#pattern0)"/>
3
+ <defs>
4
+ <pattern id="pattern0" patternContentUnits="objectBoundingBox" width="1" height="1">
5
+ <use xlink:href="#image0_199_3853" transform="scale(0.00195312 0.00297619)"/>
6
+ </pattern>
7
+ <image id="image0_199_3853" width="512" height="336" xlink:href="data:image/png;base64,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"/>
8
+ </defs>
9
+ </svg>
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as NeutralIcon } from './neutral.svg';
3
+
4
+ export interface NeutralProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `Neutral` icon component
10
+ */
11
+ export const Neutral: React.FC<NeutralProps> = ({ boxSize }) => {
12
+ return <NeutralIcon boxSize={boxSize} />;
13
+ };
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as PositiveIcon } from './positive.svg';
3
+
4
+ export interface PositiveProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `Positive` icon component
10
+ */
11
+ export const Positive: React.FC<PositiveProps> = ({ boxSize }) => {
12
+ return <PositiveIcon boxSize={boxSize} />;
13
+ };
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as SearchIcon } from './search.svg';
3
+
4
+ export interface SearchProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `Search` icon component
10
+ */
11
+ export const Search: React.FC<SearchProps> = ({ boxSize }) => {
12
+ return <SearchIcon boxSize={boxSize} />;
13
+ };
@@ -0,0 +1,3 @@
1
+ <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M6.2001 1.8C3.77005 1.8 1.8001 3.76995 1.8001 6.2C1.8001 8.63005 3.77005 10.6 6.2001 10.6C7.41529 10.6 8.51447 10.1082 9.31137 9.31127C10.1083 8.51437 10.6001 7.41519 10.6001 6.2C10.6001 3.76995 8.63015 1.8 6.2001 1.8ZM0.600098 6.2C0.600098 3.10721 3.1073 0.6 6.2001 0.6C9.29289 0.6 11.8001 3.10721 11.8001 6.2C11.8001 7.53002 11.3358 8.75245 10.5615 9.71285L13.2244 12.3757C13.4587 12.6101 13.4587 12.9899 13.2244 13.2243C12.99 13.4586 12.6101 13.4586 12.3758 13.2243L9.71295 10.5614C8.75255 11.3358 7.53012 11.8 6.2001 11.8C3.1073 11.8 0.600098 9.29279 0.600098 6.2Z" fill="white"/>
3
+ </svg>
@@ -0,0 +1,14 @@
1
+ import React from 'react';
2
+ import colors from '../../../theme/foundations/colors';
3
+ import { ReactComponent as SettingsIcon } from './settings.svg';
4
+
5
+ export interface SettingsProps {
6
+ boxSize: number | string;
7
+ }
8
+
9
+ /**
10
+ * A functional React component utilized to render the `Settings` icon component
11
+ */
12
+ export const Settings: React.FC<SettingsProps> = ({ boxSize }) => {
13
+ return <SettingsIcon boxSize={boxSize} fill={colors.fill.action} />;
14
+ };
@@ -0,0 +1,6 @@
1
+ <svg width="16" height="16" viewBox="0 0 16 16" fill="#0082ff" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M10.4194 7.39998C10.7956 7.39998 11.081 7.05374 10.9292 6.70955C10.433 5.58495 9.30821 4.79999 8.00005 4.79999C7.88306 4.79999 7.76754 4.80627 7.6538 4.8185C7.27948 4.85878 7.12204 5.27922 7.31028 5.60526L8.17326 7.09998C8.28044 7.28562 8.47851 7.39998 8.69287 7.39998L10.4194 7.39998Z" fill="#0082ff"/>
3
+ <path d="M6.27163 6.20627C6.08334 5.88013 5.64026 5.80621 5.4176 6.10992C5.02933 6.63952 4.80005 7.29298 4.80005 7.99999C4.80005 8.70702 5.02935 9.36049 5.41763 9.8901C5.6403 10.1938 6.08337 10.1199 6.27166 9.79375L7.13406 8.30003C7.24124 8.11439 7.24124 7.88567 7.13406 7.70003L6.27163 6.20627Z" fill="#0082ff"/>
4
+ <path d="M7.31033 10.3947C7.12209 10.7208 7.27954 11.1412 7.65386 11.1815C7.76758 11.1937 7.88308 11.2 8.00005 11.2C9.30822 11.2 10.433 10.415 10.9292 9.29041C11.0811 8.94622 10.7956 8.59998 10.4194 8.59998H8.69293C8.47857 8.59998 8.2805 8.71434 8.17332 8.89998L7.31033 10.3947Z" fill="#0082ff"/>
5
+ <path stroke="#0082ff" fill="#0082ff" fill-rule="evenodd" clip-rule="evenodd" d="M11.3037 3.47778L11.8196 2.58421C11.9853 2.29723 11.8869 1.93028 11.6 1.76459C11.313 1.59891 10.946 1.69723 10.7803 1.98421L10.2649 2.87691C9.74658 2.6474 9.18685 2.49426 8.60005 2.43175V1.39999C8.60005 1.06862 8.33142 0.799988 8.00005 0.799988C7.66868 0.799988 7.40005 1.06862 7.40005 1.39999V2.43175C6.81324 2.49426 6.25351 2.6474 5.73514 2.87691L5.21975 1.98423C5.05406 1.69725 4.68711 1.59893 4.40013 1.76461C4.11316 1.9303 4.01483 2.29725 4.18052 2.58423L4.69641 3.47779C4.23032 3.81887 3.81892 4.23026 3.47785 4.69636L2.58412 4.18036C2.29714 4.01468 1.93019 4.113 1.7645 4.39998C1.59882 4.68695 1.69714 5.05391 1.98412 5.21959L2.87697 5.73508C2.64746 6.25346 2.49432 6.81318 2.43181 7.39999H1.40005C1.06868 7.39999 0.800049 7.66862 0.800049 7.99999C0.800049 8.33136 1.06868 8.59999 1.40005 8.59999H2.43181C2.49432 9.18679 2.64746 9.74651 2.87696 10.2649L1.98412 10.7804C1.69714 10.946 1.59882 11.313 1.7645 11.6C1.93019 11.887 2.29714 11.9853 2.58412 11.8196L3.47783 11.3036C3.81889 11.7697 4.23025 12.181 4.6963 12.5221L4.18035 13.4157C4.01466 13.7027 4.11299 14.0697 4.39996 14.2354C4.68694 14.401 5.05389 14.3027 5.21958 14.0157L5.73501 13.123C6.25342 13.3525 6.81319 13.5057 7.40005 13.5682V14.6C7.40005 14.9314 7.66868 15.2 8.00005 15.2C8.33142 15.2 8.60005 14.9314 8.60005 14.6V13.5682C9.1869 13.5057 9.74667 13.3525 10.2651 13.123L10.7805 14.0158C10.9462 14.3027 11.3132 14.4011 11.6001 14.2354C11.8871 14.0697 11.9854 13.7027 11.8197 13.4158L11.3038 12.5221C11.7698 12.1811 12.1812 11.7697 12.5222 11.3037L13.4159 11.8196C13.7028 11.9853 14.0698 11.887 14.2355 11.6C14.4012 11.313 14.3028 10.946 14.0159 10.7804L13.1231 10.2649C13.3526 9.74655 13.5058 9.18681 13.5683 8.59999H14.6C14.9314 8.59999 15.2 8.33136 15.2 7.99999C15.2 7.66862 14.9314 7.39999 14.6 7.39999H13.5683C13.5058 6.81316 13.3526 6.25341 13.1231 5.73502L14.0159 5.21959C14.3028 5.05391 14.4012 4.68695 14.2355 4.39998C14.0698 4.113 13.7028 4.01468 13.4159 4.18036L12.5222 4.6963C12.1811 4.23023 11.7698 3.81885 11.3037 3.47778ZM8.00005 3.59999C7.20901 3.59999 6.46672 3.80874 5.82527 4.17415C5.81706 4.17944 5.80868 4.18455 5.80013 4.18948C5.79187 4.19425 5.78355 4.1988 5.77516 4.20314C5.12539 4.58471 4.58225 5.12831 4.20124 5.77844C4.19744 5.78567 4.19349 5.79285 4.18937 5.79998C4.18509 5.80739 4.18067 5.81469 4.17613 5.82185C3.80953 6.46407 3.60005 7.20756 3.60005 7.99999C3.60005 8.79233 3.80948 9.53575 4.17601 10.1779C4.1806 10.1851 4.18505 10.1925 4.18937 10.2C4.19353 10.2072 4.19752 10.2144 4.20134 10.2217C4.5826 10.8722 5.12617 11.416 5.77644 11.7976C5.78434 11.8017 5.79218 11.806 5.79996 11.8105C5.80805 11.8152 5.81598 11.82 5.82377 11.825C6.46556 12.1909 7.20839 12.4 8.00005 12.4C8.79182 12.4 9.53475 12.1909 10.1766 11.8248C10.1843 11.8199 10.1921 11.8151 10.2001 11.8105C10.2078 11.8061 10.2156 11.8018 10.2234 11.7977C10.8731 11.4165 11.4163 10.8734 11.7976 10.2237C11.8017 10.2157 11.8061 10.2078 11.8106 10.2C11.8153 10.1918 11.8202 10.1838 11.8252 10.176C12.191 9.53427 12.4 8.79154 12.4 7.99999C12.4 7.20836 12.191 6.46555 11.8251 5.82378C11.8201 5.81599 11.8153 5.80806 11.8106 5.79998C11.8061 5.79219 11.8018 5.78434 11.7977 5.77644C11.4167 5.12711 10.8739 4.58418 10.2247 4.20299C10.2164 4.19869 10.2081 4.19419 10.2 4.18947C10.1915 4.18458 10.1832 4.17952 10.1751 4.17429C9.53356 3.80879 8.79119 3.59999 8.00005 3.59999Z" fill="white"/>
6
+ </svg>
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as TableFillIcon } from './table-fill.svg';
3
+
4
+ export interface TableFillProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `TableFill` icon component
10
+ */
11
+ export const TableFill: React.FC<TableFillProps> = ({ boxSize }) => {
12
+ return <TableFillIcon boxSize={boxSize} />;
13
+ };
@@ -0,0 +1,3 @@
1
+ <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path fill-rule="evenodd" clip-rule="evenodd" d="M0.791992 2.19199C0.791992 1.19788 1.60589 0.400002 2.6 0.400002H13.4C14.3941 0.400002 15.2 1.20589 15.2 2.2L15.208 9.8C15.208 10.7941 14.4021 11.6 13.408 11.6C10.3413 11.6 5.67467 11.6 2.60801 11.6C1.6139 11.6 0.8 10.7861 0.8 9.79199L0.791992 2.19199ZM7.4 9.80801V9.30801C7.4 8.97664 7.13137 8.70801 6.8 8.70801H2.6C2.26863 8.70801 2 8.97664 2 9.30801V9.8C2 10.1314 2.26863 10.4 2.6 10.4H6.89827C7.18289 10.3531 7.4 10.1059 7.4 9.80801ZM8.6 9.80801C8.6 10.1059 8.81711 10.3531 9.10173 10.4H13.4C13.7314 10.4 14 10.1314 14 9.8V9.30801C14 8.97664 13.7314 8.70801 13.4 8.70801H9.2C8.86863 8.70801 8.6 8.97664 8.6 9.30801V9.80801ZM14 6.90401V6.40401C14 6.07264 13.7314 5.80401 13.4 5.80401H9.2C8.86863 5.80401 8.6 6.07264 8.6 6.40401V6.90401C8.6 7.23538 8.86863 7.50401 9.2 7.50401H13.4C13.7314 7.50401 14 7.23538 14 6.90401ZM7.4 6.90401V6.40401C7.4 6.07264 7.13137 5.80401 6.8 5.80401H2.6C2.26863 5.80401 2 6.07264 2 6.40401V6.90401C2 7.23538 2.26863 7.50401 2.6 7.50401H6.8C7.13137 7.50401 7.4 7.23538 7.4 6.90401ZM14 4V3.5C14 3.16863 13.7314 2.9 13.4 2.9H9.2C8.86863 2.9 8.6 3.16863 8.6 3.5V4C8.6 4.33137 8.86863 4.6 9.2 4.6H13.4C13.7314 4.6 14 4.33137 14 4ZM7.4 4V3.5C7.4 3.16863 7.13137 2.9 6.8 2.9H2.6C2.26863 2.9 2 3.16863 2 3.5V4C2 4.33137 2.26863 4.6 2.6 4.6H6.8C7.13137 4.6 7.4 4.33137 7.4 4Z" fill="white"/>
3
+ </svg>
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as TableOutlineIcon } from './table-outline.svg';
3
+
4
+ export interface TableOutlineProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `TableOutline` icon component
10
+ */
11
+ export const TableOutline: React.FC<TableOutlineProps> = ({ boxSize }) => {
12
+ return <TableOutlineIcon boxSize={boxSize} />;
13
+ };
@@ -0,0 +1,3 @@
1
+ <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M1.25 11H12.75M1.25 11C0.835786 11 0.5 10.6642 0.5 10.25M1.25 11H6.25C6.66421 11 7 10.6642 7 10.25M0.5 10.25V1.75M0.5 10.25V9.25C0.5 8.83579 0.835787 8.5 1.25 8.5M13.5 10.25V1.75M13.5 10.25C13.5 10.6642 13.1642 11 12.75 11M13.5 10.25V9.25C13.5 8.83579 13.1642 8.5 12.75 8.5M12.75 11H7.75C7.33579 11 7 10.6642 7 10.25M13.5 1.75C13.5 1.33579 13.1642 1 12.75 1H1.25C0.835786 1 0.5 1.33579 0.5 1.75M13.5 1.75V2.75C13.5 3.16421 13.1642 3.5 12.75 3.5M0.5 1.75V2.75C0.5 3.16421 0.835786 3.5 1.25 3.5M1.25 3.5H12.75M1.25 3.5H6.25C6.66421 3.5 7 3.83579 7 4.25M1.25 3.5C0.835786 3.5 0.5 3.83579 0.5 4.25V5.25C0.5 5.66421 0.835787 6 1.25 6M12.75 3.5H7.75C7.33579 3.5 7 3.83579 7 4.25M12.75 3.5C13.1642 3.5 13.5 3.83579 13.5 4.25V5.25C13.5 5.66421 13.1642 6 12.75 6M1.25 6H6.25M1.25 6C0.835787 6 0.5 6.33579 0.5 6.75V7.75C0.5 8.16421 0.835787 8.5 1.25 8.5M7 5.25V4.25M7 5.25C7 5.66421 6.66421 6 6.25 6M7 5.25C7 5.66421 7.33579 6 7.75 6M6.25 6C6.66421 6 7 6.33579 7 6.75M7.75 6H12.75M7.75 6C7.33579 6 7 6.33579 7 6.75M12.75 6C13.1642 6 13.5 6.33579 13.5 6.75V7.75C13.5 8.16421 13.1642 8.5 12.75 8.5M1.25 8.5H6.25M7 7.75V6.75M7 7.75C7 8.16421 6.66421 8.5 6.25 8.5M7 7.75C7 8.16421 7.33579 8.5 7.75 8.5M6.25 8.5C6.66421 8.5 7 8.83579 7 9.25M7 10.25V9.25M7 9.25C7 8.83579 7.33579 8.5 7.75 8.5M7.75 8.5H12.75" stroke="white" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as TrashIcon } from './trash.svg';
3
+
4
+ export interface TrashProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `Trash` icon component
10
+ */
11
+ export const Trash: React.FC<TrashProps> = ({ boxSize }) => {
12
+ return <TrashIcon boxSize={boxSize} />;
13
+ };
@@ -0,0 +1,3 @@
1
+ <svg width="12" height="14" viewBox="0 0 12 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2
+ <path d="M7.76331 5.15385L7.5503 10.6923M4.60355 10.6923L4.39053 5.15385M10.5247 3.17881C10.7352 3.21059 10.9449 3.2446 11.1538 3.28079M10.5247 3.17881L9.86757 11.7216C9.81208 12.443 9.21055 13 8.48703 13H3.66681C2.9433 13 2.34177 12.443 2.28628 11.7216L1.62914 3.17881M10.5247 3.17881C9.81921 3.07227 9.10554 2.99068 8.38461 2.93497M1 3.28079C1.20897 3.2446 1.41869 3.21059 1.62914 3.17881M1.62914 3.17881C2.33463 3.07227 3.0483 2.99068 3.76923 2.93497M8.38461 2.93497V2.37119C8.38461 1.64543 7.82421 1.03953 7.09882 1.01632C6.75952 1.00547 6.41886 1 6.07692 1C5.73498 1 5.39432 1.00547 5.05502 1.01632C4.32963 1.03953 3.76923 1.64543 3.76923 2.37119V2.93497M8.38461 2.93497C7.62311 2.87612 6.85352 2.84615 6.07692 2.84615C5.30033 2.84615 4.53073 2.87612 3.76923 2.93497" stroke="#0082ff" stroke-linecap="round" stroke-linejoin="round"/>
3
+ </svg>
@@ -0,0 +1,13 @@
1
+ import React from 'react';
2
+ import { ReactComponent as WarningIcon } from './warning.svg';
3
+
4
+ export interface WarningProps {
5
+ boxSize: number | string;
6
+ }
7
+
8
+ /**
9
+ * A functional React component utilized to render the `Warning` icon component
10
+ */
11
+ export const Warning: React.FC<WarningProps> = ({ boxSize }) => {
12
+ return <WarningIcon boxSize={boxSize} />;
13
+ };
@@ -5,7 +5,6 @@ import { Input, InputProps } from '.';
5
5
  import { useFormHandler } from '../form/hooks/useFormHandler';
6
6
  import * as Yup from 'yup';
7
7
  import { Form } from '../form';
8
- import { Flex, Grid, GridItem } from '@chakra-ui/react';
9
8
 
10
9
  const meta: Meta<InputProps<StoryFormSchema>> = {
11
10
  title: 'Input example',
@@ -99,7 +98,7 @@ const Template: Story<InputProps<StoryFormSchema>> = args => {
99
98
 
100
99
  return (
101
100
  <Form formHandler={formHandler}>
102
- {/* <Input
101
+ <Input
103
102
  {...args}
104
103
  inputType="multi-select"
105
104
  setValue={form.setValue}
@@ -142,57 +141,7 @@ const Template: Story<InputProps<StoryFormSchema>> = args => {
142
141
  name="prop6"
143
142
  inputType="switch"
144
143
  setValue={form.setValue}
145
- /> */}
146
- <Flex
147
- flexDirection="row"
148
- alignItems="center"
149
- justifyContent="space-between"
150
- >
151
- <Grid templateColumns="repeat(8, 1fr)">
152
- <GridItem colSpan={1} pr="10px">
153
- <Input
154
- label="Long example label"
155
- inputType="text"
156
- isRequired
157
- name={`actions`}
158
- ariaLabel="{actionInput.ariaLabel}"
159
- control={form.control}
160
- setValue={form.setValue}
161
- defaultValue="{actionInput.defaultValue}"
162
- setError={form.setError}
163
- clearErrors={form.clearErrors}
164
- />
165
- </GridItem>
166
- <GridItem colSpan={1} pr="10px">
167
- <Input
168
- label="hi"
169
- inputType="text"
170
- isRequired
171
- setValue={form.setValue}
172
- name={`actions.`}
173
- ariaLabel="{adminInput.ariaLabel}"
174
- control={form.control}
175
- defaultValue="{adminInput.defaultValue}"
176
- setError={form.setError}
177
- clearErrors={form.clearErrors}
178
- />
179
- </GridItem>
180
- <GridItem colSpan={6} pr="10px">
181
- <Input
182
- inputType="text"
183
- isRequired
184
- setValue={form.setValue}
185
- name={`action`}
186
- ariaLabel="{messageInput.ariaLabel}"
187
- control={form.control}
188
- defaultValue="{messageInput.defaultValue}"
189
- setError={form.setError}
190
- clearErrors={form.clearErrors}
191
- maxLength={140}
192
- />
193
- </GridItem>
194
- </Grid>
195
- </Flex>
144
+ />
196
145
  </Form>
197
146
  );
198
147
  };
@@ -201,9 +150,6 @@ export const Default = Template.bind({});
201
150
  Default.args = {
202
151
  label: 'Input Label',
203
152
  inputType: 'text',
204
- helperText:
205
- ' M1 4.33325H15.1667M11 7.66659H16M11 10.9999H16M8.08333 7.66659H8.5M8.08333 10.9999H8.5',
206
-
207
153
  options: [
208
154
  { value: 'section_header', label: 'Section 1', sortValue: 0 },
209
155
  {
@@ -5,7 +5,7 @@ import React, {
5
5
  useRef,
6
6
  useState,
7
7
  } from 'react';
8
- import { Box, Flex, Text, Image, Input } from '@chakra-ui/react';
8
+ import { Box, Flex, Text, Input } from '@chakra-ui/react';
9
9
  import { debounce } from 'lodash';
10
10
  import {
11
11
  FieldOption,
@@ -21,7 +21,7 @@ import {
21
21
  UseFormSetValue,
22
22
  useWatch,
23
23
  } from 'react-hook-form';
24
- import SubtractIcon from '../StackedSelect/assets/svg/subtract.svg';
24
+ import { Dropdown as DropdownIcon } from '../../icons/dropdown';
25
25
  import { Dropdown } from '../components/dropdown';
26
26
  import Token from '../components/token';
27
27
  import { useOnClickOutside } from '../../../hooks/useOnOutsideClick';
@@ -58,8 +58,6 @@ const StackedMultiSelect = React.forwardRef<
58
58
  const [searchValue, setSearchValue] = useState('');
59
59
  const [debouncedSearchValue, setDebouncedSearchValue] = useState('');
60
60
 
61
- console.log({ searchValue, debouncedSearchValue });
62
-
63
61
  const boundingClientRect = dropdownRef.current?.getBoundingClientRect() as DOMRect;
64
62
 
65
63
  useEffect(() => {
@@ -74,12 +72,12 @@ const StackedMultiSelect = React.forwardRef<
74
72
 
75
73
  // gets latest watched form value (common delimited) from RHF state and creates a list
76
74
  useEffect(() => {
77
- if (watchedValue !== undefined && !watchedValue.length) {
75
+ if (watchedValue !== undefined && !watchedValue.length && !isInit) {
78
76
  setLocalValues([]);
79
77
  setIsInit(true);
80
78
  }
81
79
 
82
- if (watchedValue !== undefined && watchedValue?.length) {
80
+ if (watchedValue !== undefined && watchedValue?.length && !isInit) {
83
81
  if (shouldSideScroll) {
84
82
  (scrollRef.current as HTMLDivElement).scrollTo({
85
83
  left: scrollRef.current?.scrollWidth,
@@ -326,7 +324,7 @@ const StackedMultiSelect = React.forwardRef<
326
324
  _focus={{ boxShadow: 'none !important' }}
327
325
  />
328
326
  <Flex mr="4px" justifyContent="center" alignItems="center">
329
- <Image src={SubtractIcon} alt="subtract" boxSize="16px" />
327
+ <DropdownIcon boxSize="16px" />
330
328
  </Flex>
331
329
  </Flex>
332
330
  {isFocussed && (