@mrshmllw/smores-react 3.0.5 → 3.1.1
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.
- package/dist/Accordion/Accordion.d.ts +2 -2
- package/dist/Accordion/Accordion.js +3 -15
- package/dist/Accordion/Accordion.js.map +1 -1
- package/dist/Accordion/Accordion.stories.js +1 -1
- package/dist/Accordion/Accordion.stories.js.map +1 -1
- package/dist/Accordion/Collection.js +3 -3
- package/dist/Accordion/Collection.js.map +1 -1
- package/dist/ActionDropdown/ActionDropdown.js +4 -17
- package/dist/ActionDropdown/ActionDropdown.js.map +1 -1
- package/dist/Banner/BannerContainer.js +5 -2
- package/dist/Banner/BannerContainer.js.map +1 -1
- package/dist/Box/Box.stories.js +1 -1
- package/dist/Box/Box.stories.js.map +1 -1
- package/dist/BrandCard/BrandCard.js +2 -14
- package/dist/BrandCard/BrandCard.js.map +1 -1
- package/dist/BrandCard/BrandCard.stories.js +1 -1
- package/dist/BrandCard/BrandCard.stories.js.map +1 -1
- package/dist/Button/Button.js +2 -13
- package/dist/Button/Button.js.map +1 -1
- package/dist/Button/Button.stories.js +2 -2
- package/dist/Button/Button.stories.js.map +1 -1
- package/dist/Button/Collection.js +6 -6
- package/dist/Button/Collection.js.map +1 -1
- package/dist/Button/InteractivePlayground.js +3 -12
- package/dist/Button/InteractivePlayground.js.map +1 -1
- package/dist/Button/LegacyButton.d.ts +15 -0
- package/dist/Button/LegacyButton.js +50 -0
- package/dist/Button/LegacyButton.js.map +1 -0
- package/dist/Card/Card.js +2 -14
- package/dist/Card/Card.js.map +1 -1
- package/dist/Card/Card.stories.js +1 -1
- package/dist/Card/Card.stories.js.map +1 -1
- package/dist/CheckBox/CheckBox.stories.js +1 -1
- package/dist/CheckBox/CheckBox.stories.js.map +1 -1
- package/dist/CheckBox/index.d.ts +1 -1
- package/dist/CheckBox/index.js.map +1 -1
- package/dist/CheckBoxGroup/CheckBoxGroup.js +1 -15
- package/dist/CheckBoxGroup/CheckBoxGroup.js.map +1 -1
- package/dist/Chip/Chip.js +3 -17
- package/dist/Chip/Chip.js.map +1 -1
- package/dist/Chip/Chip.stories.js +1 -1
- package/dist/Chip/Chip.stories.js.map +1 -1
- package/dist/ConfirmationRadioButtons/Confirmation.d.ts +17 -0
- package/dist/ConfirmationRadioButtons/Confirmation.js +100 -0
- package/dist/ConfirmationRadioButtons/Confirmation.js.map +1 -0
- package/dist/ConfirmationRadioButtons/Confirmation.stories.d.ts +21 -0
- package/dist/ConfirmationRadioButtons/Confirmation.stories.js +76 -0
- package/dist/ConfirmationRadioButtons/Confirmation.stories.js.map +1 -0
- package/dist/ConfirmationRadioButtons/Container.d.ts +2 -0
- package/dist/ConfirmationRadioButtons/Container.js +8 -0
- package/dist/ConfirmationRadioButtons/Container.js.map +1 -0
- package/dist/ConfirmationRadioButtons/RadioButtonStyled.d.ts +17 -0
- package/dist/ConfirmationRadioButtons/RadioButtonStyled.js +41 -0
- package/dist/ConfirmationRadioButtons/RadioButtonStyled.js.map +1 -0
- package/dist/ConfirmationRadioButtons/__tests__/Confirmation.d.ts +1 -0
- package/dist/ConfirmationRadioButtons/__tests__/Confirmation.js +8 -0
- package/dist/ConfirmationRadioButtons/__tests__/Confirmation.js.map +1 -0
- package/dist/ConfirmationRadioButtons/index.d.ts +1 -0
- package/dist/ConfirmationRadioButtons/index.js +2 -0
- package/dist/ConfirmationRadioButtons/index.js.map +1 -0
- package/dist/Datepicker/Datepicker.js +4 -16
- package/dist/Datepicker/Datepicker.js.map +1 -1
- package/dist/Datepicker/Datepicker.stories.js +1 -1
- package/dist/Datepicker/Datepicker.stories.js.map +1 -1
- package/dist/Datepicker/DatesList.js +1 -1
- package/dist/Datepicker/DatesList.js.map +1 -1
- package/dist/Divider/Divider.js +2 -14
- package/dist/Divider/Divider.js.map +1 -1
- package/dist/Divider/Divier.stories.js +1 -1
- package/dist/Divider/Divier.stories.js.map +1 -1
- package/dist/Dropdown/Dropdown.js +7 -23
- package/dist/Dropdown/Dropdown.js.map +1 -1
- package/dist/Dropdown/Dropdown.stories.js +1 -1
- package/dist/Dropdown/Dropdown.stories.js.map +1 -1
- package/dist/Emoji/Emoji.js +1 -15
- package/dist/Emoji/Emoji.js.map +1 -1
- package/dist/Emoji/Emoji.stories.js +1 -1
- package/dist/Emoji/Emoji.stories.js.map +1 -1
- package/dist/Icon/Icon.js +834 -848
- package/dist/Icon/Icon.js.map +1 -1
- package/dist/Icon/Icon.stories.js +1 -1
- package/dist/Icon/Icon.stories.js.map +1 -1
- package/dist/IconStrict/IconStrict.js +2 -16
- package/dist/IconStrict/IconStrict.js.map +1 -1
- package/dist/IconStrict/IconStrict.stories.js +1 -1
- package/dist/IconStrict/IconStrict.stories.js.map +1 -1
- package/dist/IconWrapper/IconWrapper.js +5 -19
- package/dist/IconWrapper/IconWrapper.js.map +1 -1
- package/dist/IconWrapper/IconWrapper.stories.js +1 -1
- package/dist/IconWrapper/IconWrapper.stories.js.map +1 -1
- package/dist/IconWrapper/__tests__/IconWrapper.js +1 -1
- package/dist/IconWrapper/__tests__/IconWrapper.js.map +1 -1
- package/dist/LabelledText/LabelledText.js +3 -17
- package/dist/LabelledText/LabelledText.js.map +1 -1
- package/dist/LabelledText/LabelledText.stories.js +1 -1
- package/dist/LabelledText/LabelledText.stories.js.map +1 -1
- package/dist/Link/Link.js +4 -4
- package/dist/Link/Link.js.map +1 -1
- package/dist/Link/Link.stories.js +15 -4
- package/dist/Link/Link.stories.js.map +1 -1
- package/dist/Link/index.d.ts +1 -1
- package/dist/Link/index.js.map +1 -1
- package/dist/Loader/Loader.stories.js +1 -1
- package/dist/Loader/Loader.stories.js.map +1 -1
- package/dist/Message/Message.d.ts +21 -0
- package/dist/Message/Message.js +45 -0
- package/dist/Message/Message.js.map +1 -0
- package/dist/Message/Message.stories.d.ts +13 -0
- package/dist/Message/Message.stories.js +38 -0
- package/dist/Message/Message.stories.js.map +1 -0
- package/dist/Message/__tests__/Message.d.ts +1 -0
- package/dist/Message/__tests__/Message.js +26 -0
- package/dist/Message/__tests__/Message.js.map +1 -0
- package/dist/Message/index.d.ts +1 -0
- package/dist/Message/index.js +2 -0
- package/dist/Message/index.js.map +1 -0
- package/dist/Modal/Modal.stories.js +1 -1
- package/dist/Modal/Modal.stories.js.map +1 -1
- package/dist/NumberInput/NumberInput.js +2 -14
- package/dist/NumberInput/NumberInput.js.map +1 -1
- package/dist/NumberInput/NumberInput.stories.js +1 -1
- package/dist/NumberInput/NumberInput.stories.js.map +1 -1
- package/dist/Pagination/Pagination.js +2 -14
- package/dist/Pagination/Pagination.js.map +1 -1
- package/dist/Pagination/Pagination.stories.js +1 -1
- package/dist/Pagination/Pagination.stories.js.map +1 -1
- package/dist/RadioButton/Container.d.ts +2 -0
- package/dist/RadioButton/Container.js +9 -0
- package/dist/RadioButton/Container.js.map +1 -0
- package/dist/RadioButton/RadioButton.d.ts +10 -0
- package/dist/RadioButton/RadioButton.js +68 -0
- package/dist/RadioButton/RadioButton.js.map +1 -0
- package/dist/RadioButton/RadioButton.stories.d.ts +15 -0
- package/dist/RadioButton/RadioButton.stories.js +29 -0
- package/dist/RadioButton/RadioButton.stories.js.map +1 -0
- package/dist/RadioButton/__tests__/RadioButton.d.ts +1 -0
- package/dist/RadioButton/__tests__/RadioButton.js +13 -0
- package/dist/RadioButton/__tests__/RadioButton.js.map +1 -0
- package/dist/RadioButton/index.d.ts +1 -0
- package/dist/RadioButton/index.js +2 -0
- package/dist/RadioButton/index.js.map +1 -0
- package/dist/RadioGroup/RadioElement.js +2 -14
- package/dist/RadioGroup/RadioElement.js.map +1 -1
- package/dist/RadioGroup/RadioGroup.js +3 -16
- package/dist/RadioGroup/RadioGroup.js.map +1 -1
- package/dist/RadioGroup/RadioGroup.stories.js +38 -8
- package/dist/RadioGroup/RadioGroup.stories.js.map +1 -1
- package/dist/Row/Row.js +2 -14
- package/dist/Row/Row.js.map +1 -1
- package/dist/Row/Row.stories.js +1 -1
- package/dist/Row/Row.stories.js.map +1 -1
- package/dist/SearchInput/SearchInput.js +4 -17
- package/dist/SearchInput/SearchInput.js.map +1 -1
- package/dist/SearchInput/SearchInput.stories.js +1 -1
- package/dist/SearchInput/SearchInput.stories.js.map +1 -1
- package/dist/Snackbar/SnackbarContainer.js +5 -2
- package/dist/Snackbar/SnackbarContainer.js.map +1 -1
- package/dist/SupportMessage/SupportMessage.js +8 -22
- package/dist/SupportMessage/SupportMessage.js.map +1 -1
- package/dist/SupportMessage/SupportMessage.stories.js +1 -1
- package/dist/SupportMessage/SupportMessage.stories.js.map +1 -1
- package/dist/SupportMessage/SupportMessage.test.js +9 -18
- package/dist/SupportMessage/SupportMessage.test.js.map +1 -1
- package/dist/Tag/Tag.js +2 -16
- package/dist/Tag/Tag.js.map +1 -1
- package/dist/Tag/Tag.stories.js +1 -1
- package/dist/Tag/Tag.stories.js.map +1 -1
- package/dist/Text/Text.js +1 -15
- package/dist/Text/Text.js.map +1 -1
- package/dist/Text/Text.stories.js +1 -1
- package/dist/Text/Text.stories.js.map +1 -1
- package/dist/TextInput/TextInput.d.ts +1 -1
- package/dist/TextInput/TextInput.js +2 -14
- package/dist/TextInput/TextInput.js.map +1 -1
- package/dist/TextInput/TextInput.stories.js +1 -1
- package/dist/TextInput/TextInput.stories.js.map +1 -1
- package/dist/Textarea/Textarea.js +4 -16
- package/dist/Textarea/Textarea.js.map +1 -1
- package/dist/Textarea/Textarea.stories.js +1 -1
- package/dist/Textarea/Textarea.stories.js.map +1 -1
- package/dist/Toggle/Toggle.js +2 -14
- package/dist/Toggle/Toggle.js.map +1 -1
- package/dist/Tooltip/Tooltip.js +1 -2
- package/dist/Tooltip/Tooltip.js.map +1 -1
- package/dist/Tooltip/Tooltip.stories.js +1 -1
- package/dist/Tooltip/Tooltip.stories.js.map +1 -1
- package/dist/fields/Field/Field.js +2 -14
- package/dist/fields/Field/Field.js.map +1 -1
- package/dist/fields/Field/index.d.ts +1 -1
- package/dist/fields/Field/index.js.map +1 -1
- package/dist/fields/Fieldset/Fieldset.js +2 -14
- package/dist/fields/Fieldset/Fieldset.js.map +1 -1
- package/dist/fields/Fieldset/Fieldset.stories.js +14 -4
- package/dist/fields/Fieldset/Fieldset.stories.js.map +1 -1
- package/dist/fields/Fieldset/index.d.ts +1 -1
- package/dist/fields/Fieldset/index.js.map +1 -1
- package/dist/fields/components/InternalField.js +2 -14
- package/dist/fields/components/InternalField.js.map +1 -1
- package/dist/utils/id.test.js +6 -15
- package/dist/utils/id.test.js.map +1 -1
- package/package.json +5 -3
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"","sources":["../../../src/RadioButton/__tests__/RadioButton.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,IAAI,CAAC,mBAAmB,EAAE,GAAG,EAAE;IAC7B,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,WAAW,IACV,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,qBAAqB,EAC3B,KAAK,EAAE,IAAI,EACX,OAAO,EAAE,IAAI,EACb,QAAQ,EAAE,GAAG,CAAC,EAAE,GAAE,CAAC,GACnB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAC,CAAC;AAEH,IAAI,CAAC,qBAAqB,EAAE,GAAG,EAAE;IAC/B,MAAM,EAAC,SAAS,EAAC,GAAG,MAAM,CACxB,oBAAC,WAAW,IACV,EAAE,EAAC,gBAAgB,EACnB,KAAK,EAAC,qBAAqB,EAC3B,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,GAAG,CAAC,EAAE,GAAE,CAAC,GACnB,CACH,CAAC;IACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;AACjD,CAAC,CAAC,CAAC"}
|
@@ -0,0 +1 @@
|
|
1
|
+
export { RadioButton } from './RadioButton';
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/RadioButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA"}
|
@@ -1,25 +1,13 @@
|
|
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
1
|
import React, { forwardRef } from 'react';
|
13
2
|
import styled from 'styled-components';
|
14
3
|
import { theme } from '../theme';
|
15
4
|
import { visuallyHidden } from '../utils/visuallyHidden';
|
16
5
|
import { focusOutline } from '../utils/focusOutline';
|
17
6
|
import { Box } from '../Box';
|
18
|
-
export const RadioElement = forwardRef(function RadioElement(
|
19
|
-
var { name, id, value, checked, onChange, isError } = _a, marginProps = __rest(_a, ["name", "id", "value", "checked", "onChange", "isError"]);
|
7
|
+
export const RadioElement = forwardRef(function RadioElement({ name, id, value, checked, onChange, isError, ...marginProps }, ref) {
|
20
8
|
return (React.createElement(React.Fragment, null,
|
21
9
|
React.createElement(StyledInput, { ref: ref, type: "radio", name: name, id: id, value: `${value}`, checked: checked, onChange: () => onChange(value) }),
|
22
|
-
React.createElement(RadioCircle,
|
10
|
+
React.createElement(RadioCircle, { isError: isError, checked: checked, ...marginProps })));
|
23
11
|
});
|
24
12
|
const StyledInput = styled.input `
|
25
13
|
${visuallyHidden}
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RadioElement.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioElement.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"RadioElement.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACzC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAEhC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAA;AAEpD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAY5B,MAAM,CAAC,MAAM,YAAY,GAAG,UAAU,CACpC,SAAS,YAAY,CACnB,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,WAAW,EAAE,EAC/D,GAAG;IAEH,OAAO,CACL;QACE,oBAAC,WAAW,IACV,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,OAAO,EACZ,IAAI,EAAE,IAAI,EACV,EAAE,EAAE,EAAE,EACN,KAAK,EAAE,GAAG,KAAK,EAAE,EACjB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,GAC/B;QACF,oBAAC,WAAW,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,OAAO,KAAM,WAAW,GAAI,CACnE,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;IAC5B,cAAc;CACjB,CAAA;AAED,MAAM,UAAU,GAAG,EAAE,CAAA;AAErB,MAAM,WAAW,GAAG,MAAM,CAAC,GAAG,CAAC,CAAwC;;WAE5D,UAAU;YACT,UAAU;mBACH,UAAU;sBACP,KAAK,CAAC,MAAM,CAAC,KAAK;;MAElC,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAChB,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,MAAM;;IAEzD,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CACzB,CAAC,OAAO;IACR,CAAC,OAAO;IACR;;0BAEsB,KAAK,CAAC,MAAM,CAAC,SAAS;;GAE7C;;IAEC,CAAC,EAAE,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,CACzB,OAAO;IACP,qBACE,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC,SACnD,GAAG;;IAEH,YAAY,CAAC,EAAE,QAAQ,EAAE,GAAG,WAAW,oBAAoB,EAAE,CAAC;CACjE,CAAA"}
|
@@ -1,35 +1,22 @@
|
|
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
1
|
import React, { forwardRef, useImperativeHandle, useRef, } from 'react';
|
13
2
|
import styled from 'styled-components';
|
14
3
|
import { useUniqueId } from '../utils/id';
|
15
4
|
import { Fieldset } from '../fields/Fieldset';
|
16
5
|
import { RadioItem } from './RadioItem';
|
17
6
|
import { ITEM_GAP } from './constants';
|
18
|
-
const RadioGroupComponent = (
|
19
|
-
var { options, onChange, value, displayType = 'normal', renderAsTitle = false, error = false, fallbackStyle = false } = _a, fieldProps = __rest(_a, ["options", "onChange", "value", "displayType", "renderAsTitle", "error", "fallbackStyle"]);
|
7
|
+
const RadioGroupComponent = ({ options, onChange, value, displayType = 'normal', renderAsTitle = false, error = false, fallbackStyle = false, ...fieldProps }, ref) => {
|
20
8
|
const name = useUniqueId();
|
21
9
|
const optionRefs = useRef([]);
|
22
10
|
useImperativeHandle(ref, () => {
|
23
11
|
return {
|
24
12
|
focus: () => {
|
25
|
-
var _a;
|
26
13
|
const selectedIndex = options.findIndex((item) => item.value === value);
|
27
14
|
const elementToFocus = selectedIndex === -1 ? 0 : selectedIndex;
|
28
|
-
|
15
|
+
optionRefs.current[elementToFocus].current?.focus();
|
29
16
|
},
|
30
17
|
};
|
31
18
|
});
|
32
|
-
return (React.createElement(Fieldset,
|
19
|
+
return (React.createElement(Fieldset, { renderAsTitle: renderAsTitle, error: error, ...fieldProps },
|
33
20
|
React.createElement(RadioItemList, { displayType: displayType }, options.map((option, index) => {
|
34
21
|
const isSelected = option.value === value;
|
35
22
|
return (React.createElement(RadioItem, { ref: (radioOptionRef) => {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"RadioGroup.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAEZ,UAAU,EAGV,mBAAmB,EACnB,MAAM,GACP,MAAM,OAAO,CAAA;AACd,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAEzC,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AAqBtC,MAAM,mBAAmB,GAAG,CAC1B,EACE,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,GAAG,QAAQ,EACtB,aAAa,GAAG,KAAK,EACrB,KAAK,GAAG,KAAK,EACb,aAAa,GAAG,KAAK,EACrB,GAAG,UAAU,EACU,EACzB,GAAoC,EACpC,EAAE;IACF,MAAM,IAAI,GAAG,WAAW,EAAE,CAAA;IAE1B,MAAM,UAAU,GAAG,MAAM,CAAgC,EAAE,CAAC,CAAA;IAC5D,mBAAmB,CAAC,GAAG,EAAE,GAAG,EAAE;QAC5B,OAAO;YACL,KAAK,EAAE,GAAG,EAAE;gBACV,MAAM,aAAa,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,KAAK,KAAK,CAAC,CAAA;gBAEvE,MAAM,cAAc,GAAG,aAAa,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAA;gBAC/D,UAAU,CAAC,OAAO,CAAC,cAAc,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,CAAA;YACrD,CAAC;SACF,CAAA;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,QAAQ,IAAC,aAAa,EAAE,aAAa,EAAE,KAAK,EAAE,KAAK,KAAM,UAAU;QAClE,oBAAC,aAAa,IAAC,WAAW,EAAE,WAAW,IACpC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE;YAC7B,MAAM,UAAU,GAAG,MAAM,CAAC,KAAK,KAAK,KAAK,CAAA;YAEzC,OAAO,CACL,oBAAC,SAAS,IACR,GAAG,EAAE,CAAC,cAAc,EAAE,EAAE;oBACtB,UAAU,CAAC,OAAO,CAAC,KAAK,CAAC,GAAG;wBAC1B,OAAO,EAAE,cAAc;qBACxB,CAAA;gBACH,CAAC,EACD,GAAG,EAAE,GAAG,MAAM,CAAC,KAAK,EAAE,EACtB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,CAAC,MAAM,EACrB,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,YAAY,EAAE,MAAM,CAAC,YAAY,EACjC,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,KAAK,EAAE,MAAM,CAAC,KAAK,EACnB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,QAAQ,EAClB,WAAW,EAAE,WAAW,EACxB,OAAO,EAAE,KAAK,EACd,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,MAAM,CAAC,QAAQ,GACzB,CACH,CAAA;QACH,CAAC,CAAC,CACY,CACP,CACZ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,mBAAmB,CAIhC,CAAA;AAExB,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAsC;;SAE7D,QAAQ;;IAEb,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE;IACpB,IAAI,WAAW,KAAK,iBAAiB,EAAE;QACrC,OAAO;;;OAGN,CAAA;KACF;IAED,OAAO,yBAAyB,CAAA;AAClC,CAAC;CACF,CAAA"}
|
@@ -24,23 +24,53 @@ const defaultArgs = {
|
|
24
24
|
};
|
25
25
|
const InteractiveStory = (props) => {
|
26
26
|
const [value, setValue] = useState('');
|
27
|
-
return (React.createElement(RadioGroup,
|
27
|
+
return (React.createElement(RadioGroup, { ...props, onChange: (nextValue) => setValue(nextValue), value: value }));
|
28
28
|
};
|
29
29
|
export const Interactive = InteractiveStory.bind({});
|
30
30
|
Interactive.args = defaultArgs;
|
31
|
-
const Template = (props) => React.createElement(RadioGroup,
|
31
|
+
const Template = (props) => React.createElement(RadioGroup, { ...props });
|
32
32
|
export const Default = Template.bind({});
|
33
33
|
Default.args = defaultArgs;
|
34
34
|
export const Vertical = Template.bind({});
|
35
|
-
Vertical.args =
|
35
|
+
Vertical.args = {
|
36
|
+
...defaultArgs,
|
37
|
+
displayType: 'vertical-card',
|
38
|
+
};
|
36
39
|
export const Horizontal = Template.bind({});
|
37
|
-
Horizontal.args =
|
40
|
+
Horizontal.args = {
|
41
|
+
...defaultArgs,
|
42
|
+
displayType: 'horizontal-card',
|
43
|
+
};
|
38
44
|
export const WithBodyCopy = Template.bind({});
|
39
|
-
WithBodyCopy.args =
|
45
|
+
WithBodyCopy.args = {
|
46
|
+
...defaultArgs,
|
47
|
+
displayType: 'vertical-card',
|
48
|
+
options: options.map((option) => ({
|
49
|
+
...option,
|
50
|
+
bodyCopy: 'E.g. shopping, travel and driving to see friends. Does not include travelling to and from work.',
|
51
|
+
})),
|
52
|
+
};
|
40
53
|
export const WithError = Template.bind({});
|
41
|
-
WithError.args =
|
54
|
+
WithError.args = {
|
55
|
+
...defaultArgs,
|
56
|
+
error: true,
|
57
|
+
errorMsg: 'something',
|
58
|
+
displayType: 'horizontal-card',
|
59
|
+
};
|
42
60
|
export const WithVisual = Template.bind({});
|
43
|
-
WithVisual.args =
|
61
|
+
WithVisual.args = {
|
62
|
+
...defaultArgs,
|
63
|
+
options: options.map((option) => ({ ...option, visual: visualSvg })),
|
64
|
+
displayType: 'horizontal-card',
|
65
|
+
};
|
44
66
|
export const Withicon = Template.bind({});
|
45
|
-
Withicon.args =
|
67
|
+
Withicon.args = {
|
68
|
+
...defaultArgs,
|
69
|
+
options: options.map((option) => ({
|
70
|
+
...option,
|
71
|
+
icon: 'card',
|
72
|
+
iconPosition: 'center',
|
73
|
+
})),
|
74
|
+
displayType: 'horizontal-card',
|
75
|
+
};
|
46
76
|
//# sourceMappingURL=RadioGroup.stories.js.map
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"RadioGroup.stories.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAC1D,OAAO,SAAS,MAAM,2BAA2B,CAAA;AAEjD,eAAe;IACb,KAAK,EAAE,YAAY;IACnB,SAAS,EAAE,UAAU;IACrB,QAAQ,EAAE,EAAE,QAAQ,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CAC9C,CAAA;AAED,MAAM,OAAO,GAAG;IACd,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE;IACpC,EAAE,KAAK,EAAE,sBAAsB,EAAE,KAAK,EAAE,kBAAkB,EAAE;IAC5D;QACE,KAAK,EAAE,qCAAqC;QAC5C,KAAK,EAAE,uBAAuB;KAC/B;IACD,EAAE,KAAK,EAAE,2BAA2B,EAAE,KAAK,EAAE,YAAY,EAAE;CAC5D,CAAA;AAED,MAAM,WAAW,GAAoB;IACnC,KAAK,EAAE,yBAAyB;IAChC,QAAQ,EAAE,CAAC,KAAa,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,KAAK,CAAC;IAC/C,KAAK,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,KAAK;IACvB,OAAO;IACP,WAAW,EAAE,QAAQ;CACtB,CAAA;AAED,MAAM,gBAAgB,GAAG,CAAC,KAA8B,EAAE,EAAE;IAC1D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEtC,OAAO,CACL,oBAAC,UAAU,
|
1
|
+
{"version":3,"file":"RadioGroup.stories.js","sourceRoot":"","sources":["../../src/RadioGroup/RadioGroup.stories.tsx"],"names":[],"mappings":"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"}
|
package/dist/Row/Row.js
CHANGED
@@ -1,24 +1,12 @@
|
|
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
1
|
import React from 'react';
|
13
2
|
import styled, { css } from 'styled-components';
|
14
3
|
import { theme } from '../theme';
|
15
4
|
import { Icon } from '../Icon';
|
16
5
|
import { Box } from '../Box';
|
17
6
|
import { Text } from '../Text';
|
18
|
-
export const Row = (
|
19
|
-
var { iconLeft, iconLeftColor = 'liquorice', iconRight, iconRightColor = 'marzipan', handleClick, heading, subHeading, type, borderTop = true, borderBottom = true, boldHeading } = _a, marginProps = __rest(_a, ["iconLeft", "iconLeftColor", "iconRight", "iconRightColor", "handleClick", "heading", "subHeading", "type", "borderTop", "borderBottom", "boldHeading"]);
|
7
|
+
export const Row = ({ iconLeft, iconLeftColor = 'liquorice', iconRight, iconRightColor = 'marzipan', handleClick, heading, subHeading, type, borderTop = true, borderBottom = true, boldHeading, ...marginProps }) => {
|
20
8
|
const windowWidth = screen.width;
|
21
|
-
return (React.createElement(Container,
|
9
|
+
return (React.createElement(Container, { type: type, iconLeft: iconLeft, borderTop: borderTop, borderBottom: borderBottom, iconRight: iconRight, onClick: handleClick, boldHeading: boldHeading, ...marginProps },
|
22
10
|
iconLeft && (React.createElement(Icon, { render: iconLeft, size: windowWidth > 768 ? 24 : 18, color: iconLeftColor })),
|
23
11
|
React.createElement(Box, null,
|
24
12
|
React.createElement(Text, { tag: "h1", typo: "base" }, heading),
|
package/dist/Row/Row.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/Row/Row.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"Row.js","sourceRoot":"","sources":["../../src/Row/Row.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAC5B,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAiB9B,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAChC,QAAQ,EACR,aAAa,GAAG,WAAW,EAC3B,SAAS,EACT,cAAc,GAAG,UAAU,EAC3B,WAAW,EACX,OAAO,EACP,UAAU,EACV,IAAI,EACJ,SAAS,GAAG,IAAI,EAChB,YAAY,GAAG,IAAI,EACnB,WAAW,EACX,GAAG,WAAW,EACf,EAAE,EAAE;IACH,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAA;IAEhC,OAAO,CACL,oBAAC,SAAS,IACR,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ,EAClB,SAAS,EAAE,SAAS,EACpB,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,WAAW,EACpB,WAAW,EAAE,WAAW,KACpB,WAAW;QAEd,QAAQ,IAAI,CACX,oBAAC,IAAI,IACH,MAAM,EAAE,QAAQ,EAChB,IAAI,EAAE,WAAW,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,EACjC,KAAK,EAAE,aAAa,GACpB,CACH;QACD,oBAAC,GAAG;YACF,oBAAC,IAAI,IAAC,GAAG,EAAC,IAAI,EAAC,IAAI,EAAC,MAAM,IACvB,OAAO,CACH;YACP,oBAAC,IAAI,IAAC,GAAG,EAAC,GAAG,EAAC,IAAI,EAAC,YAAY,EAAC,KAAK,EAAC,QAAQ,IAC3C,UAAU,CACN,CACH;QACL,SAAS,IAAI,CACZ,oBAAC,IAAI,IACH,SAAS,EAAC,WAAW,EACrB,MAAM,EAAE,SAAS,EACjB,IAAI,EAAE,EAAE,EACR,MAAM,EAAE,SAAS,KAAK,OAAO,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,EACvC,KAAK,EAAE,cAAc,GACrB,CACH,CACS,CACb,CAAA;AACH,CAAC,CAAA;AAWD,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAC3B,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,YAAY,EAAE,WAAW,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;qBAC9C,CAAC,IAAI,KAAK,OAAO,IAAI,eAAe,CAAC;IACtD,CAAC,IAAI,KAAK,QAAQ,IAAI,MAAM,CAAC;IAC7B,CAAC,IAAI,KAAK,MAAM,IAAI,eAAe,CAAC;IACpC,CAAC;;kBAEa,SAAS,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,OAAO;IAC9D,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;IACrC,CAAC,CAAC,MAAM;qBACO,YAAY,IAAI,IAAI,KAAK,QAAQ,IAAI,IAAI,KAAK,MAAM;IACnE,CAAC,CAAC,aAAa,KAAK,CAAC,MAAM,CAAC,OAAO,EAAE;IACrC,CAAC,CAAC,MAAM;;wBAEU,KAAK,CAAC,MAAM,CAAC,OAAO;;6BAEf,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,WAAW;;;;;;;;qBAQjD,WAAW,IAAI,GAAG;;;;;;;;;;GAUpC,CACF,CAAA"}
|
package/dist/Row/Row.stories.js
CHANGED
@@ -5,7 +5,7 @@ export default {
|
|
5
5
|
component: Row,
|
6
6
|
argTypes: { handleClick: { action: 'clicked' } },
|
7
7
|
};
|
8
|
-
const Template = (props) => React.createElement(Row,
|
8
|
+
const Template = (props) => React.createElement(Row, { ...props });
|
9
9
|
export const Default = Template.bind({});
|
10
10
|
Default.args = {
|
11
11
|
iconLeft: 'info',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Row.stories.js","sourceRoot":"","sources":["../../src/Row/Row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAA;AAErC,eAAe;IACb,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,GAAG;IACd,QAAQ,EAAE,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CACjD,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,oBAAC,GAAG,
|
1
|
+
{"version":3,"file":"Row.stories.js","sourceRoot":"","sources":["../../src/Row/Row.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAA;AAErC,eAAe;IACb,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,GAAG;IACd,QAAQ,EAAE,EAAE,WAAW,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,EAAE;CACjD,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,oBAAC,GAAG,OAAK,KAAK,GAAI,CAAA;AAExD,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,QAAQ,EAAE,MAAM;IAChB,aAAa,EAAE,WAAW;IAC1B,SAAS,EAAE,OAAO;IAClB,cAAc,EAAE,SAAS;IACzB,OAAO,EAAE,kBAAkB;IAC3B,UAAU,EAAE,6CAA6C;IACzD,IAAI,EAAE,QAAQ;IACd,SAAS,EAAE,IAAI;IACf,YAAY,EAAE,IAAI;CACnB,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,OAAO,EAAE,kBAAkB;IAC3B,UAAU,EAAE,wCAAwC;CACrD,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE7C,YAAY,CAAC,IAAI,GAAG;IAClB,OAAO,EAAE,uCAAuC;IAChD,QAAQ,EAAE,MAAM;IAChB,SAAS,EAAE,UAAU;CACtB,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE5C,WAAW,CAAC,IAAI,GAAG;IACjB,OAAO,EAAE,2BAA2B;IACpC,UAAU,EAAE,oDAAoD;IAChE,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,MAAM,CAAC,MAAM,KAAK,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEtC,KAAK,CAAC,IAAI,GAAG;IACX,OAAO,EAAE,eAAe;IACxB,UAAU,EAAE,iEAAiE;IAC7E,IAAI,EAAE,OAAO;IACb,YAAY,EAAE,KAAK;CACpB,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEvC,MAAM,CAAC,IAAI,GAAG;IACZ,OAAO,EAAE,cAAc;IACvB,UAAU,EAAE,kEAAkE;CAC/E,CAAA;AAED,MAAM,CAAC,MAAM,IAAI,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAErC,IAAI,CAAC,IAAI,GAAG;IACV,OAAO,EAAE,cAAc;IACvB,UAAU,EAAE,gEAAgE;IAC5E,IAAI,EAAE,MAAM;IACZ,SAAS,EAAE,KAAK;CACjB,CAAA;AAED,MAAM,CAAC,MAAM,MAAM,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEvC,MAAM,CAAC,IAAI,GAAG;IACZ,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE,QAAQ;IACd,UAAU,EAAE,yDAAyD;CACtE,CAAA"}
|
@@ -1,14 +1,3 @@
|
|
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
1
|
import React, { forwardRef, useMemo, useState, } from 'react';
|
13
2
|
import { Field } from '../fields/Field';
|
14
3
|
import { useUniqueId } from '../utils/id';
|
@@ -16,8 +5,7 @@ import { useControllableState } from '../utils/useControlledState';
|
|
16
5
|
import { SearchOptions } from './SearchOptions';
|
17
6
|
import { Input, StyledFrontIcon } from '../fields/components/CommonInput';
|
18
7
|
import { Box } from '../Box';
|
19
|
-
export const SearchInput = forwardRef(function SearchInput(
|
20
|
-
var { id: idProp, name = 'search_input', className = '', placeholder, searchList, showIcon = false, renderAsTitle = false, value, onBlur, onFound, fallbackStyle, resultsRelativePosition = false } = _a, otherProps = __rest(_a, ["id", "name", "className", "placeholder", "searchList", "showIcon", "renderAsTitle", "value", "onBlur", "onFound", "fallbackStyle", "resultsRelativePosition"]);
|
8
|
+
export const SearchInput = forwardRef(function SearchInput({ id: idProp, name = 'search_input', className = '', placeholder, searchList, showIcon = false, renderAsTitle = false, value, onBlur, onFound, fallbackStyle, resultsRelativePosition = false, ...otherProps }, ref) {
|
21
9
|
const id = useUniqueId(idProp);
|
22
10
|
const [showOptions, setShowOptions] = useState(false);
|
23
11
|
const [selectedValue, setSelectedValue] = useControllableState({
|
@@ -32,12 +20,11 @@ export const SearchInput = forwardRef(function SearchInput(_a, ref) {
|
|
32
20
|
return searchList.filter(({ label }) => label.toLowerCase().includes(searchQuery.toLocaleLowerCase()));
|
33
21
|
}, [searchQuery]);
|
34
22
|
const getDisplayedInputText = () => {
|
35
|
-
var _a;
|
36
23
|
if (searchQuery !== null) {
|
37
24
|
return searchQuery;
|
38
25
|
}
|
39
26
|
if (selectedValue !== null) {
|
40
|
-
return (
|
27
|
+
return (searchList.find((option) => option.label === selectedValue || option.value === selectedValue)?.label || '');
|
41
28
|
}
|
42
29
|
return '';
|
43
30
|
};
|
@@ -61,14 +48,14 @@ export const SearchInput = forwardRef(function SearchInput(_a, ref) {
|
|
61
48
|
setSelectedValue(nextValue.label);
|
62
49
|
onFound(nextValue.value);
|
63
50
|
};
|
64
|
-
return (React.createElement(Field,
|
51
|
+
return (React.createElement(Field, { className: className, renderAsTitle: renderAsTitle, htmlFor: id, ...otherProps },
|
65
52
|
React.createElement(Box, { flex: true, alignItems: "center", justifyContent: "flex-start" },
|
66
53
|
showIcon && React.createElement(StyledFrontIcon, { render: "search", color: "sesame" }),
|
67
54
|
React.createElement(Input, { id: id, name: name, ref: ref, placeholder: placeholder, frontIcon: showIcon ? 'present' : '', fallbackStyle: fallbackStyle, autoComplete: "off", value: displayedInputText, onChange: handleInputChange, selected: isSelected, onBlur: (e) => {
|
68
55
|
if (displayedInputText === '') {
|
69
56
|
setSearchQuery(null);
|
70
57
|
}
|
71
|
-
onBlur
|
58
|
+
onBlur?.(e);
|
72
59
|
} })),
|
73
60
|
showOptions && (React.createElement(SearchOptions, { displayedList: filteredList, onSelect: handleSelect, positionRelative: resultsRelativePosition }))));
|
74
61
|
});
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../src/SearchInput/SearchInput.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"SearchInput.js","sourceRoot":"","sources":["../../src/SearchInput/SearchInput.tsx"],"names":[],"mappings":"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"}
|
@@ -5,7 +5,7 @@ export default {
|
|
5
5
|
title: 'Search Input',
|
6
6
|
component: SearchInput,
|
7
7
|
};
|
8
|
-
const Template = (props) => React.createElement(Container,
|
8
|
+
const Template = (props) => React.createElement(Container, { ...props });
|
9
9
|
export const Default = Template.bind({});
|
10
10
|
export const ShowIcon = Template.bind({});
|
11
11
|
ShowIcon.args = {
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SearchInput.stories.js","sourceRoot":"","sources":["../../src/SearchInput/SearchInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,WAAW;CACvB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,oBAAC,SAAS,
|
1
|
+
{"version":3,"file":"SearchInput.stories.js","sourceRoot":"","sources":["../../src/SearchInput/SearchInput.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAoB,MAAM,eAAe,CAAA;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAA;AAEvC,eAAe;IACb,KAAK,EAAE,cAAc;IACrB,SAAS,EAAE,WAAW;CACvB,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAuB,EAAE,EAAE,CAAC,oBAAC,SAAS,OAAK,KAAK,GAAI,CAAA;AAEtE,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,CAAC,MAAM,QAAQ,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEzC,QAAQ,CAAC,IAAI,GAAG;IACd,QAAQ,EAAE,IAAI;CACf,CAAA"}
|
@@ -17,7 +17,10 @@ export const SnackbarContainer = ({ children, }) => {
|
|
17
17
|
return newId;
|
18
18
|
}, [snackbarId]);
|
19
19
|
const addSnackbar = (snackbar) => {
|
20
|
-
const newSnack =
|
20
|
+
const newSnack = {
|
21
|
+
...snackbar,
|
22
|
+
id: newSnackId(),
|
23
|
+
};
|
21
24
|
setSnackbars([...snackbars, newSnack]);
|
22
25
|
};
|
23
26
|
const deleteSnackbar = (id) => {
|
@@ -27,7 +30,7 @@ export const SnackbarContainer = ({ children, }) => {
|
|
27
30
|
addSnackbar,
|
28
31
|
} },
|
29
32
|
children,
|
30
|
-
React.createElement(SnackbarWrapper, null, snackbars.map((snackbar) => (React.createElement(SnackbarItem,
|
33
|
+
React.createElement(SnackbarWrapper, null, snackbars.map((snackbar) => (React.createElement(SnackbarItem, { key: snackbar.id, ...snackbar, deleteSnack: deleteSnackbar }))))));
|
31
34
|
};
|
32
35
|
const SnackbarWrapper = styled.div `
|
33
36
|
position: fixed;
|
@@ -1 +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,
|
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,GAAG;YACf,GAAG,QAAQ;YACX,EAAE,EAAE,UAAU,EAAE;SACjB,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,IACX,GAAG,EAAE,QAAQ,CAAC,EAAE,KACZ,QAAQ,EACZ,WAAW,EAAE,cAAc,GAC3B,CACH,CAAC,CACc,CACO,CAC5B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,eAAe,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;;;;CASjC,CAAA"}
|
@@ -1,14 +1,3 @@
|
|
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
1
|
import React from 'react';
|
13
2
|
import styled, { css } from 'styled-components';
|
14
3
|
import { darken } from 'polished';
|
@@ -48,17 +37,14 @@ const styles = {
|
|
48
37
|
icon: 'included',
|
49
38
|
},
|
50
39
|
};
|
51
|
-
export const SupportMessage = (
|
52
|
-
|
53
|
-
|
54
|
-
|
55
|
-
|
56
|
-
React.createElement(
|
57
|
-
|
58
|
-
|
59
|
-
onClick && (React.createElement(Box, { ml: { custom: 'auto' } },
|
60
|
-
React.createElement(Icon, { size: 16, render: "caret", color: "marzipan", rotate: 270 })))));
|
61
|
-
};
|
40
|
+
export const SupportMessage = ({ className, description, onClick, type = 'info', title, ...marginProps }) => (React.createElement(Wrapper, { className: className, type: type, onClick: onClick, ...marginProps },
|
41
|
+
React.createElement(IconWrapper, null,
|
42
|
+
React.createElement(Icon, { size: 20, render: styles[type].icon, color: styles[type].iconColor })),
|
43
|
+
React.createElement(Box, { flex: true, direction: "column", mx: "8px" },
|
44
|
+
title && React.createElement(Title, null, title),
|
45
|
+
React.createElement(Description, { tag: "p" }, description)),
|
46
|
+
onClick && (React.createElement(Box, { ml: { custom: 'auto' } },
|
47
|
+
React.createElement(Icon, { size: 16, render: "caret", color: "marzipan", rotate: 270 })))));
|
62
48
|
const IconWrapper = styled(Box) `
|
63
49
|
align-self: flex-start;
|
64
50
|
`;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SupportMessage.js","sourceRoot":"","sources":["../../src/SupportMessage/SupportMessage.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"SupportMessage.js","sourceRoot":"","sources":["../../src/SupportMessage/SupportMessage.tsx"],"names":[],"mappings":"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"}
|
@@ -6,7 +6,7 @@ export default {
|
|
6
6
|
title: 'SupportMessage',
|
7
7
|
component: SupportMessage,
|
8
8
|
};
|
9
|
-
const Template = (props) => (React.createElement(SupportMessage,
|
9
|
+
const Template = (props) => (React.createElement(SupportMessage, { ...props }, "Support message for customer"));
|
10
10
|
export const Default = Template.bind({});
|
11
11
|
const supportMessageArgs = {
|
12
12
|
type: 'info',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SupportMessage.stories.js","sourceRoot":"","sources":["../../src/SupportMessage/SupportMessage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAA;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,cAAc;CAC1B,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,CAC/C,oBAAC,cAAc,
|
1
|
+
{"version":3,"file":"SupportMessage.stories.js","sourceRoot":"","sources":["../../src/SupportMessage/SupportMessage.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAA;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAe;IACb,KAAK,EAAE,gBAAgB;IACvB,SAAS,EAAE,cAAc;CAC1B,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAA0B,EAAE,EAAE,CAAC,CAC/C,oBAAC,cAAc,OAAK,KAAK,mCAA+C,CACzE,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,MAAM,kBAAkB,GAAwB;IAC9C,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,SAAS;IAChB,WAAW,EAAE,uBAAuB;CACrC,CAAA;AAED,OAAO,CAAC,IAAI,GAAG,kBAAkB,CAAA;AAEjC,MAAM,CAAC,MAAM,qBAAqB,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAEtD,qBAAqB,CAAC,IAAI,GAAG;IAC3B,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,2CAA2C;IAClD,WAAW,EAAE,CACX;;QAC6B,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,WAAa,CACrD,CACJ;CACF,CAAA;AAED,MAAM,CAAC,MAAM,SAAS,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAE1C,SAAS,CAAC,IAAI,GAAG;IACf,IAAI,EAAE,MAAM;IACZ,KAAK,EAAE,+BAA+B;IACtC,WAAW,EAAE,WAAW;IACxB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC;CACjC,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|
@@ -1,12 +1,3 @@
|
|
1
|
-
var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
|
2
|
-
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
|
3
|
-
return new (P || (P = Promise))(function (resolve, reject) {
|
4
|
-
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
|
5
|
-
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
|
6
|
-
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
|
7
|
-
step((generator = generator.apply(thisArg, _arguments || [])).next());
|
8
|
-
});
|
9
|
-
};
|
10
1
|
import React from 'react';
|
11
2
|
import { render, screen } from '@testing-library/react';
|
12
3
|
import 'jest-styled-components';
|
@@ -18,15 +9,15 @@ const supportMessageProps = {
|
|
18
9
|
};
|
19
10
|
describe('SupportMessage component', () => {
|
20
11
|
const { findByText } = screen;
|
21
|
-
it('renders the correct content for type info', () =>
|
22
|
-
render(React.createElement(SupportMessage,
|
23
|
-
expect(
|
24
|
-
})
|
25
|
-
it('renders the correct content for type info with title', () =>
|
26
|
-
render(React.createElement(SupportMessage,
|
27
|
-
expect(
|
28
|
-
expect(
|
29
|
-
})
|
12
|
+
it('renders the correct content for type info', async () => {
|
13
|
+
render(React.createElement(SupportMessage, { ...supportMessageProps }));
|
14
|
+
expect(await findByText('Type info support message')).toBeInTheDocument();
|
15
|
+
});
|
16
|
+
it('renders the correct content for type info with title', async () => {
|
17
|
+
render(React.createElement(SupportMessage, { ...supportMessageProps, title: "Info title" }));
|
18
|
+
expect(await findByText('Type info support message')).toBeInTheDocument();
|
19
|
+
expect(await findByText('Info title')).toBeInTheDocument();
|
20
|
+
});
|
30
21
|
it('Renders a Link within the description', () => {
|
31
22
|
const { container } = render(React.createElement(React.Fragment, null,
|
32
23
|
"Some text rendered with a ",
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"SupportMessage.test.js","sourceRoot":"","sources":["../../src/SupportMessage/SupportMessage.test.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"SupportMessage.test.js","sourceRoot":"","sources":["../../src/SupportMessage/SupportMessage.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAA;AACvD,OAAO,wBAAwB,CAAA;AAE/B,OAAO,EAAE,cAAc,EAAuB,MAAM,kBAAkB,CAAA;AACtE,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAE9B,MAAM,mBAAmB,GAAwB;IAC/C,WAAW,EAAE,2BAA2B;IACxC,IAAI,EAAE,MAAM;CACb,CAAA;AAED,QAAQ,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACxC,MAAM,EAAE,UAAU,EAAE,GAAG,MAAM,CAAA;IAC7B,EAAE,CAAC,2CAA2C,EAAE,KAAK,IAAI,EAAE;QACzD,MAAM,CAAC,oBAAC,cAAc,OAAK,mBAAmB,GAAI,CAAC,CAAA;QAEnD,MAAM,CAAC,MAAM,UAAU,CAAC,2BAA2B,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAC3E,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,sDAAsD,EAAE,KAAK,IAAI,EAAE;QACpE,MAAM,CAAC,oBAAC,cAAc,OAAK,mBAAmB,EAAE,KAAK,EAAC,YAAY,GAAG,CAAC,CAAA;QAEtE,MAAM,CAAC,MAAM,UAAU,CAAC,2BAA2B,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;QACzE,MAAM,CAAC,MAAM,UAAU,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAA;IAC5D,CAAC,CAAC,CAAA;IAEF,EAAE,CAAC,uCAAuC,EAAE,GAAG,EAAE;QAC/C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAC1B;;YAC4B,oBAAC,IAAI,IAAC,IAAI,EAAE,EAAE,WAAa;YAAC,GAAG,CACxD,CACJ,CAAA;QACD,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAA;IAChD,CAAC,CAAC,CAAA;AACJ,CAAC,CAAC,CAAA"}
|
package/dist/Tag/Tag.js
CHANGED
@@ -1,24 +1,10 @@
|
|
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
1
|
import React from 'react';
|
13
2
|
import styled from 'styled-components';
|
14
3
|
import { Text } from '../Text';
|
15
4
|
import { theme } from '../theme';
|
16
5
|
import { Box } from '../Box';
|
17
|
-
export const Tag = (
|
18
|
-
|
19
|
-
return (React.createElement(Wrapper, Object.assign({ bgColor: bgColor, className: className, borderColor: borderColor }, marginProps, { alignContent: "center", justifyContent: "center" }),
|
20
|
-
React.createElement(TagText, { tag: "span", typo: "label", color: color }, label)));
|
21
|
-
};
|
6
|
+
export const Tag = ({ label, color, borderColor, bgColor, className, ...marginProps }) => (React.createElement(Wrapper, { bgColor: bgColor, className: className, borderColor: borderColor, ...marginProps, alignContent: "center", justifyContent: "center" },
|
7
|
+
React.createElement(TagText, { tag: "span", typo: "label", color: color }, label)));
|
22
8
|
const Wrapper = styled(Box) `
|
23
9
|
background-color: ${({ bgColor }) => bgColor && theme.colors[bgColor]};
|
24
10
|
border: ${({ borderColor }) => borderColor && `1px solid ${theme.colors[borderColor]}`};
|
package/dist/Tag/Tag.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../src/Tag/Tag.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAGtC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAA;AAC9B,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAU5B,MAAM,CAAC,MAAM,GAAG,GAAiB,CAAC,EAChC,KAAK,EACL,KAAK,EACL,WAAW,EACX,OAAO,EACP,SAAS,EACT,GAAG,WAAW,EACf,EAAE,EAAE,CAAC,CACJ,oBAAC,OAAO,IACN,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,KACpB,WAAW,EACf,YAAY,EAAC,QAAQ,EACrB,cAAc,EAAC,QAAQ;IAEvB,oBAAC,OAAO,IAAC,GAAG,EAAC,MAAM,EAAC,IAAI,EAAC,OAAO,EAAC,KAAK,EAAE,KAAK,IAC1C,KAAK,CACE,CACF,CACX,CAAA;AAID,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAAC,CAAc;sBACnB,CAAC,EAAE,OAAO,EAAE,EAAE,EAAE,CAAC,OAAO,IAAI,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC;YAC3D,CAAC,EAAE,WAAW,EAAE,EAAE,EAAE,CAC5B,WAAW,IAAI,aAAa,KAAK,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE;;;;;;;;;CAS1D,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAAC,CAAA;;;;;;;CAO3B,CAAA"}
|
package/dist/Tag/Tag.stories.js
CHANGED
@@ -5,7 +5,7 @@ export default {
|
|
5
5
|
title: 'Tag',
|
6
6
|
component: Tag,
|
7
7
|
};
|
8
|
-
const Template = (props) => React.createElement(Tag,
|
8
|
+
const Template = (props) => React.createElement(Tag, { ...props });
|
9
9
|
export const Default = Template.bind({});
|
10
10
|
Default.args = {
|
11
11
|
label: 'This is a tag',
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Tag.stories.js","sourceRoot":"","sources":["../../src/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAe;IACb,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,GAAG;CACf,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,oBAAC,GAAG,
|
1
|
+
{"version":3,"file":"Tag.stories.js","sourceRoot":"","sources":["../../src/Tag/Tag.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,GAAG,EAAY,MAAM,OAAO,CAAA;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAE7C,eAAe;IACb,KAAK,EAAE,KAAK;IACZ,SAAS,EAAE,GAAG;CACf,CAAA;AAED,MAAM,QAAQ,GAAG,CAAC,KAAe,EAAE,EAAE,CAAC,oBAAC,GAAG,OAAK,KAAK,GAAI,CAAA;AAExD,MAAM,CAAC,MAAM,OAAO,GAAG,QAAQ,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;AAExC,OAAO,CAAC,IAAI,GAAG;IACb,KAAK,EAAE,eAAe;IACtB,OAAO,EAAE,QAAQ;IACjB,WAAW,EAAE,QAAQ;IACrB,KAAK,EAAE,OAAO;CACf,CAAA;AAED,OAAO,CAAC,QAAQ,GAAG;IACjB,KAAK,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IACnC,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;IAChC,WAAW,EAAE,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,EAAE;CAC1C,CAAA;AAED,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA"}
|
package/dist/Text/Text.js
CHANGED
@@ -1,24 +1,10 @@
|
|
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
1
|
import React, { forwardRef } from 'react';
|
13
2
|
import styled, { css } from 'styled-components';
|
14
3
|
import { theme } from '../theme';
|
15
4
|
import { linkStyleOverride } from '../Link/Link';
|
16
5
|
import { Box } from '../Box';
|
17
6
|
import { fontStyleMapping } from './fontMapping';
|
18
|
-
export const Text = forwardRef((
|
19
|
-
var { children, typo = 'body-regular', className = '', tag = 'p', align = 'left', color = 'liquorice', cursor = 'inherit', title = '' } = _a, props = __rest(_a, ["children", "typo", "className", "tag", "align", "color", "cursor", "title"]);
|
20
|
-
return (React.createElement(Container, Object.assign({ as: tag, className: className, typo: typo, align: align, color: color, cursor: cursor, title: title }, props, { ref: ref }), children));
|
21
|
-
});
|
7
|
+
export const Text = forwardRef(({ children, typo = 'body-regular', className = '', tag = 'p', align = 'left', color = 'liquorice', cursor = 'inherit', title = '', ...props }, ref) => (React.createElement(Container, { as: tag, className: className, typo: typo, align: align, color: color, cursor: cursor, title: title, ...props, ref: ref }, children)));
|
22
8
|
Text.displayName = 'Text';
|
23
9
|
const isNewTypo = (value) => {
|
24
10
|
return Object.keys(fontStyleMapping).includes(value);
|
package/dist/Text/Text.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAAkC,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,KAAK,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAChD,OAAO,EAAE,GAAG,EAAE,MAAM,QAAQ,CAAA;AAE5B,OAAO,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AA8DhD,MAAM,CAAC,MAAM,IAAI,GAAkB,UAAU,CAC3C,CACE,EACE,QAAQ,EACR,IAAI,GAAG,cAAc,EACrB,SAAS,GAAG,EAAE,EACd,GAAG,GAAG,GAAG,EACT,KAAK,GAAG,MAAM,EACd,KAAK,GAAG,WAAW,EACnB,MAAM,GAAG,SAAS,EAClB,KAAK,GAAG,EAAE,EACV,GAAG,KAAK,EACT,EACD,GAAG,EACH,EAAE,CAAC,CACH,oBAAC,SAAS,IACR,EAAE,EAAE,GAAG,EACP,SAAS,EAAE,SAAS,EACpB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,KACR,KAAK,EACT,GAAG,EAAE,GAAG,IAEP,QAAQ,CACC,CACb,CACF,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA;AAEzB,MAAM,SAAS,GAAG,CAAC,KAAa,EAAiB,EAAE;IACjD,OAAO,MAAM,CAAC,IAAI,CAAC,gBAAgB,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAA;AACtD,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAC,CAC3B,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;;;MAGnC,SAAS,CAAC,IAAI,CAAC,IAAI,gBAAgB,CAAC,IAAI,CAAC;;;MAGzC,IAAI,KAAK,cAAc;IACzB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,eAAe;IACxB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,cAAc;IACvB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,MAAM;IACf,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,YAAY;IACrB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;;;;KASF;;IAED,IAAI,KAAK,aAAa;IACtB,GAAG,CAAA;;;;;;KAMF;;kBAEa,KAAK;cACT,MAAM;aACP,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;MAC1B,iBAAiB,CAAC,EAAE,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC;GACpD,CACF,CAAA"}
|