@transferwise/components 46.103.0 → 46.104.0

package/build/listItem/Radio/ListItemRadio.js

@@ -0,0 +1,30 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,30 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,28 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,22 @@
+'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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,20 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,21 @@
+'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

@@ -0,0 +1 @@
+{"version":3,"file":"useListItemMedia.js","sources":["../../src/listItem/useListItemMedia.tsx"],"sourcesContent":["import { useContext, useEffect } from 'react';\nimport {\n  ListItemContext,\n  type ListItemContextData,\n  type ListItemMediaSize,\n} from './ListItemContext';\n\nexport function useListItemMedia(size?: ListItemMediaSize) {\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":";;;;;AAOM,SAAUA,gBAAgBA,CAACC,IAAwB,EAAA;EACvD,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

@@ -0,0 +1,19 @@
+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

@@ -0,0 +1 @@
+{"version":3,"file":"useListItemMedia.mjs","sources":["../../src/listItem/useListItemMedia.tsx"],"sourcesContent":["import { useContext, useEffect } from 'react';\nimport {\n  ListItemContext,\n  type ListItemContextData,\n  type ListItemMediaSize,\n} from './ListItemContext';\n\nexport function useListItemMedia(size?: ListItemMediaSize) {\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":";;;AAOM,SAAUA,gBAAgBA,CAACC,IAAwB,EAAA;EACvD,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;;;;"}