@transferwise/components 0.0.0-experimental-e068634 → 0.0.0-experimental-ea9a101

package/build/listItem/Radio/ListItemRadio.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var React = require('react');
-var RadioButton = require('../../common/RadioButton/RadioButton.js');
-var useListItemControl = require('../useListItemControl.js');
-var ListItemContext = require('../ListItemContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-const Radio = function (props) {
-  const {
-    baseItemProps
-  } = useListItemControl.useListItemControl('radio', {
-    ...props
-  });
-  const {
-    ids,
-    describedByIds
-  } = React.useContext(ListItemContext.ListItemContext);
-  return /*#__PURE__*/jsxRuntime.jsx(RadioButton.default, {
-    ...props,
-    "aria-describedby": describedByIds,
-    className: "wds-list-item-control",
-    disabled: baseItemProps.disabled,
-    id: ids.control
-  });
-};
-Radio.displayName = 'ListItem.Radio';
-
-exports.Radio = Radio;
-//# sourceMappingURL=ListItemRadio.js.map

package/build/listItem/Radio/ListItemRadio.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemRadio.js","sources":["../../../src/listItem/Radio/ListItemRadio.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport RadioButton, { type RadioButtonProps } from '../../common/RadioButton/RadioButton';\nimport { useListItemControl } from '../useListItemControl';\nimport { ListItemContext } from '../ListItemContext';\n\nexport type ListItemRadioProps = Omit<\n  RadioButtonProps,\n  'disabled' | 'readOnly' | 'className' | 'id'\n>;\n\n/**\n * This component allows for rendering a Button control. It's a thin wrapper around the\n * [Button component](https://storybook.wise.design/?path=/docs/content-button--docs), but offers only\n * a subset of its features in line with the ListItem's constraints. <br />\n * <br />\n * Please refer to the [Design documentation](https://wise.design/components/list-item---button) for details.\n */\nexport const Radio = function (props: ListItemRadioProps) {\n  const { baseItemProps } = useListItemControl('radio', { ...props });\n  const { ids, describedByIds } = useContext(ListItemContext);\n\n  return (\n    <RadioButton\n      {...props}\n      aria-describedby={describedByIds}\n      className=\"wds-list-item-control\"\n      disabled={baseItemProps.disabled}\n      id={ids.control}\n    />\n  );\n};\n\nRadio.displayName = 'ListItem.Radio';\n"],"names":["Radio","props","baseItemProps","useListItemControl","ids","describedByIds","useContext","ListItemContext","_jsx","RadioButton","className","disabled","id","control","displayName"],"mappings":";;;;;;;;MAiBaA,KAAK,GAAG,UAAUC,KAAyB,EAAA;EACtD,MAAM;AAAEC,IAAAA;AAAa,GAAE,GAAGC,qCAAkB,CAAC,OAAO,EAAE;IAAE,GAAGF;AAAK,GAAE,CAAC;EACnE,MAAM;IAAEG,GAAG;AAAEC,IAAAA;AAAc,GAAE,GAAGC,gBAAU,CAACC,+BAAe,CAAC;EAE3D,oBACEC,cAAA,CAACC,mBAAW,EAAA;AAAA,IAAA,GACNR,KAAK;AACT,IAAA,kBAAA,EAAkBI,cAAe;AACjCK,IAAAA,SAAS,EAAC,uBAAuB;IACjCC,QAAQ,EAAET,aAAa,CAACS,QAAS;IACjCC,EAAE,EAAER,GAAG,CAACS;AAAQ,GAAA,CAChB;AAEN;AAEAb,KAAK,CAACc,WAAW,GAAG,gBAAgB;;;;"}

package/build/listItem/Radio/ListItemRadio.mjs

@@ -1,28 +0,0 @@
-import { useContext } from 'react';
-import RadioButton from '../../common/RadioButton/RadioButton.mjs';
-import { useListItemControl } from '../useListItemControl.mjs';
-import { ListItemContext } from '../ListItemContext.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-const Radio = function (props) {
-  const {
-    baseItemProps
-  } = useListItemControl('radio', {
-    ...props
-  });
-  const {
-    ids,
-    describedByIds
-  } = useContext(ListItemContext);
-  return /*#__PURE__*/jsx(RadioButton, {
-    ...props,
-    "aria-describedby": describedByIds,
-    className: "wds-list-item-control",
-    disabled: baseItemProps.disabled,
-    id: ids.control
-  });
-};
-Radio.displayName = 'ListItem.Radio';
-
-export { Radio };
-//# sourceMappingURL=ListItemRadio.mjs.map

package/build/listItem/Radio/ListItemRadio.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemRadio.mjs","sources":["../../../src/listItem/Radio/ListItemRadio.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport RadioButton, { type RadioButtonProps } from '../../common/RadioButton/RadioButton';\nimport { useListItemControl } from '../useListItemControl';\nimport { ListItemContext } from '../ListItemContext';\n\nexport type ListItemRadioProps = Omit<\n  RadioButtonProps,\n  'disabled' | 'readOnly' | 'className' | 'id'\n>;\n\n/**\n * This component allows for rendering a Button control. It's a thin wrapper around the\n * [Button component](https://storybook.wise.design/?path=/docs/content-button--docs), but offers only\n * a subset of its features in line with the ListItem's constraints. <br />\n * <br />\n * Please refer to the [Design documentation](https://wise.design/components/list-item---button) for details.\n */\nexport const Radio = function (props: ListItemRadioProps) {\n  const { baseItemProps } = useListItemControl('radio', { ...props });\n  const { ids, describedByIds } = useContext(ListItemContext);\n\n  return (\n    <RadioButton\n      {...props}\n      aria-describedby={describedByIds}\n      className=\"wds-list-item-control\"\n      disabled={baseItemProps.disabled}\n      id={ids.control}\n    />\n  );\n};\n\nRadio.displayName = 'ListItem.Radio';\n"],"names":["Radio","props","baseItemProps","useListItemControl","ids","describedByIds","useContext","ListItemContext","_jsx","RadioButton","className","disabled","id","control","displayName"],"mappings":";;;;;;MAiBaA,KAAK,GAAG,UAAUC,KAAyB,EAAA;EACtD,MAAM;AAAEC,IAAAA;AAAa,GAAE,GAAGC,kBAAkB,CAAC,OAAO,EAAE;IAAE,GAAGF;AAAK,GAAE,CAAC;EACnE,MAAM;IAAEG,GAAG;AAAEC,IAAAA;AAAc,GAAE,GAAGC,UAAU,CAACC,eAAe,CAAC;EAE3D,oBACEC,GAAA,CAACC,WAAW,EAAA;AAAA,IAAA,GACNR,KAAK;AACT,IAAA,kBAAA,EAAkBI,cAAe;AACjCK,IAAAA,SAAS,EAAC,uBAAuB;IACjCC,QAAQ,EAAET,aAAa,CAACS,QAAS;IACjCC,EAAE,EAAER,GAAG,CAACS;AAAQ,GAAA,CAChB;AAEN;AAEAb,KAAK,CAACc,WAAW,GAAG,gBAAgB;;;;"}

package/build/listItem/Switch/ListItemSwitch.js

@@ -1,30 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Switch$1 = require('../../switch/Switch.js');
-var useListItemControl = require('../useListItemControl.js');
-var ListItemContext = require('../ListItemContext.js');
-var jsxRuntime = require('react/jsx-runtime');
-
-const Switch = function (props) {
-  const {
-    baseItemProps
-  } = useListItemControl.useListItemControl('switch', {
-    ...props
-  });
-  const {
-    ids,
-    describedByIds
-  } = React.useContext(ListItemContext.ListItemContext);
-  return /*#__PURE__*/jsxRuntime.jsx(Switch$1.default, {
-    ...props,
-    "aria-describedby": describedByIds,
-    className: "wds-list-item-control",
-    disabled: baseItemProps.disabled,
-    id: ids.control
-  });
-};
-Switch.displayName = 'ListItem.Switch';
-
-exports.Switch = Switch;
-//# sourceMappingURL=ListItemSwitch.js.map

package/build/listItem/Switch/ListItemSwitch.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemSwitch.js","sources":["../../../src/listItem/Switch/ListItemSwitch.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport SwitchComp, { type SwitchProps } from '../../switch';\nimport { useListItemControl } from '../useListItemControl';\nimport { ListItemContext } from '../ListItemContext';\n\nexport type ListItemSwitchProps = Omit<\n  SwitchProps,\n  'disabled' | 'id' | 'aria-labelledby' | 'aria-label'\n>;\n\n/**\n * This component allows for rendering a switch control within a fully interactive ListItem. <br />It's a thin wrapper around the\n * [CheckboxButton component](https://storybook.wise.design/?path=/docs/actions-switch--docs),\n * but offers only a subset of its features in line with the ListItem's constraints. <br />\n *\n * Please refer to the [Design documentation](https://wise.design/components/list-item---switch) for details.\n */\nexport const Switch = function (props: ListItemSwitchProps) {\n  const { baseItemProps } = useListItemControl('switch', { ...props });\n  const { ids, describedByIds } = useContext(ListItemContext);\n\n  return (\n    <SwitchComp\n      {...props}\n      aria-describedby={describedByIds}\n      className=\"wds-list-item-control\"\n      disabled={baseItemProps.disabled}\n      id={ids.control}\n    />\n  );\n};\n\nSwitch.displayName = 'ListItem.Switch';\n"],"names":["Switch","props","baseItemProps","useListItemControl","ids","describedByIds","useContext","ListItemContext","_jsx","SwitchComp","className","disabled","id","control","displayName"],"mappings":";;;;;;;;MAiBaA,MAAM,GAAG,UAAUC,KAA0B,EAAA;EACxD,MAAM;AAAEC,IAAAA;AAAa,GAAE,GAAGC,qCAAkB,CAAC,QAAQ,EAAE;IAAE,GAAGF;AAAK,GAAE,CAAC;EACpE,MAAM;IAAEG,GAAG;AAAEC,IAAAA;AAAc,GAAE,GAAGC,gBAAU,CAACC,+BAAe,CAAC;EAE3D,oBACEC,cAAA,CAACC,gBAAU,EAAA;AAAA,IAAA,GACLR,KAAK;AACT,IAAA,kBAAA,EAAkBI,cAAe;AACjCK,IAAAA,SAAS,EAAC,uBAAuB;IACjCC,QAAQ,EAAET,aAAa,CAACS,QAAS;IACjCC,EAAE,EAAER,GAAG,CAACS;AAAQ,GAAA,CAChB;AAEN;AAEAb,MAAM,CAACc,WAAW,GAAG,iBAAiB;;;;"}

package/build/listItem/Switch/ListItemSwitch.mjs

@@ -1,28 +0,0 @@
-import { useContext } from 'react';
-import Switch$1 from '../../switch/Switch.mjs';
-import { useListItemControl } from '../useListItemControl.mjs';
-import { ListItemContext } from '../ListItemContext.mjs';
-import { jsx } from 'react/jsx-runtime';
-
-const Switch = function (props) {
-  const {
-    baseItemProps
-  } = useListItemControl('switch', {
-    ...props
-  });
-  const {
-    ids,
-    describedByIds
-  } = useContext(ListItemContext);
-  return /*#__PURE__*/jsx(Switch$1, {
-    ...props,
-    "aria-describedby": describedByIds,
-    className: "wds-list-item-control",
-    disabled: baseItemProps.disabled,
-    id: ids.control
-  });
-};
-Switch.displayName = 'ListItem.Switch';
-
-export { Switch };
-//# sourceMappingURL=ListItemSwitch.mjs.map

package/build/listItem/Switch/ListItemSwitch.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"ListItemSwitch.mjs","sources":["../../../src/listItem/Switch/ListItemSwitch.tsx"],"sourcesContent":["import { useContext } from 'react';\nimport SwitchComp, { type SwitchProps } from '../../switch';\nimport { useListItemControl } from '../useListItemControl';\nimport { ListItemContext } from '../ListItemContext';\n\nexport type ListItemSwitchProps = Omit<\n  SwitchProps,\n  'disabled' | 'id' | 'aria-labelledby' | 'aria-label'\n>;\n\n/**\n * This component allows for rendering a switch control within a fully interactive ListItem. <br />It's a thin wrapper around the\n * [CheckboxButton component](https://storybook.wise.design/?path=/docs/actions-switch--docs),\n * but offers only a subset of its features in line with the ListItem's constraints. <br />\n *\n * Please refer to the [Design documentation](https://wise.design/components/list-item---switch) for details.\n */\nexport const Switch = function (props: ListItemSwitchProps) {\n  const { baseItemProps } = useListItemControl('switch', { ...props });\n  const { ids, describedByIds } = useContext(ListItemContext);\n\n  return (\n    <SwitchComp\n      {...props}\n      aria-describedby={describedByIds}\n      className=\"wds-list-item-control\"\n      disabled={baseItemProps.disabled}\n      id={ids.control}\n    />\n  );\n};\n\nSwitch.displayName = 'ListItem.Switch';\n"],"names":["Switch","props","baseItemProps","useListItemControl","ids","describedByIds","useContext","ListItemContext","_jsx","SwitchComp","className","disabled","id","control","displayName"],"mappings":";;;;;;MAiBaA,MAAM,GAAG,UAAUC,KAA0B,EAAA;EACxD,MAAM;AAAEC,IAAAA;AAAa,GAAE,GAAGC,kBAAkB,CAAC,QAAQ,EAAE;IAAE,GAAGF;AAAK,GAAE,CAAC;EACpE,MAAM;IAAEG,GAAG;AAAEC,IAAAA;AAAc,GAAE,GAAGC,UAAU,CAACC,eAAe,CAAC;EAE3D,oBACEC,GAAA,CAACC,QAAU,EAAA;AAAA,IAAA,GACLR,KAAK;AACT,IAAA,kBAAA,EAAkBI,cAAe;AACjCK,IAAAA,SAAS,EAAC,uBAAuB;IACjCC,QAAQ,EAAET,aAAa,CAACS,QAAS;IACjCC,EAAE,EAAER,GAAG,CAACS;AAAQ,GAAA,CAChB;AAEN;AAEAb,MAAM,CAACc,WAAW,GAAG,iBAAiB;;;;"}

package/build/listItem/useListItemControl.js

@@ -1,22 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ListItemContext = require('./ListItemContext.js');
-
-function useListItemControl(controlType, controlProps) {
-  const {
-    setControlType,
-    setControlProps,
-    props: baseItemProps
-  } = React.useContext(ListItemContext.ListItemContext);
-  React.useEffect(() => {
-    setControlType(controlType);
-    setControlProps(controlProps);
-  }, [controlType, controlProps, setControlType, setControlProps]);
-  return {
-    baseItemProps
-  };
-}
-
-exports.useListItemControl = useListItemControl;
-//# sourceMappingURL=useListItemControl.js.map

package/build/listItem/useListItemControl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListItemControl.js","sources":["../../src/listItem/useListItemControl.tsx"],"sourcesContent":["import { useContext, useEffect } from 'react';\nimport { ListItemContext, type ListItemContextData } from './ListItemContext';\nimport type { ListItemTypes, ListItemControlProps } from './ListItem';\n\nexport function useListItemControl(controlType: ListItemTypes, controlProps: ListItemControlProps) {\n  const {\n    setControlType,\n    setControlProps,\n    props: baseItemProps,\n  } = useContext<ListItemContextData>(ListItemContext);\n\n  useEffect(() => {\n    setControlType(controlType);\n    setControlProps(controlProps);\n  }, [controlType, controlProps, setControlType, setControlProps]);\n\n  return { baseItemProps };\n}\n"],"names":["useListItemControl","controlType","controlProps","setControlType","setControlProps","props","baseItemProps","useContext","ListItemContext","useEffect"],"mappings":";;;;;AAIM,SAAUA,kBAAkBA,CAACC,WAA0B,EAAEC,YAAkC,EAAA;EAC/F,MAAM;IACJC,cAAc;IACdC,eAAe;AACfC,IAAAA,KAAK,EAAEC;AAAa,GACrB,GAAGC,gBAAU,CAAsBC,+BAAe,CAAC;AAEpDC,EAAAA,eAAS,CAAC,MAAK;IACbN,cAAc,CAACF,WAAW,CAAC;IAC3BG,eAAe,CAACF,YAAY,CAAC;EAC/B,CAAC,EAAE,CAACD,WAAW,EAAEC,YAAY,EAAEC,cAAc,EAAEC,eAAe,CAAC,CAAC;EAEhE,OAAO;AAAEE,IAAAA;GAAe;AAC1B;;;;"}

package/build/listItem/useListItemControl.mjs

@@ -1,20 +0,0 @@
-import { useContext, useEffect } from 'react';
-import { ListItemContext } from './ListItemContext.mjs';
-
-function useListItemControl(controlType, controlProps) {
-  const {
-    setControlType,
-    setControlProps,
-    props: baseItemProps
-  } = useContext(ListItemContext);
-  useEffect(() => {
-    setControlType(controlType);
-    setControlProps(controlProps);
-  }, [controlType, controlProps, setControlType, setControlProps]);
-  return {
-    baseItemProps
-  };
-}
-
-export { useListItemControl };
-//# sourceMappingURL=useListItemControl.mjs.map

package/build/listItem/useListItemControl.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListItemControl.mjs","sources":["../../src/listItem/useListItemControl.tsx"],"sourcesContent":["import { useContext, useEffect } from 'react';\nimport { ListItemContext, type ListItemContextData } from './ListItemContext';\nimport type { ListItemTypes, ListItemControlProps } from './ListItem';\n\nexport function useListItemControl(controlType: ListItemTypes, controlProps: ListItemControlProps) {\n  const {\n    setControlType,\n    setControlProps,\n    props: baseItemProps,\n  } = useContext<ListItemContextData>(ListItemContext);\n\n  useEffect(() => {\n    setControlType(controlType);\n    setControlProps(controlProps);\n  }, [controlType, controlProps, setControlType, setControlProps]);\n\n  return { baseItemProps };\n}\n"],"names":["useListItemControl","controlType","controlProps","setControlType","setControlProps","props","baseItemProps","useContext","ListItemContext","useEffect"],"mappings":";;;AAIM,SAAUA,kBAAkBA,CAACC,WAA0B,EAAEC,YAAkC,EAAA;EAC/F,MAAM;IACJC,cAAc;IACdC,eAAe;AACfC,IAAAA,KAAK,EAAEC;AAAa,GACrB,GAAGC,UAAU,CAAsBC,eAAe,CAAC;AAEpDC,EAAAA,SAAS,CAAC,MAAK;IACbN,cAAc,CAACF,WAAW,CAAC;IAC3BG,eAAe,CAACF,YAAY,CAAC;EAC/B,CAAC,EAAE,CAACD,WAAW,EAAEC,YAAY,EAAEC,cAAc,EAAEC,eAAe,CAAC,CAAC;EAEhE,OAAO;AAAEE,IAAAA;GAAe;AAC1B;;;;"}

package/build/listItem/useListItemMedia.js

@@ -1,21 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ListItemContext = require('./ListItemContext.js');
-
-function useListItemMedia(size) {
-  const {
-    setMediaSize,
-    mediaSize
-  } = React.useContext(ListItemContext.ListItemContext);
-  React.useEffect(() => {
-    setMediaSize(size);
-  }, [size, setMediaSize]);
-  return {
-    mediaSize,
-    setMediaSize
-  };
-}
-
-exports.useListItemMedia = useListItemMedia;
-//# sourceMappingURL=useListItemMedia.js.map

package/build/listItem/useListItemMedia.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListItemMedia.js","sources":["../../src/listItem/useListItemMedia.tsx"],"sourcesContent":["import { useContext, useEffect } from 'react';\nimport { ListItemContext, type ListItemContextData } from './ListItemContext';\nimport type { ListItemAvatarViewProps } from './AvatarView';\n\nexport function useListItemMedia(size?: ListItemAvatarViewProps['size']) {\n  const { setMediaSize, mediaSize } = useContext<ListItemContextData>(ListItemContext);\n\n  useEffect(() => {\n    setMediaSize(size);\n  }, [size, setMediaSize]);\n\n  return { mediaSize, setMediaSize };\n}\n"],"names":["useListItemMedia","size","setMediaSize","mediaSize","useContext","ListItemContext","useEffect"],"mappings":";;;;;AAIM,SAAUA,gBAAgBA,CAACC,IAAsC,EAAA;EACrE,MAAM;IAAEC,YAAY;AAAEC,IAAAA;AAAS,GAAE,GAAGC,gBAAU,CAAsBC,+BAAe,CAAC;AAEpFC,EAAAA,eAAS,CAAC,MAAK;IACbJ,YAAY,CAACD,IAAI,CAAC;AACpB,EAAA,CAAC,EAAE,CAACA,IAAI,EAAEC,YAAY,CAAC,CAAC;EAExB,OAAO;IAAEC,SAAS;AAAED,IAAAA;GAAc;AACpC;;;;"}

package/build/listItem/useListItemMedia.mjs

@@ -1,19 +0,0 @@
-import { useContext, useEffect } from 'react';
-import { ListItemContext } from './ListItemContext.mjs';
-
-function useListItemMedia(size) {
-  const {
-    setMediaSize,
-    mediaSize
-  } = useContext(ListItemContext);
-  useEffect(() => {
-    setMediaSize(size);
-  }, [size, setMediaSize]);
-  return {
-    mediaSize,
-    setMediaSize
-  };
-}
-
-export { useListItemMedia };
-//# sourceMappingURL=useListItemMedia.mjs.map

package/build/listItem/useListItemMedia.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"useListItemMedia.mjs","sources":["../../src/listItem/useListItemMedia.tsx"],"sourcesContent":["import { useContext, useEffect } from 'react';\nimport { ListItemContext, type ListItemContextData } from './ListItemContext';\nimport type { ListItemAvatarViewProps } from './AvatarView';\n\nexport function useListItemMedia(size?: ListItemAvatarViewProps['size']) {\n  const { setMediaSize, mediaSize } = useContext<ListItemContextData>(ListItemContext);\n\n  useEffect(() => {\n    setMediaSize(size);\n  }, [size, setMediaSize]);\n\n  return { mediaSize, setMediaSize };\n}\n"],"names":["useListItemMedia","size","setMediaSize","mediaSize","useContext","ListItemContext","useEffect"],"mappings":";;;AAIM,SAAUA,gBAAgBA,CAACC,IAAsC,EAAA;EACrE,MAAM;IAAEC,YAAY;AAAEC,IAAAA;AAAS,GAAE,GAAGC,UAAU,CAAsBC,eAAe,CAAC;AAEpFC,EAAAA,SAAS,CAAC,MAAK;IACbJ,YAAY,CAACD,IAAI,CAAC;AACpB,EAAA,CAAC,EAAE,CAACA,IAAI,EAAEC,YAAY,CAAC,CAAC;EAExB,OAAO;IAAEC,SAAS;AAAED,IAAAA;GAAc;AACpC;;;;"}