@roomstay/frontend 2.0.5 → 2.0.6
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/218.bundle.js +1 -1
- package/dist/main.bundle.js +1 -1
- package/dist/src/components/generic/RadioButtonGroup/RadioButton.d.ts +1 -1
- package/dist/src/components/generic/RadioButtonGroup/RadioButton.js.map +1 -1
- package/dist/src/components/generic/RadioButtonGroup/RadioButtonGroup.d.ts +1 -1
- package/dist/src/components/generic/RadioButtonGroup/RadioButtonGroup.js +5 -4
- package/dist/src/components/generic/RadioButtonGroup/RadioButtonGroup.js.map +1 -1
- package/dist/test.bundle.js +1 -1
- package/dist/vendors.bundle.js +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButton.js","sourceRoot":"/","sources":["src/components/generic/RadioButtonGroup/RadioButton.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iCAA+C;AAC/C,uEAA+C;AAC/C,yCAAyC;AAWzC,MAAM,WAAW,GAAyB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE;IAC3G,MAAM,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAEvD,OAAO,CACH,+BACI,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,UAAU,CAAC,iCAAM,CAAC,IAAI,EAAE,SAAS,EAAE;YAC1C,CAAC,iCAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,iCAAM,CAAC,OAAO,CAAC,EAAE,OAAO;SAC5B,CAAC;QAEF,6BAAK,SAAS,EAAE,iCAAM,CAAC,MAAM;YACzB,+BAAO,SAAS,EAAE,iCAAM,CAAC,KAAK,EAAE,MAAM,QAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,GAAI;YACxH,6BAAK,SAAS,EAAE,iCAAM,CAAC,MAAM,GAAI;YACjC,6BAAK,SAAS,EAAE,iCAAM,CAAC,IAAI,IAAG,KAAK,CAAO,CACxC;QACN,iCAAM,aAAa,IAAI,OAAO,IAAI,6BAAK,SAAS,EAAE,iCAAM,CAAC,OAAO,IAAG,aAAa,EAAE,CAAO,CAAO,CAC5F,CACX,CAAC;AACN,CAAC,CAAC;AAEO,kCAAW","sourcesContent":["import * as React from 'react';\nimport { FC, ReactNode, useMemo } from 'react';\nimport styles from './RadioButton.module.scss';\nimport * as classNames from 'classnames';\n\
|
|
1
|
+
{"version":3,"file":"RadioButton.js","sourceRoot":"/","sources":["src/components/generic/RadioButtonGroup/RadioButton.tsx"],"names":[],"mappings":";;;AAAA,+BAA+B;AAC/B,iCAA+C;AAC/C,uEAA+C;AAC/C,yCAAyC;AAWzC,MAAM,WAAW,GAAyB,CAAC,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,SAAS,EAAE,EAAE,EAAE;IAC3G,MAAM,EAAE,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE,CAAC,IAAI,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,EAAE,EAAE,CAAC,CAAC;IAEvD,OAAO,CACH,+BACI,OAAO,EAAE,EAAE,EACX,SAAS,EAAE,UAAU,CAAC,iCAAM,CAAC,IAAI,EAAE,SAAS,EAAE;YAC1C,CAAC,iCAAM,CAAC,QAAQ,CAAC,EAAE,QAAQ;YAC3B,CAAC,iCAAM,CAAC,OAAO,CAAC,EAAE,OAAO;SAC5B,CAAC;QAEF,6BAAK,SAAS,EAAE,iCAAM,CAAC,MAAM;YACzB,+BAAO,SAAS,EAAE,iCAAM,CAAC,KAAK,EAAE,MAAM,QAAC,QAAQ,EAAE,QAAQ,EAAE,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAC,OAAO,EAAC,OAAO,EAAE,OAAO,GAAI;YACxH,6BAAK,SAAS,EAAE,iCAAM,CAAC,MAAM,GAAI;YACjC,6BAAK,SAAS,EAAE,iCAAM,CAAC,IAAI,IAAG,KAAK,CAAO,CACxC;QACN,iCAAM,aAAa,IAAI,OAAO,IAAI,6BAAK,SAAS,EAAE,iCAAM,CAAC,OAAO,IAAG,aAAa,EAAE,CAAO,CAAO,CAC5F,CACX,CAAC;AACN,CAAC,CAAC;AAEO,kCAAW","sourcesContent":["import * as React from 'react';\nimport { FC, ReactNode, useMemo } from 'react';\nimport styles from './RadioButton.module.scss';\nimport * as classNames from 'classnames';\n\nexport interface RadioButtonProps {\n checked: boolean;\n onChange: JSX.IntrinsicElements['input']['onChange'];\n label?: ReactNode;\n disabled?: boolean;\n renderContent?: () => ReactNode;\n className?: string;\n}\n\nconst RadioButton: FC<RadioButtonProps> = ({ checked, onChange, disabled, label, renderContent, className }) => {\n const id = useMemo(() => Math.random().toString(), []);\n\n return (\n <label\n htmlFor={id}\n className={classNames(styles.root, className, {\n [styles.disabled]: disabled,\n [styles.checked]: checked,\n })}\n >\n <div className={styles.header}>\n <input className={styles.input} hidden disabled={disabled} id={id} onChange={onChange} type=\"radio\" checked={checked} />\n <div className={styles.design} />\n <div className={styles.text}>{label}</div>\n </div>\n <div>{renderContent && checked && <div className={styles.content}>{renderContent()}</div>}</div>\n </label>\n );\n};\n\nexport { RadioButton };\n"]}
|
|
@@ -7,13 +7,14 @@ const AutoAutoHeight_1 = require("animations/AutoAutoHeight");
|
|
|
7
7
|
const Tooltip_1 = require("../Tooltip/Tooltip");
|
|
8
8
|
const RadioButtonGroup = ({ options, value: valueProp, onChange }) => {
|
|
9
9
|
return (React.createElement("div", { className: RadioButtonGroup_module_scss_1.default.root }, options.map(({ value, label, disabled, disabledReason, renderContent }) => {
|
|
10
|
-
const radioButton = (React.createElement(RadioButton_1.RadioButton, { className: RadioButtonGroup_module_scss_1.default.item, key: value, checked: value === valueProp, onChange: () => {
|
|
11
|
-
|
|
10
|
+
const radioButton = (React.createElement(RadioButton_1.RadioButton, { className: RadioButtonGroup_module_scss_1.default.item, key: value, checked: !disabled && value === valueProp, onChange: () => {
|
|
11
|
+
if (!disabled)
|
|
12
|
+
onChange(value);
|
|
12
13
|
}, label: label, disabled: disabled, renderContent: () => React.createElement(AutoAutoHeight_1.default, { open: true }, renderContent()) }));
|
|
13
14
|
if (disabled && disabledReason) {
|
|
14
|
-
return React.createElement(Tooltip_1.default, { title: disabledReason }, radioButton);
|
|
15
|
+
return (React.createElement(Tooltip_1.default, { key: value, wrapperClasses: RadioButtonGroup_module_scss_1.default.wrapper, title: disabledReason }, radioButton));
|
|
15
16
|
}
|
|
16
|
-
return radioButton;
|
|
17
|
+
return (React.createElement("div", { key: value, className: RadioButtonGroup_module_scss_1.default.wrapper }, radioButton));
|
|
17
18
|
})));
|
|
18
19
|
};
|
|
19
20
|
exports.default = RadioButtonGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadioButtonGroup.js","sourceRoot":"/","sources":["src/components/generic/RadioButtonGroup/RadioButtonGroup.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAE/B,iFAA8E;AAC9E,iFAAoD;AACpD,8DAAuD;AACvD,gDAAyC;AAiBzC,MAAM,gBAAgB,GAA8B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5F,OAAO,CACH,6BAAK,SAAS,EAAE,sCAAM,CAAC,IAAI,IACtB,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,EAAE;QACvE,MAAM,WAAW,GAAG,CAChB,oBAAC,yBAAW,IACR,SAAS,EAAE,sCAAM,CAAC,IAAI,EACtB,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,KAAK,KAAK,SAAS,
|
|
1
|
+
{"version":3,"file":"RadioButtonGroup.js","sourceRoot":"/","sources":["src/components/generic/RadioButtonGroup/RadioButtonGroup.tsx"],"names":[],"mappings":";;AAAA,+BAA+B;AAE/B,iFAA8E;AAC9E,iFAAoD;AACpD,8DAAuD;AACvD,gDAAyC;AAiBzC,MAAM,gBAAgB,GAA8B,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC5F,OAAO,CACH,6BAAK,SAAS,EAAE,sCAAM,CAAC,IAAI,IACtB,OAAO,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAE,aAAa,EAAE,EAAE,EAAE;QACvE,MAAM,WAAW,GAAG,CAChB,oBAAC,yBAAW,IACR,SAAS,EAAE,sCAAM,CAAC,IAAI,EACtB,GAAG,EAAE,KAAK,EACV,OAAO,EAAE,CAAC,QAAQ,IAAI,KAAK,KAAK,SAAS,EACzC,QAAQ,EAAE,GAAG,EAAE;gBACX,IAAI,CAAC,QAAQ;oBAAE,QAAQ,CAAC,KAAK,CAAC,CAAC;YACnC,CAAC,EACD,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,aAAa,EAAE,GAAG,EAAE,CAAC,oBAAC,wBAAc,IAAC,IAAI,UAAE,aAAa,EAAE,CAAkB,GAC9E,CACL,CAAC;QAEF,IAAI,QAAQ,IAAI,cAAc,EAAE;YAC5B,OAAO,CACH,oBAAC,iBAAO,IAAC,GAAG,EAAE,KAAK,EAAE,cAAc,EAAE,sCAAM,CAAC,OAAO,EAAE,KAAK,EAAE,cAAc,IACrE,WAAW,CACN,CACb,CAAC;SACL;QAED,OAAO,CACH,6BAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,sCAAM,CAAC,OAAO,IACrC,WAAW,CACV,CACT,CAAC;IACN,CAAC,CAAC,CACA,CACT,CAAC;AACN,CAAC,CAAC;AAEF,kBAAe,gBAAgB,CAAC","sourcesContent":["import * as React from 'react';\nimport { FC, ReactNode } from 'react';\nimport { RadioButton } from 'components/generic/RadioButtonGroup/RadioButton';\nimport styles from './RadioButtonGroup.module.scss';\nimport AutoAutoHeight from 'animations/AutoAutoHeight';\nimport Tooltip from '../Tooltip/Tooltip';\n\nexport interface RadioButtonGroupProps {\n options: {\n value: string;\n label?: ReactNode;\n\n disabled?: boolean;\n /** Enabled a tooltip that gives more info on why the field is disabled */\n disabledReason?: string;\n\n renderContent?: () => ReactNode;\n }[];\n value: string;\n onChange: (value: string) => void;\n}\n\nconst RadioButtonGroup: FC<RadioButtonGroupProps> = ({ options, value: valueProp, onChange }) => {\n return (\n <div className={styles.root}>\n {options.map(({ value, label, disabled, disabledReason, renderContent }) => {\n const radioButton = (\n <RadioButton\n className={styles.item}\n key={value}\n checked={!disabled && value === valueProp}\n onChange={() => {\n if (!disabled) onChange(value);\n }}\n label={label}\n disabled={disabled}\n renderContent={() => <AutoAutoHeight open>{renderContent()}</AutoAutoHeight>}\n />\n );\n\n if (disabled && disabledReason) {\n return (\n <Tooltip key={value} wrapperClasses={styles.wrapper} title={disabledReason}>\n {radioButton}\n </Tooltip>\n );\n }\n\n return (\n <div key={value} className={styles.wrapper}>\n {radioButton}\n </div>\n );\n })}\n </div>\n );\n};\n\nexport default RadioButtonGroup;\n"]}
|