@mrshmllw/smores-react 2.17.8 → 2.18.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 (52) hide show
  1. package/dist/Snackbar/Snackbar.stories.d.ts +9 -0
  2. package/dist/Snackbar/Snackbar.stories.js +26 -0
  3. package/dist/Snackbar/Snackbar.stories.js.map +1 -0
  4. package/dist/Snackbar/SnackbarContainer.d.ts +7 -0
  5. package/dist/Snackbar/SnackbarContainer.js +41 -0
  6. package/dist/Snackbar/SnackbarContainer.js.map +1 -0
  7. package/dist/Snackbar/SnackbarItem.d.ts +7 -0
  8. package/dist/Snackbar/SnackbarItem.js +26 -0
  9. package/dist/Snackbar/SnackbarItem.js.map +1 -0
  10. package/dist/Snackbar/hooks.d.ts +3 -0
  11. package/dist/Snackbar/hooks.js +6 -0
  12. package/dist/Snackbar/hooks.js.map +1 -0
  13. package/dist/Snackbar/index.d.ts +2 -0
  14. package/dist/Snackbar/index.js +3 -0
  15. package/dist/Snackbar/index.js.map +1 -0
  16. package/dist/Snackbar/types.d.ts +12 -0
  17. package/dist/Snackbar/types.js +2 -0
  18. package/dist/Snackbar/types.js.map +1 -0
  19. package/dist/hooks/index.d.ts +1 -0
  20. package/dist/hooks/index.js +1 -0
  21. package/dist/hooks/index.js.map +1 -1
  22. package/dist/hooks/useTimeout/index.d.ts +1 -0
  23. package/dist/hooks/useTimeout/index.js +12 -0
  24. package/dist/hooks/useTimeout/index.js.map +1 -0
  25. package/dist/index.d.ts +5 -4
  26. package/dist/index.js +5 -4
  27. package/dist/index.js.map +1 -1
  28. package/package.json +1 -1
  29. package/dist/Dropdown/__tests__/Dropdown.d.ts +0 -1
  30. package/dist/Dropdown/__tests__/Dropdown.js +0 -80
  31. package/dist/Dropdown/__tests__/Dropdown.js.map +0 -1
  32. package/dist/Field/Field.d.ts +0 -13
  33. package/dist/Field/Field.js +0 -72
  34. package/dist/Field/Field.js.map +0 -1
  35. package/dist/Field/index.d.ts +0 -3
  36. package/dist/Field/index.js +0 -2
  37. package/dist/Field/index.js.map +0 -1
  38. package/dist/Field/types/commonFieldTypes.d.ts +0 -12
  39. package/dist/Field/types/commonFieldTypes.js +0 -2
  40. package/dist/Field/types/commonFieldTypes.js.map +0 -1
  41. package/dist/Fieldset/Fieldset.d.ts +0 -9
  42. package/dist/Fieldset/Fieldset.js +0 -22
  43. package/dist/Fieldset/Fieldset.js.map +0 -1
  44. package/dist/Fieldset/index.d.ts +0 -1
  45. package/dist/Fieldset/index.js +0 -2
  46. package/dist/Fieldset/index.js.map +0 -1
  47. package/dist/SearchInput/__tests__/SearchInput.d.ts +0 -1
  48. package/dist/SearchInput/__tests__/SearchInput.js +0 -32
  49. package/dist/SearchInput/__tests__/SearchInput.js.map +0 -1
  50. package/dist/Textarea/__tests__/Textarea.d.ts +0 -1
  51. package/dist/Textarea/__tests__/Textarea.js +0 -17
  52. package/dist/Textarea/__tests__/Textarea.js.map +0 -1
@@ -0,0 +1,9 @@
1
+ import React from 'react';
2
+ declare const _default: {
3
+ title: string;
4
+ component: React.FC<{
5
+ children?: React.ReactNode;
6
+ }>;
7
+ };
8
+ export default _default;
9
+ export declare const Default: any;
@@ -0,0 +1,26 @@
1
+ import React from 'react';
2
+ import { SnackbarContainer } from './SnackbarContainer';
3
+ import { useSnackbar } from './hooks';
4
+ import { Button } from '../Button';
5
+ export default {
6
+ title: 'SnackbarContainer',
7
+ component: SnackbarContainer,
8
+ };
9
+ const ChildComponent = () => {
10
+ const { addSnackbar } = useSnackbar();
11
+ return (React.createElement(React.Fragment, null,
12
+ React.createElement(Button, { primary: true, onClick: () => {
13
+ addSnackbar({
14
+ leadingIcon: 'tick',
15
+ message: 'Hello there general Kenobi',
16
+ canManuallyClose: true,
17
+ });
18
+ } }, "Click me to add a snack!")));
19
+ };
20
+ const Template = () => {
21
+ return (React.createElement(React.Fragment, null,
22
+ React.createElement(SnackbarContainer, null,
23
+ React.createElement(ChildComponent, null))));
24
+ };
25
+ export const Default = Template.bind({});
26
+ //# sourceMappingURL=Snackbar.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Snackbar.stories.js","sourceRoot":"","sources":["../../src/Snackbar/Snackbar.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAA;AAElC,eAAe;IACb,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,iBAAiB;CAC7B,CAAA;AAED,MAAM,cAAc,GAAO,GAAG,EAAE;IAC9B,MAAM,EAAE,WAAW,EAAE,GAAG,WAAW,EAAE,CAAA;IAErC,OAAO,CACL;QACE,oBAAC,MAAM,IACL,OAAO,QACP,OAAO,EAAE,GAAG,EAAE;gBACZ,WAAW,CAAC;oBACV,WAAW,EAAE,MAAM;oBACnB,OAAO,EAAE,4BAA4B;oBACrC,gBAAgB,EAAE,IAAI;iBACvB,CAAC,CAAA;YACJ,CAAC,+BAGM,CACR,CACJ,CAAA;AACH,CAAC,CAAA;AACD,MAAM,QAAQ,GAAO,GAAG,EAAE;IACxB,OAAO,CACL;QACE,oBAAC,iBAAiB;YAChB,oBAAC,cAAc,OAAG,CACA,CACnB,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
@@ -0,0 +1,7 @@
1
+ import React, { FC, ReactNode } from 'react';
2
+ import { SnackbarContextType } from './types';
3
+ export declare const SnackbarContext: React.Context<SnackbarContextType>;
4
+ export declare const useSnackbarContext: () => SnackbarContextType;
5
+ export declare const SnackbarContainer: FC<{
6
+ children?: ReactNode;
7
+ }>;
@@ -0,0 +1,41 @@
1
+ import React, { createContext, useState, useCallback, useContext, } from 'react';
2
+ import styled from 'styled-components';
3
+ import { SnackbarItem } from './SnackbarItem';
4
+ export const SnackbarContext = createContext({
5
+ addSnackbar: () => {
6
+ throw new Error('Please add the SnackbarContainer to your application');
7
+ },
8
+ });
9
+ export const useSnackbarContext = () => useContext(SnackbarContext);
10
+ export const SnackbarContainer = ({ children, }) => {
11
+ let snackbarId = 0;
12
+ const [snackbars, setSnackbars] = useState([]);
13
+ // create snackbar unique ID
14
+ const newSnackId = useCallback(() => {
15
+ const newId = `MM_SNACKBAR_${snackbarId}`;
16
+ snackbarId++;
17
+ return newId;
18
+ }, [snackbarId]);
19
+ const addSnackbar = (snackbar) => {
20
+ const newSnack = Object.assign(Object.assign({}, snackbar), { id: newSnackId() });
21
+ setSnackbars([...snackbars, newSnack]);
22
+ };
23
+ const deleteSnackbar = (id) => {
24
+ setSnackbars(snackbars.filter((snackbar) => snackbar.id !== id));
25
+ };
26
+ return (React.createElement(SnackbarContext.Provider, { value: {
27
+ addSnackbar,
28
+ } },
29
+ children,
30
+ React.createElement(SnackbarWrapper, null, snackbars.map((snackbar) => (React.createElement(SnackbarItem, Object.assign({ key: snackbar.id }, snackbar, { deleteSnack: deleteSnackbar })))))));
31
+ };
32
+ const SnackbarWrapper = styled.div `
33
+ position: fixed;
34
+ bottom: 35px;
35
+ left: 0;
36
+ right: 0;
37
+ margin: 0 auto;
38
+ width: 90%;
39
+ max-width: 875px;
40
+ `;
41
+ //# sourceMappingURL=SnackbarContainer.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarContainer.js","sourceRoot":"","sources":["../../src/Snackbar/SnackbarContainer.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACZ,aAAa,EAEb,QAAQ,EACR,WAAW,EAEX,UAAU,GACX,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAG7C,MAAM,CAAC,MAAM,eAAe,GAAG,aAAa,CAAsB;IAChE,WAAW,EAAE,GAAG,EAAE;QAChB,MAAM,IAAI,KAAK,CAAC,sDAAsD,CAAC,CAAA;IACzE,CAAC;CACF,CAAC,CAAA;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,GAAG,EAAE,CAAC,UAAU,CAAC,eAAe,CAAC,CAAA;AAEnE,MAAM,CAAC,MAAM,iBAAiB,GAAiC,CAAC,EAC9D,QAAQ,GACT,EAAE,EAAE;IACH,IAAI,UAAU,GAAG,CAAC,CAAA;IAClB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAa,EAAE,CAAC,CAAA;IAE1D,4BAA4B;IAC5B,MAAM,UAAU,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,MAAM,KAAK,GAAG,eAAe,UAAU,EAAE,CAAA;QACzC,UAAU,EAAE,CAAA;QACZ,OAAO,KAAK,CAAA;IACd,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAA;IAEhB,MAAM,WAAW,GAAG,CAAC,QAAqB,EAAE,EAAE;QAC5C,MAAM,QAAQ,mCACT,QAAQ,KACX,EAAE,EAAE,UAAU,EAAE,GACjB,CAAA;QACD,YAAY,CAAC,CAAC,GAAG,SAAS,EAAE,QAAQ,CAAC,CAAC,CAAA;IACxC,CAAC,CAAA;IAED,MAAM,cAAc,GAAG,CAAC,EAAU,EAAE,EAAE;QACpC,YAAY,CAAC,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,CAAA;IAClE,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,eAAe,CAAC,QAAQ,IACvB,KAAK,EAAE;YACL,WAAW;SACZ;QAEA,QAAQ;QACT,oBAAC,eAAe,QACb,SAAS,CAAC,GAAG,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,CAC3B,oBAAC,YAAY,kBACX,GAAG,EAAE,QAAQ,CAAC,EAAE,IACZ,QAAQ,IACZ,WAAW,EAAE,cAAc,IAC3B,CACH,CAAC,CACc,CACO,CAC5B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;CAQjC,CAAA"}
@@ -0,0 +1,7 @@
1
+ import { FC } from 'react';
2
+ import { Snackbar } from './types';
3
+ interface Props extends Snackbar {
4
+ deleteSnack: (id: string) => void;
5
+ }
6
+ export declare const SnackbarItem: FC<Props>;
7
+ export {};
@@ -0,0 +1,26 @@
1
+ import { Box } from '../Box';
2
+ import React from 'react';
3
+ import styled from 'styled-components';
4
+ import { Icon } from '../Icon';
5
+ import { theme } from '../theme';
6
+ import { Text } from '../Text';
7
+ import { useTimeout } from '../hooks';
8
+ export const SnackbarItem = ({ autoCloseTime = 4, id, message, leadingIcon, canManuallyClose, showCloseIcon, deleteSnack, }) => {
9
+ useTimeout(() => deleteSnack(id), autoCloseTime * 1000);
10
+ return (React.createElement(SnackItem, { p: "16px", key: id, mt: "16px", flex: true, justifyContent: "space-between" },
11
+ React.createElement(Box, { flex: true, alignItems: "center" },
12
+ leadingIcon && (React.createElement(Icon, { mr: "12px", render: leadingIcon, size: 24, color: "white" })),
13
+ React.createElement(Text, { typo: "desc-small", color: "white" }, message)),
14
+ canManuallyClose && (React.createElement(CloseButton, { onClick: () => deleteSnack(id), "aria-label": `close snackbar ${message}` }, showCloseIcon ? (React.createElement(Icon, { render: "cross", size: 16, color: "white" })) : (React.createElement(UnderlinedText, { typo: "desc-medium", color: "white" }, "Dismiss"))))));
15
+ };
16
+ const SnackItem = styled(Box) `
17
+ border-radius: 10px;
18
+ background-color: ${theme.colors.secondary};
19
+ `;
20
+ const CloseButton = styled.button `
21
+ cursor: pointer;
22
+ `;
23
+ const UnderlinedText = styled(Text) `
24
+ text-decoration: underline;
25
+ `;
26
+ //# sourceMappingURL=SnackbarItem.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarItem.js","sourceRoot":"","sources":["../../src/Snackbar/SnackbarItem.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;AAMrC,MAAM,CAAC,MAAM,YAAY,GAAc,CAAC,EACtC,aAAa,GAAG,CAAC,EACjB,EAAE,EACF,OAAO,EACP,WAAW,EACX,gBAAgB,EAChB,aAAa,EACb,WAAW,GACZ,EAAE,EAAE;IACH,UAAU,CAAC,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC,CAAA;IAEvD,OAAO,CACL,oBAAC,SAAS,IAAC,CAAC,EAAC,MAAM,EAAC,GAAG,EAAE,EAAE,EAAE,EAAE,EAAC,MAAM,EAAC,IAAI,QAAC,cAAc,EAAC,eAAe;QACxE,oBAAC,GAAG,IAAC,IAAI,QAAC,UAAU,EAAC,QAAQ;YAC1B,WAAW,IAAI,CACd,oBAAC,IAAI,IAAC,EAAE,EAAC,MAAM,EAAC,MAAM,EAAE,WAAW,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,CAChE;YACD,oBAAC,IAAI,IAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,OAAO,IAClC,OAAO,CACH,CACH;QACL,gBAAgB,IAAI,CACnB,oBAAC,WAAW,IACV,OAAO,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,EAAE,CAAC,gBAClB,kBAAkB,OAAO,EAAE,IAEtC,aAAa,CAAC,CAAC,CAAC,CACf,oBAAC,IAAI,IAAC,MAAM,EAAC,OAAO,EAAC,IAAI,EAAE,EAAE,EAAE,KAAK,EAAC,OAAO,GAAG,CAChD,CAAC,CAAC,CAAC,CACF,oBAAC,cAAc,IAAC,IAAI,EAAC,aAAa,EAAC,KAAK,EAAC,OAAO,cAE/B,CAClB,CACW,CACf,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA;;sBAEP,KAAK,CAAC,MAAM,CAAC,SAAS;CAC3C,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;;CAEhC,CAAA;AAED,MAAM,cAAc,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;CAElC,CAAA"}
@@ -0,0 +1,3 @@
1
+ export declare const useSnackbar: () => {
2
+ addSnackbar: (snackbar: import("./types").CreateSnack) => void;
3
+ };
@@ -0,0 +1,6 @@
1
+ import { useSnackbarContext } from './SnackbarContainer';
2
+ export const useSnackbar = () => {
3
+ const { addSnackbar } = useSnackbarContext();
4
+ return { addSnackbar };
5
+ };
6
+ //# sourceMappingURL=hooks.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"hooks.js","sourceRoot":"","sources":["../../src/Snackbar/hooks.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAA;AAExD,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,EAAE;IAC9B,MAAM,EAAE,WAAW,EAAE,GAAG,kBAAkB,EAAE,CAAA;IAE5C,OAAO,EAAE,WAAW,EAAE,CAAA;AACxB,CAAC,CAAA"}
@@ -0,0 +1,2 @@
1
+ export * from './SnackbarContainer';
2
+ export * from './hooks';
@@ -0,0 +1,3 @@
1
+ export * from './SnackbarContainer';
2
+ export * from './hooks';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Snackbar/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAA;AACnC,cAAc,SAAS,CAAA"}
@@ -0,0 +1,12 @@
1
+ export interface Snackbar {
2
+ id: string;
3
+ message: string;
4
+ autoCloseTime?: 4 | 5 | 6 | 7 | 8 | 9 | 10;
5
+ leadingIcon?: string;
6
+ canManuallyClose?: boolean;
7
+ showCloseIcon?: boolean;
8
+ }
9
+ export type CreateSnack = Omit<Snackbar, 'id'>;
10
+ export interface SnackbarContextType {
11
+ addSnackbar: (snackbar: CreateSnack) => void;
12
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=types.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/Snackbar/types.ts"],"names":[],"mappings":""}
@@ -1,3 +1,4 @@
1
1
  export * from './useEventListener';
2
2
  export * from './useClickOutside';
3
3
  export * from './useScript';
4
+ export * from './useTimeout';
@@ -1,4 +1,5 @@
1
1
  export * from './useEventListener';
2
2
  export * from './useClickOutside';
3
3
  export * from './useScript';
4
+ export * from './useTimeout';
4
5
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,cAAc,CAAA"}
@@ -0,0 +1 @@
1
+ export declare const useTimeout: (callback: () => void, delay: number) => void;
@@ -0,0 +1,12 @@
1
+ import { useEffect, useRef } from 'react';
2
+ export const useTimeout = (callback, delay) => {
3
+ const savedCallback = useRef(callback);
4
+ useEffect(() => {
5
+ savedCallback.current = callback;
6
+ }, [callback]);
7
+ useEffect(() => {
8
+ const id = setTimeout(() => savedCallback.current(), delay);
9
+ return () => clearTimeout(id);
10
+ }, [delay]);
11
+ };
12
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/hooks/useTimeout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAEzC,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,QAAoB,EAAE,KAAa,EAAE,EAAE;IAChE,MAAM,aAAa,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAA;IAClC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,EAAE,GAAG,UAAU,CAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,EAAE,KAAK,CAAC,CAAA;QAC3D,OAAO,GAAG,EAAE,CAAC,YAAY,CAAC,EAAE,CAAC,CAAA;IAC/B,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;AACb,CAAC,CAAA"}
package/dist/index.d.ts CHANGED
@@ -11,6 +11,10 @@ export * from './Datepicker';
11
11
  export * from './Divider';
12
12
  export * from './Dropdown';
13
13
  export * from './Emoji';
14
+ export * from './fields/Field';
15
+ export * from './fields/Fieldset';
16
+ export * from './fontStyle';
17
+ export * from './hooks';
14
18
  export * from './Icon';
15
19
  export * from './IconWrapper';
16
20
  export * from './LabelledText';
@@ -24,6 +28,7 @@ export * from './RadioButton';
24
28
  export * from './RadioGroup';
25
29
  export * from './Row';
26
30
  export * from './SearchInput';
31
+ export * from './Snackbar';
27
32
  export * from './SupportMessage';
28
33
  export * from './Tag';
29
34
  export * from './Text';
@@ -32,8 +37,4 @@ export * from './TextInput';
32
37
  export * from './theme';
33
38
  export * from './Toggle';
34
39
  export * from './Tooltip';
35
- export * from './fields/Field';
36
- export * from './fields/Fieldset';
37
- export * from './fontStyle';
38
- export * from './hooks';
39
40
  export { MarginProps, PaddingProps, SpacingProp } from './utils/space';
package/dist/index.js CHANGED
@@ -11,6 +11,10 @@ export * from './Datepicker';
11
11
  export * from './Divider';
12
12
  export * from './Dropdown';
13
13
  export * from './Emoji';
14
+ export * from './fields/Field';
15
+ export * from './fields/Fieldset';
16
+ export * from './fontStyle';
17
+ export * from './hooks';
14
18
  export * from './Icon';
15
19
  export * from './IconWrapper';
16
20
  export * from './LabelledText';
@@ -24,6 +28,7 @@ export * from './RadioButton';
24
28
  export * from './RadioGroup';
25
29
  export * from './Row';
26
30
  export * from './SearchInput';
31
+ export * from './Snackbar';
27
32
  export * from './SupportMessage';
28
33
  export * from './Tag';
29
34
  export * from './Text';
@@ -32,8 +37,4 @@ export * from './TextInput';
32
37
  export * from './theme';
33
38
  export * from './Toggle';
34
39
  export * from './Tooltip';
35
- export * from './fields/Field';
36
- export * from './fields/Fieldset';
37
- export * from './fontStyle';
38
- export * from './hooks';
39
40
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,4BAA4B,CAAA;AAC1C,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,QAAQ,CAAA;AACtB,cAAc,4BAA4B,CAAA;AAC1C,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA;AACzB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,mBAAmB,CAAA;AACjC,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,eAAe,CAAA;AAC7B,cAAc,gBAAgB,CAAA;AAC9B,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,eAAe,CAAA;AAC7B,cAAc,cAAc,CAAA;AAC5B,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,YAAY,CAAA;AAC1B,cAAc,kBAAkB,CAAA;AAChC,cAAc,OAAO,CAAA;AACrB,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,aAAa,CAAA;AAC3B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@mrshmllw/smores-react",
3
- "version": "2.17.8",
3
+ "version": "2.18.0",
4
4
  "main": "./dist/index.js",
5
5
  "description": "Collection of React components used by Marshmallow Technology",
6
6
  "keywords": [
@@ -1 +0,0 @@
1
- export {};
@@ -1,80 +0,0 @@
1
- import React from 'react';
2
- import { render } from '@testing-library/react';
3
- import 'jest-styled-components';
4
- import { Dropdown } from '../Dropdown';
5
- const days = [
6
- {
7
- label: 'Monday',
8
- value: 'MONDAY',
9
- },
10
- {
11
- label: 'Tuesday',
12
- value: 'TUESDAY',
13
- },
14
- {
15
- label: 'Wednesday',
16
- value: 'WEDNESDAY',
17
- },
18
- {
19
- label: 'Thursday',
20
- value: 'THURSDAY',
21
- },
22
- {
23
- label: 'Friday',
24
- value: 'FRIDAY',
25
- },
26
- {
27
- label: 'Saturday',
28
- value: 'SATURDAY',
29
- },
30
- {
31
- label: 'Sunday',
32
- value: 'SUNDAY',
33
- },
34
- ];
35
- const daysWithGroups = [
36
- {
37
- label: 'Monday',
38
- value: 'MONDAY',
39
- optionGroupLabel: 'Weekday',
40
- },
41
- {
42
- label: 'Tuesday',
43
- value: 'TUESDAY',
44
- optionGroupLabel: 'Weekday',
45
- },
46
- {
47
- label: 'Wednesday',
48
- value: 'WEDNESDAY',
49
- optionGroupLabel: 'Weekday',
50
- },
51
- {
52
- label: 'Thursday',
53
- value: 'THURSDAY',
54
- optionGroupLabel: 'Weekday',
55
- },
56
- {
57
- label: 'Friday',
58
- value: 'FRIDAY',
59
- optionGroupLabel: 'Weekday',
60
- },
61
- {
62
- label: 'Saturday',
63
- value: 'SATURDAY',
64
- optionGroupLabel: 'Weekend',
65
- },
66
- {
67
- label: 'Sunday',
68
- value: 'SUNDAY',
69
- optionGroupLabel: 'Weekend',
70
- },
71
- ];
72
- test('rendersDropdown', () => {
73
- const { container } = render(React.createElement(Dropdown, { list: days }));
74
- expect(container.firstChild).toMatchSnapshot();
75
- });
76
- test('rendersDropdownWithGroups', () => {
77
- const { container } = render(React.createElement(Dropdown, { list: daysWithGroups }));
78
- expect(container.firstChild).toMatchSnapshot();
79
- });
80
- //# sourceMappingURL=Dropdown.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.js","sourceRoot":"","sources":["../../../src/Dropdown/__tests__/Dropdown.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AAC/C,OAAO,wBAAwB,CAAA;AAE/B,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAEtC,MAAM,IAAI,GAAG;IACX;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;KACjB;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;KACnB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;KAChB;CACF,CAAA;AAED,MAAM,cAAc,GAAG;IACrB;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,SAAS;QAChB,KAAK,EAAE,SAAS;QAChB,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,WAAW;QAClB,KAAK,EAAE,WAAW;QAClB,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;QACjB,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,UAAU;QACjB,gBAAgB,EAAE,SAAS;KAC5B;IACD;QACE,KAAK,EAAE,QAAQ;QACf,KAAK,EAAE,QAAQ;QACf,gBAAgB,EAAE,SAAS;KAC5B;CACF,CAAA;AAED,IAAI,CAAC,iBAAiB,EAAE,GAAG,EAAE;IAC3B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAE,IAAI,GAAI,CAAC,CAAA;IAEtD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA;AAEF,IAAI,CAAC,2BAA2B,EAAE,GAAG,EAAE;IACrC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,oBAAC,QAAQ,IAAC,IAAI,EAAE,cAAc,GAAI,CAAC,CAAA;IAEhE,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;AAChD,CAAC,CAAC,CAAA"}
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- import { CommonFieldTypes } from './types/commonFieldTypes';
3
- interface FieldProps extends CommonFieldTypes {
4
- children: React.ReactElement;
5
- showCaret?: boolean;
6
- value: string;
7
- trailingIcon?: string;
8
- dropdownKey?: string;
9
- fullHeight?: boolean;
10
- assistiveText?: string;
11
- }
12
- export declare const Field: ({ children, renderAsTitle, className, error, id, label, outlined, value, trailingIcon, errorMsg, dropdownKey, required, showCaret, fullHeight, assistiveText, ...marginProps }: FieldProps) => JSX.Element;
13
- export {};
@@ -1,72 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React from 'react';
13
- import styled from 'styled-components';
14
- import { darken } from 'polished';
15
- import { Icon } from '../Icon';
16
- import { Text } from '../Text';
17
- import { Box } from '../Box';
18
- import { theme } from '../theme';
19
- export const Field = (_a) => {
20
- var { children, renderAsTitle, className = '', error, id, label, outlined = false, value, trailingIcon, errorMsg, dropdownKey, required, showCaret, fullHeight = false, assistiveText } = _a, marginProps = __rest(_a, ["children", "renderAsTitle", "className", "error", "id", "label", "outlined", "value", "trailingIcon", "errorMsg", "dropdownKey", "required", "showCaret", "fullHeight", "assistiveText"]);
21
- return (React.createElement(Container, Object.assign({ className: className }, marginProps),
22
- label && (React.createElement(React.Fragment, null, renderAsTitle ? (React.createElement(Box, { mb: "16px" },
23
- React.createElement(Text, { tag: "label", typo: "heading-small", htmlFor: id, mb: assistiveText ? { custom: 4 } : undefined }, label),
24
- assistiveText && (React.createElement(Text, { tag: "p", color: "subtext" }, assistiveText)))) : (React.createElement(Box, { mb: { custom: outlined ? 4 : 0 } },
25
- React.createElement(Text, { tag: "label", typo: "label", color: "subtext", htmlFor: id },
26
- label,
27
- required && (React.createElement(Text, { tag: "span", typo: "body-small", color: "error" }, "*"))))))),
28
- React.createElement(Content, { fullHeight: fullHeight, value: value, outlined: outlined, error: error, key: dropdownKey !== null && dropdownKey !== void 0 ? dropdownKey : null },
29
- children,
30
- showCaret && (React.createElement(Caret, { outlined: outlined },
31
- React.createElement(Icon, { render: "caret", color: "subtext", size: 24 })))),
32
- trailingIcon && React.createElement(Icon, { render: trailingIcon, color: "subtext" }),
33
- error && (React.createElement(Text, { tag: "span", typo: "caption", color: "error", mt: "8px" }, errorMsg))));
34
- };
35
- const Container = styled(Box) `
36
- display: flex;
37
- flex-direction: column;
38
- position: relative;
39
- width: 100%;
40
- `;
41
- const Content = styled.div `
42
- position: relative;
43
- border-color: ${({ error }) => theme.colors[`${error ? 'error' : 'outline'}`]};
44
- background-color: ${({ outlined }) => !outlined ? 'transparent' : theme.colors['white']};
45
- height: ${({ fullHeight }) => (fullHeight ? `100%` : `32px`)};
46
-
47
- &:hover,
48
- &:focus-within {
49
- border-color: ${({ error }) => error ? theme.colors.error : darken(0.1, theme.colors.outline)};
50
- }
51
-
52
- ${({ outlined }) => outlined &&
53
- `
54
- border-radius: 8px;
55
- height: auto;
56
- `}
57
-
58
- ${({ value }) => value &&
59
- value != '' &&
60
- `
61
- border-color: ${theme.colors.outline};
62
- `}
63
- `;
64
- const Caret = styled.div `
65
- position: absolute;
66
- top: 50%;
67
- z-index: 1;
68
- right: ${({ outlined }) => (outlined ? '15px' : '0')};
69
- pointer-events: none;
70
- transform: translateY(-50%);
71
- `;
72
- //# sourceMappingURL=Field.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Field.js","sourceRoot":"","sources":["../../src/Field/Field.tsx"],"names":[],"mappings":"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"}
@@ -1,3 +0,0 @@
1
- import { CommonFieldTypes } from './types/commonFieldTypes';
2
- export { Field } from './Field';
3
- export type { CommonFieldTypes };
@@ -1,2 +0,0 @@
1
- export { Field } from './Field';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Field/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA"}
@@ -1,12 +0,0 @@
1
- import { MarginProps } from '../../utils/space';
2
- export interface CommonFieldTypes extends MarginProps {
3
- label?: string;
4
- id?: string;
5
- error?: boolean;
6
- errorMsg?: string;
7
- required?: boolean;
8
- renderAsTitle?: boolean;
9
- className?: string;
10
- outlined?: boolean;
11
- assistiveText?: string;
12
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=commonFieldTypes.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"commonFieldTypes.js","sourceRoot":"","sources":["../../../src/Field/types/commonFieldTypes.ts"],"names":[],"mappings":""}
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { MarginProps } from '../utils/space';
3
- declare type FieldSetProps = {
4
- children: React.ReactChild;
5
- label: string;
6
- outlined?: boolean;
7
- } & MarginProps;
8
- export declare const Fieldset: ({ children, label, outlined, ...marginProps }: FieldSetProps) => JSX.Element;
9
- export {};
@@ -1,22 +0,0 @@
1
- var __rest = (this && this.__rest) || function (s, e) {
2
- var t = {};
3
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
4
- t[p] = s[p];
5
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
6
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
7
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
8
- t[p[i]] = s[p[i]];
9
- }
10
- return t;
11
- };
12
- import React from 'react';
13
- import { Box } from '../Box';
14
- import { Text } from '../Text';
15
- export const Fieldset = (_a) => {
16
- var { children, label, outlined = false } = _a, marginProps = __rest(_a, ["children", "label", "outlined"]);
17
- return (React.createElement(Box, Object.assign({ as: "fieldset" }, marginProps),
18
- React.createElement(Box, { mb: { custom: outlined ? 4 : 0 } },
19
- React.createElement(Text, { tag: "legend", typo: "heading-small", mb: "16px" }, label)),
20
- children));
21
- };
22
- //# sourceMappingURL=Fieldset.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Fieldset.js","sourceRoot":"","sources":["../../src/Fieldset/Fieldset.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAQ9B,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAKT,EAAE,EAAE;QALK,EACvB,QAAQ,EACR,KAAK,EACL,QAAQ,GAAG,KAAK,OAEF,EADX,WAAW,cAJS,iCAKxB,CADe;IAEd,OAAO,CACL,oBAAC,GAAG,kBAAC,EAAE,EAAC,UAAU,IAAK,WAAW;QAChC,oBAAC,GAAG,IAAC,EAAE,EAAE,EAAE,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE;YACnC,oBAAC,IAAI,IAAC,GAAG,EAAC,QAAQ,EAAC,IAAI,EAAC,eAAe,EAAC,EAAE,EAAC,MAAM,IAC9C,KAAK,CACD,CACH;QAEL,QAAQ,CACL,CACP,CAAA;AACH,CAAC,CAAA"}
@@ -1 +0,0 @@
1
- export { Fieldset } from './Fieldset';
@@ -1,2 +0,0 @@
1
- export { Fieldset } from './Fieldset';
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/Fieldset/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,32 +0,0 @@
1
- import React from 'react';
2
- import { render } from '@testing-library/react';
3
- import 'jest-styled-components';
4
- import { SearchInput } from '../SearchInput';
5
- const list = [
6
- {
7
- label: 'Monday',
8
- },
9
- {
10
- label: 'Tuesday',
11
- },
12
- {
13
- label: 'Wednesday',
14
- },
15
- {
16
- label: 'Thursday',
17
- },
18
- {
19
- label: 'Friday',
20
- },
21
- {
22
- label: 'Saturday',
23
- },
24
- {
25
- label: 'Sunday',
26
- },
27
- ];
28
- test('renders', () => {
29
- const { container } = render(React.createElement(SearchInput, { id: "days", label: "Days", searchList: list, onFound: () => { } }));
30
- expect(container.firstChild).toMatchSnapshot();
31
- });
32
- //# sourceMappingURL=SearchInput.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../../src/SearchInput/__tests__/SearchInput.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAC9C,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,WAAW,EAAC,MAAM,gBAAgB,CAAC;AAE3C,MAAM,IAAI,GAAG;IACX;QACE,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,SAAS;KACjB;IACD;QACE,KAAK,EAAE,WAAW;KACnB;IACD;QACE,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;KAChB;IACD;QACE,KAAK,EAAE,UAAU;KAClB;IACD;QACE,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC;AAEF,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,WAAW,IAAC,EAAE,EAAC,MAAM,EAAC,KAAK,EAAC,MAAM,EAAC,UAAU,EAAE,IAAI,EAAE,OAAO,EAAE,GAAG,EAAE,GAAE,CAAC,GAAI,CAC5E,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAC,CAAC"}
@@ -1 +0,0 @@
1
- export {};
@@ -1,17 +0,0 @@
1
- import React from 'react';
2
- import { render } from '@testing-library/react';
3
- import 'jest-styled-components';
4
- import { Textarea } from '../Textarea';
5
- test('renders', () => {
6
- const { container } = render(React.createElement(Textarea, { id: "textarea_id", label: "Textarea label", value: "", onChange: str => { }, resize: "both", disabled: false, placeholder: "Placeholder text!", className: "Textarea" }));
7
- expect(container.firstChild).toMatchSnapshot();
8
- });
9
- test('disabled', () => {
10
- const { container } = render(React.createElement(Textarea, { id: "textarea_id", label: "Textarea label", value: "", onChange: str => { }, resize: "both", disabled: true, placeholder: "Placeholder text!" }));
11
- expect(container.firstChild).toMatchSnapshot();
12
- });
13
- test('renders with error', () => {
14
- const { container } = render(React.createElement(Textarea, { id: "textarea_id", label: "Textarea label", value: "", onChange: str => { }, resize: "both", disabled: false, error: true, errorMsg: "Something really quite terrible has gone wrong here!", placeholder: "Placeholder text!" }));
15
- expect(container.firstChild).toMatchSnapshot();
16
- });
17
- //# sourceMappingURL=Textarea.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../../src/Textarea/__tests__/Textarea.js"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,wBAAwB,CAAC;AAC9C,OAAO,wBAAwB,CAAC;AAEhC,OAAO,EAAC,QAAQ,EAAC,MAAM,aAAa,CAAC;AAErC,IAAI,CAAC,SAAS,EAAE,GAAG,EAAE;IACnB,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,QAAQ,IACP,EAAE,EAAC,aAAa,EAChB,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,GAAG,CAAC,EAAE,GAAE,CAAC,EACnB,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,KAAK,EACf,WAAW,EAAC,mBAAmB,EAC/B,SAAS,EAAC,UAAU,GACpB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,UAAU,EAAE,GAAG,EAAE;IACpB,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,QAAQ,IACP,EAAE,EAAC,aAAa,EAChB,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,GAAG,CAAC,EAAE,GAAE,CAAC,EACnB,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,IAAI,EACd,WAAW,EAAC,mBAAmB,GAC/B,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,oBAAoB,EAAE,GAAG,EAAE;IAC9B,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,QAAQ,IACP,EAAE,EAAC,aAAa,EAChB,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,GAAG,CAAC,EAAE,GAAE,CAAC,EACnB,MAAM,EAAC,MAAM,EACb,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,IAAI,EACX,QAAQ,EAAC,sDAAsD,EAC/D,WAAW,EAAC,mBAAmB,GAC/B,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAC,CAAC"}