@mirai/ui 2.1.75 → 2.1.76
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/build/components/InputList/InputList.Group.js +2 -1
- package/build/components/InputList/InputList.Group.js.map +1 -1
- package/build/components/InputList/InputList.Option.js +2 -1
- package/build/components/InputList/InputList.Option.js.map +1 -1
- package/build/components/InputList/InputList.module.css +5 -7
- package/package.json +1 -1
|
@@ -26,7 +26,8 @@ var Group = function Group(_ref) {
|
|
|
26
26
|
}, icon && /*#__PURE__*/_react["default"].createElement(_primitives.Icon, {
|
|
27
27
|
value: icon
|
|
28
28
|
}), /*#__PURE__*/_react["default"].createElement(_primitives.View, {
|
|
29
|
-
wide: true
|
|
29
|
+
wide: true,
|
|
30
|
+
className: style.optionContent
|
|
30
31
|
}, /*#__PURE__*/_react["default"].createElement(_primitives.Text, {
|
|
31
32
|
bold: true,
|
|
32
33
|
className: style.text
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputList.Group.js","names":["_propTypes","_interopRequireDefault","require","_react","_helpers","_primitives","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Group","_ref","description","group","icon","_ref$rightElement","rightElement","selected","createElement","View","row","className","styles","option","Icon","value","wide","Text","bold","text","action","light","type","markdown","tiny","optionBadgeText","undefined","exports","propTypes","PropTypes","string","isRequired","any","oneOfType","shape","oneOf","number","node","bool"],"sources":["../../../src/components/InputList/InputList.Group.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Text, View } from '../../primitives';\nimport * as style from './InputList.module.css';\n\nconst Group = ({ description, group, icon, rightElement = {}, selected }) => (\n <View row className={styles(style.option, selected && style.selected)}>\n {icon && <Icon value={icon} />}\n <View wide>\n <Text bold className={style.text}>\n {group}\n </Text>\n {description && (\n <Text action light className={style.text}>\n {description}\n </Text>\n )}\n </View>\n {rightElement.type === 'counter' && rightElement.value ? (\n <Text bold markdown={false} tiny className={style.optionBadgeText}>\n {rightElement.value}\n </Text>\n ) : rightElement.type === 'node' ? (\n rightElement.value\n ) : undefined}\n </View>\n);\n\nGroup.propTypes = {\n description: PropTypes.string,\n group: PropTypes.string.isRequired,\n icon: PropTypes.any,\n rightElement: PropTypes.oneOfType([\n PropTypes.shape({\n type: PropTypes.oneOf(['counter']).isRequired,\n value: PropTypes.number.isRequired,\n }),\n PropTypes.shape({\n type: PropTypes.oneOf(['node']).isRequired,\n value: PropTypes.node.isRequired,\n }),\n ]),\n selected: PropTypes.bool,\n};\n\nexport { Group };\n"],"mappings":";;;;;;;AAAA,IAAAA,UAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,QAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAH,OAAA;AACA,IAAAI,KAAA,GAAAC,uBAAA,CAAAL,OAAA;AAAgD,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAF,wBAAAE,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,sBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,cAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAhB,uBAAAQ,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,gBAAAA,CAAA;AAEhD,IAAMmB,KAAK,GAAG,SAARA,KAAKA,CAAAC,IAAA;EAAA,IAAMC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IAAEC,KAAK,GAAAF,IAAA,CAALE,KAAK;IAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;IAAAC,iBAAA,GAAAJ,IAAA,CAAEK,YAAY;IAAZA,YAAY,GAAAD,iBAAA,cAAG,CAAC,CAAC,GAAAA,iBAAA;IAAEE,QAAQ,GAAAN,IAAA,CAARM,QAAQ;EAAA,oBACpEhC,MAAA,YAAAiC,aAAA,CAAC/B,WAAA,CAAAgC,IAAI;IAACC,GAAG;IAACC,SAAS,EAAE,IAAAC,eAAM,EAAClC,KAAK,CAACmC,MAAM,EAAEN,QAAQ,IAAI7B,KAAK,CAAC6B,QAAQ;EAAE,GACnEH,IAAI,iBAAI7B,MAAA,YAAAiC,aAAA,CAAC/B,WAAA,CAAAqC,IAAI;IAACC,KAAK,EAAEX;EAAK,CAAE,CAAC,eAC9B7B,MAAA,YAAAiC,aAAA,CAAC/B,WAAA,CAAAgC,IAAI;IAACO,IAAI;
|
|
1
|
+
{"version":3,"file":"InputList.Group.js","names":["_propTypes","_interopRequireDefault","require","_react","_helpers","_primitives","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Group","_ref","description","group","icon","_ref$rightElement","rightElement","selected","createElement","View","row","className","styles","option","Icon","value","wide","optionContent","Text","bold","text","action","light","type","markdown","tiny","optionBadgeText","undefined","exports","propTypes","PropTypes","string","isRequired","any","oneOfType","shape","oneOf","number","node","bool"],"sources":["../../../src/components/InputList/InputList.Group.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, Text, View } from '../../primitives';\nimport * as style from './InputList.module.css';\n\nconst Group = ({ description, group, icon, rightElement = {}, selected }) => (\n <View row className={styles(style.option, selected && style.selected)}>\n {icon && <Icon value={icon} />}\n <View wide className={style.optionContent}>\n <Text bold className={style.text}>\n {group}\n </Text>\n {description && (\n <Text action light className={style.text}>\n {description}\n </Text>\n )}\n </View>\n {rightElement.type === 'counter' && rightElement.value ? (\n <Text bold markdown={false} tiny className={style.optionBadgeText}>\n {rightElement.value}\n </Text>\n ) : rightElement.type === 'node' ? (\n rightElement.value\n ) : undefined}\n </View>\n);\n\nGroup.propTypes = {\n description: PropTypes.string,\n group: PropTypes.string.isRequired,\n icon: PropTypes.any,\n rightElement: PropTypes.oneOfType([\n PropTypes.shape({\n type: PropTypes.oneOf(['counter']).isRequired,\n value: PropTypes.number.isRequired,\n }),\n PropTypes.shape({\n type: PropTypes.oneOf(['node']).isRequired,\n value: PropTypes.node.isRequired,\n }),\n ]),\n selected: PropTypes.bool,\n};\n\nexport { Group };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -37,7 +37,8 @@ var Option = function Option(_ref) {
|
|
|
37
37
|
}) : /*#__PURE__*/_react["default"].createElement(_primitives.Icon, {
|
|
38
38
|
value: icon
|
|
39
39
|
}), /*#__PURE__*/_react["default"].createElement(_primitives.View, {
|
|
40
|
-
wide: true
|
|
40
|
+
wide: true,
|
|
41
|
+
className: style.optionContent
|
|
41
42
|
}, /*#__PURE__*/_react["default"].createElement(_primitives.Text, {
|
|
42
43
|
className: style.text
|
|
43
44
|
}, name), description && /*#__PURE__*/_react["default"].createElement(_primitives.Text, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputList.Option.js","names":["_propTypes","_interopRequireDefault","require","_react","_helpers","_primitives","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Option","_ref","description","icon","isGroupItem","multiple","name","_ref$rightElement","rightElement","selected","value","isSelected","some","item","createElement","View","row","className","styles","option","groupItem","Icon","ICON","CHECK","Checkbox","toString","wide","Text","text","action","light","type","bold","markdown","tiny","optionBadgeText","undefined","exports","propTypes","PropTypes","string","any","bool","isRequired","oneOfType","shape","oneOf","number","node"],"sources":["../../../src/components/InputList/InputList.Option.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, ICON, Text, View } from '../../primitives';\nimport * as style from './InputList.module.css';\n\nconst Option = ({ description, icon, isGroupItem, multiple, name, rightElement = {}, selected, value }) => {\n const isSelected = selected\n ? multiple\n ? selected.some((item) => item.value === value)\n : value === selected.value\n : false;\n\n return (\n <View row className={styles(style.option, isSelected && style.selected, isGroupItem && style.groupItem)}>\n {multiple ? (\n isSelected ? (\n <Icon value={ICON.CHECK} />\n ) : (\n <Checkbox name={value.toString()} value={value} />\n )\n ) : (\n <Icon value={icon} />\n )}\n <View wide>\n <Text className={style.text}>{name}</Text>\n {description && (\n <Text action light className={style.text}>\n {description}\n </Text>\n )}\n </View>\n {rightElement.type === 'counter' && rightElement.value ? (\n <Text bold markdown={false} tiny className={style.optionBadgeText}>\n {rightElement.value}\n </Text>\n ) : rightElement.type === 'node' ? (\n rightElement.value\n ) : undefined}\n </View>\n );\n};\n\nOption.propTypes = {\n description: PropTypes.string,\n icon: PropTypes.any,\n isGroupItem: PropTypes.bool,\n multiple: PropTypes.bool,\n name: PropTypes.string.isRequired,\n rightElement: PropTypes.oneOfType([\n PropTypes.shape({\n type: PropTypes.oneOf(['counter']).isRequired,\n value: PropTypes.number.isRequired,\n }),\n PropTypes.shape({\n type: PropTypes.oneOf(['node']).isRequired,\n value: PropTypes.node.isRequired,\n }),\n ]),\n selected: PropTypes.oneOfType([PropTypes.any]),\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n};\n\nexport { Option };\n"],"mappings":"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
|
|
1
|
+
{"version":3,"file":"InputList.Option.js","names":["_propTypes","_interopRequireDefault","require","_react","_helpers","_primitives","style","_interopRequireWildcard","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Option","_ref","description","icon","isGroupItem","multiple","name","_ref$rightElement","rightElement","selected","value","isSelected","some","item","createElement","View","row","className","styles","option","groupItem","Icon","ICON","CHECK","Checkbox","toString","wide","optionContent","Text","text","action","light","type","bold","markdown","tiny","optionBadgeText","undefined","exports","propTypes","PropTypes","string","any","bool","isRequired","oneOfType","shape","oneOf","number","node"],"sources":["../../../src/components/InputList/InputList.Option.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Checkbox, Icon, ICON, Text, View } from '../../primitives';\nimport * as style from './InputList.module.css';\n\nconst Option = ({ description, icon, isGroupItem, multiple, name, rightElement = {}, selected, value }) => {\n const isSelected = selected\n ? multiple\n ? selected.some((item) => item.value === value)\n : value === selected.value\n : false;\n\n return (\n <View row className={styles(style.option, isSelected && style.selected, isGroupItem && style.groupItem)}>\n {multiple ? (\n isSelected ? (\n <Icon value={ICON.CHECK} />\n ) : (\n <Checkbox name={value.toString()} value={value} />\n )\n ) : (\n <Icon value={icon} />\n )}\n <View wide className={style.optionContent}>\n <Text className={style.text}>{name}</Text>\n {description && (\n <Text action light className={style.text}>\n {description}\n </Text>\n )}\n </View>\n {rightElement.type === 'counter' && rightElement.value ? (\n <Text bold markdown={false} tiny className={style.optionBadgeText}>\n {rightElement.value}\n </Text>\n ) : rightElement.type === 'node' ? (\n rightElement.value\n ) : undefined}\n </View>\n );\n};\n\nOption.propTypes = {\n description: PropTypes.string,\n icon: PropTypes.any,\n isGroupItem: PropTypes.bool,\n multiple: PropTypes.bool,\n name: PropTypes.string.isRequired,\n rightElement: PropTypes.oneOfType([\n PropTypes.shape({\n type: PropTypes.oneOf(['counter']).isRequired,\n value: PropTypes.number.isRequired,\n }),\n PropTypes.shape({\n type: PropTypes.oneOf(['node']).isRequired,\n value: PropTypes.node.isRequired,\n }),\n ]),\n selected: PropTypes.oneOfType([PropTypes.any]),\n value: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),\n};\n\nexport { Option };\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -17,6 +17,11 @@
|
|
|
17
17
|
.menu .option {
|
|
18
18
|
flex: 1;
|
|
19
19
|
gap: var(--mirai-ui-space-M);
|
|
20
|
+
min-width: 0;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.optionContent {
|
|
24
|
+
min-width: 0;
|
|
20
25
|
}
|
|
21
26
|
|
|
22
27
|
.menu .option.selected * {
|
|
@@ -78,10 +83,3 @@
|
|
|
78
83
|
max-width: calc(100svw - var(--mirai-ui-space-XXL));
|
|
79
84
|
}
|
|
80
85
|
}
|
|
81
|
-
|
|
82
|
-
/* M & L */
|
|
83
|
-
@media only screen and (min-width: 481px) {
|
|
84
|
-
.menu .option .text {
|
|
85
|
-
max-width: 85%;
|
|
86
|
-
}
|
|
87
|
-
}
|