@mirai/ui 1.0.97 → 1.0.99
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/Calendar/Calendar.js +2 -1
- package/build/components/Calendar/Calendar.js.map +1 -1
- package/build/components/InputNumber/InputNumber.js +1 -0
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +20 -20
- package/build/components/Modal/Modal.module.css +1 -1
- package/build/primitives/Text/Text.js +2 -3
- package/build/primitives/Text/Text.js.map +1 -1
- package/package.json +1 -1
|
@@ -52,7 +52,8 @@ var Calendar = function Calendar(_ref) {
|
|
|
52
52
|
onFocus = _ref$onFocus === void 0 ? function () {} : _ref$onFocus,
|
|
53
53
|
_ref$onNavigation = _ref.onNavigation,
|
|
54
54
|
onNavigation = _ref$onNavigation === void 0 ? function () {} : _ref$onNavigation,
|
|
55
|
-
onScroll = _ref.onScroll,
|
|
55
|
+
_ref$onScroll = _ref.onScroll,
|
|
56
|
+
onScroll = _ref$onScroll === void 0 ? function () {} : _ref$onScroll,
|
|
56
57
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
57
58
|
var _useDevice = (0, _hooks.useDevice)(),
|
|
58
59
|
isDesktop = _useDevice.isDesktop,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.js","names":["Calendar","disabledPast","format","from","locale","range","rangeMaxDays","to","value","onChange","onFocus","onNavigation","onScroll","others","useDevice","isDesktop","isMobile","useState","focus","setFocus","getFirstDateOfMonth","getToday","instance","setInstance","scrollTo","setScrollTo","undefined","selected","setSelected","timestamp","setTimestamp","useEffect","date","dateFrom","parseDate","dateDiff","days","length","next","diffMonths","months","getScrollTo","UTC","handleChange","getTime","handleMonth","month","Date","getFullYear","getMonth","handleScroll","event","now","testID","scrollEventThrottle","className","props","today","instanceTS","todayMonthTS","disabledPrevious","disabledNext","dateCalc","styles","style","container","scrollview","Array","empty","index","displayName","propTypes","captions","PropTypes","shape","disabledDates","arrayOf","string","bool","highlights","number","rangeMinDays","tooltips","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.jsx"],"sourcesContent":["import { dateCalc, dateDiff, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { ScrollView, View } from '../../primitives';\nimport style from './Calendar.module.css';\nimport { Month } from './Calendar.Month';\nimport { Weekdays } from './Calendar.Weekdays';\nimport { getFirstDateOfMonth, getScrollTo, getToday } from './helpers';\n\nexport const Calendar = ({\n disabledPast = true,\n format = 'YYYY/MM/DD',\n from,\n locale,\n range = false,\n rangeMaxDays,\n to,\n value,\n onChange = () => {},\n onFocus = () => {},\n onNavigation = () => {},\n onScroll,\n ...others\n}) => {\n const { isDesktop, isMobile } = useDevice();\n\n const [focus, setFocus] = useState();\n const [instance, setInstance] = useState(getFirstDateOfMonth(getToday()));\n const [scrollTo, setScrollTo] = useState();\n const [selected, setSelected] = useState(range ? [] : undefined);\n const [timestamp, setTimestamp] = useState();\n\n useEffect(() => {\n let date = range ? (value ? value[0] : undefined) : value;\n if (from && !date) {\n const dateFrom = parseDate(from, format);\n const { days } = dateDiff(dateFrom, parseDate(date, format));\n\n setInstance(getFirstDateOfMonth(dateFrom));\n if (days < 0) date = undefined;\n }\n if (!date) return setSelected(range ? [] : undefined);\n\n date = parseDate(date, format);\n if ((range && (selected.length === 0 || value.length === 2)) || !range) {\n const next = getFirstDateOfMonth(date);\n const { months: diffMonths } = dateDiff(instance, date);\n\n if (isDesktop && (diffMonths >= months || diffMonths < 0)) setInstance(next);\n else if (isMobile) setScrollTo(getScrollTo(diffMonths));\n }\n\n setSelected(range ? [UTC(date), value[1] ? UTC(parseDate(value[1], format)) : undefined] : UTC(date));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [format, from, range, value]);\n\n useEffect(() => {\n onFocus(focus);\n }, [focus, onFocus]);\n\n const handleChange = (date) => {\n setSelected(() => {\n let next;\n\n if (!range) {\n next = date;\n } else if (selected[1] === undefined && date > selected[0]) {\n next = [selected[0], date];\n } else {\n next = [selected[0]?.getTime() === date.getTime() ? undefined : date];\n setFocus(undefined);\n }\n onChange(next);\n\n return next;\n });\n };\n\n const handleMonth = (month) => {\n setInstance(() => {\n const next = getFirstDateOfMonth(new Date(instance.getFullYear(), instance.getMonth() + month));\n\n onNavigation(next);\n return next;\n });\n };\n\n const handleScroll = (event) => {\n onScroll(event);\n setTimestamp(Date.now());\n };\n\n const { ['data-testid']: testID, scrollEventThrottle } = others;\n let { className, months = 2, ...props } = others;\n\n const today = getToday();\n const instanceTS = instance.getTime();\n const todayMonthTS = getFirstDateOfMonth(today).getTime();\n const disabledPrevious =\n (disabledPast && instanceTS <= todayMonthTS) ||\n (from && instanceTS <= getFirstDateOfMonth(parseDate(from, format)).getTime());\n\n const disabledNext =\n to && parseDate(to, format).getTime() <= getFirstDateOfMonth(dateCalc(instance, months, 'months')).getTime();\n\n props = {\n ...props,\n disabledPast,\n focus,\n format,\n from: from ? parseDate(from, format) : undefined,\n locale,\n range,\n timestamp,\n to:\n range &&\n rangeMaxDays &&\n selected[0] &&\n !selected[1] &&\n (!to || dateCalc(selected[0], rangeMaxDays, 'days') < parseDate(to, format))\n ? dateCalc(selected[0], rangeMaxDays, 'days')\n : to\n ? parseDate(to, format)\n : undefined,\n selected,\n onChange: handleChange,\n onFocus: isDesktop ? setFocus : undefined,\n };\n\n if (isMobile && to) months = dateDiff(today, parseDate(to, format)).months;\n\n return (\n <View className={styles(style.container, className)} data-testid={testID}>\n {isMobile && <Weekdays locale={locale} />}\n <ScrollView\n horizontal={isDesktop}\n scrollTo={scrollTo}\n className={style.scrollview}\n scrollEventThrottle={scrollEventThrottle}\n onScroll={handleScroll}\n >\n {Array.from({ length: months }, (empty, index) => (\n <Month\n data-testid={testID}\n key={index}\n onNext={isDesktop && index === months - 1 && !disabledNext ? () => handleMonth(months) : undefined}\n onPrevious={isDesktop && index === 0 && !disabledPrevious ? () => handleMonth(-months) : undefined}\n instance={new Date(instance.getFullYear(), instance.getMonth() + index, 1)} // ! TODO: calc with mirai/locale\n {...props}\n />\n ))}\n </ScrollView>\n </View>\n );\n};\n\nCalendar.displayName = 'Component:Calendar';\n\nCalendar.propTypes = {\n captions: PropTypes.shape({}),\n disabledDates: PropTypes.arrayOf(PropTypes.string),\n disabledPast: PropTypes.bool,\n format: PropTypes.string,\n from: PropTypes.string,\n highlights: PropTypes.arrayOf(PropTypes.string),\n locale: PropTypes.string,\n months: PropTypes.number,\n range: PropTypes.bool,\n rangeMaxDays: PropTypes.number,\n rangeMinDays: PropTypes.number,\n to: PropTypes.string,\n tooltips: PropTypes.shape({}),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n onChange: PropTypes.func,\n onFocus: PropTypes.func,\n onNavigation: PropTypes.func,\n onScroll: PropTypes.func,\n};\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Calendar.js","names":["Calendar","disabledPast","format","from","locale","range","rangeMaxDays","to","value","onChange","onFocus","onNavigation","onScroll","others","useDevice","isDesktop","isMobile","useState","focus","setFocus","getFirstDateOfMonth","getToday","instance","setInstance","scrollTo","setScrollTo","undefined","selected","setSelected","timestamp","setTimestamp","useEffect","date","dateFrom","parseDate","dateDiff","days","length","next","diffMonths","months","getScrollTo","UTC","handleChange","getTime","handleMonth","month","Date","getFullYear","getMonth","handleScroll","event","now","testID","scrollEventThrottle","className","props","today","instanceTS","todayMonthTS","disabledPrevious","disabledNext","dateCalc","styles","style","container","scrollview","Array","empty","index","displayName","propTypes","captions","PropTypes","shape","disabledDates","arrayOf","string","bool","highlights","number","rangeMinDays","tooltips","oneOfType","func"],"sources":["../../../src/components/Calendar/Calendar.jsx"],"sourcesContent":["import { dateCalc, dateDiff, parseDate, UTC } from '@mirai/locale';\nimport PropTypes from 'prop-types';\nimport React, { useEffect, useState } from 'react';\n\nimport { styles } from '../../helpers';\nimport { useDevice } from '../../hooks';\nimport { ScrollView, View } from '../../primitives';\nimport style from './Calendar.module.css';\nimport { Month } from './Calendar.Month';\nimport { Weekdays } from './Calendar.Weekdays';\nimport { getFirstDateOfMonth, getScrollTo, getToday } from './helpers';\n\nexport const Calendar = ({\n disabledPast = true,\n format = 'YYYY/MM/DD',\n from,\n locale,\n range = false,\n rangeMaxDays,\n to,\n value,\n onChange = () => {},\n onFocus = () => {},\n onNavigation = () => {},\n onScroll = () => {},\n ...others\n}) => {\n const { isDesktop, isMobile } = useDevice();\n\n const [focus, setFocus] = useState();\n const [instance, setInstance] = useState(getFirstDateOfMonth(getToday()));\n const [scrollTo, setScrollTo] = useState();\n const [selected, setSelected] = useState(range ? [] : undefined);\n const [timestamp, setTimestamp] = useState();\n\n useEffect(() => {\n let date = range ? (value ? value[0] : undefined) : value;\n if (from && !date) {\n const dateFrom = parseDate(from, format);\n const { days } = dateDiff(dateFrom, parseDate(date, format));\n\n setInstance(getFirstDateOfMonth(dateFrom));\n if (days < 0) date = undefined;\n }\n if (!date) return setSelected(range ? [] : undefined);\n\n date = parseDate(date, format);\n if ((range && (selected.length === 0 || value.length === 2)) || !range) {\n const next = getFirstDateOfMonth(date);\n const { months: diffMonths } = dateDiff(instance, date);\n\n if (isDesktop && (diffMonths >= months || diffMonths < 0)) setInstance(next);\n else if (isMobile) setScrollTo(getScrollTo(diffMonths));\n }\n\n setSelected(range ? [UTC(date), value[1] ? UTC(parseDate(value[1], format)) : undefined] : UTC(date));\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [format, from, range, value]);\n\n useEffect(() => {\n onFocus(focus);\n }, [focus, onFocus]);\n\n const handleChange = (date) => {\n setSelected(() => {\n let next;\n\n if (!range) {\n next = date;\n } else if (selected[1] === undefined && date > selected[0]) {\n next = [selected[0], date];\n } else {\n next = [selected[0]?.getTime() === date.getTime() ? undefined : date];\n setFocus(undefined);\n }\n onChange(next);\n\n return next;\n });\n };\n\n const handleMonth = (month) => {\n setInstance(() => {\n const next = getFirstDateOfMonth(new Date(instance.getFullYear(), instance.getMonth() + month));\n\n onNavigation(next);\n return next;\n });\n };\n\n const handleScroll = (event) => {\n onScroll(event);\n setTimestamp(Date.now());\n };\n\n const { ['data-testid']: testID, scrollEventThrottle } = others;\n let { className, months = 2, ...props } = others;\n\n const today = getToday();\n const instanceTS = instance.getTime();\n const todayMonthTS = getFirstDateOfMonth(today).getTime();\n const disabledPrevious =\n (disabledPast && instanceTS <= todayMonthTS) ||\n (from && instanceTS <= getFirstDateOfMonth(parseDate(from, format)).getTime());\n\n const disabledNext =\n to && parseDate(to, format).getTime() <= getFirstDateOfMonth(dateCalc(instance, months, 'months')).getTime();\n\n props = {\n ...props,\n disabledPast,\n focus,\n format,\n from: from ? parseDate(from, format) : undefined,\n locale,\n range,\n timestamp,\n to:\n range &&\n rangeMaxDays &&\n selected[0] &&\n !selected[1] &&\n (!to || dateCalc(selected[0], rangeMaxDays, 'days') < parseDate(to, format))\n ? dateCalc(selected[0], rangeMaxDays, 'days')\n : to\n ? parseDate(to, format)\n : undefined,\n selected,\n onChange: handleChange,\n onFocus: isDesktop ? setFocus : undefined,\n };\n\n if (isMobile && to) months = dateDiff(today, parseDate(to, format)).months;\n\n return (\n <View className={styles(style.container, className)} data-testid={testID}>\n {isMobile && <Weekdays locale={locale} />}\n <ScrollView\n horizontal={isDesktop}\n scrollTo={scrollTo}\n className={style.scrollview}\n scrollEventThrottle={scrollEventThrottle}\n onScroll={handleScroll}\n >\n {Array.from({ length: months }, (empty, index) => (\n <Month\n data-testid={testID}\n key={index}\n onNext={isDesktop && index === months - 1 && !disabledNext ? () => handleMonth(months) : undefined}\n onPrevious={isDesktop && index === 0 && !disabledPrevious ? () => handleMonth(-months) : undefined}\n instance={new Date(instance.getFullYear(), instance.getMonth() + index, 1)} // ! TODO: calc with mirai/locale\n {...props}\n />\n ))}\n </ScrollView>\n </View>\n );\n};\n\nCalendar.displayName = 'Component:Calendar';\n\nCalendar.propTypes = {\n captions: PropTypes.shape({}),\n disabledDates: PropTypes.arrayOf(PropTypes.string),\n disabledPast: PropTypes.bool,\n format: PropTypes.string,\n from: PropTypes.string,\n highlights: PropTypes.arrayOf(PropTypes.string),\n locale: PropTypes.string,\n months: PropTypes.number,\n range: PropTypes.bool,\n rangeMaxDays: PropTypes.number,\n rangeMinDays: PropTypes.number,\n to: PropTypes.string,\n tooltips: PropTypes.shape({}),\n value: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),\n onChange: PropTypes.func,\n onFocus: PropTypes.func,\n onNavigation: PropTypes.func,\n onScroll: PropTypes.func,\n};\n"],"mappings":"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"}
|
|
@@ -56,6 +56,7 @@ var InputNumber = function InputNumber(_ref) {
|
|
|
56
56
|
value: _primitives.ICON.REMOVE
|
|
57
57
|
})), /*#__PURE__*/_react.default.createElement(_primitives.Text, {
|
|
58
58
|
headline: true,
|
|
59
|
+
tag: "span",
|
|
59
60
|
className: (0, _helpers.styles)(_InputNumberModule.default.value, disabled && _InputNumberModule.default.disabled)
|
|
60
61
|
}, typeof value === 'number' ? value : min), /*#__PURE__*/_react.default.createElement(_Button.Button, {
|
|
61
62
|
disabled: disabled || value >= max,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","rounded","step","value","onChange","others","styles","style","inputNumber","className","texts","ICON","REMOVE","ADD","displayName","propTypes","PropTypes","bool","oneOfType","string","array","number","isRequired","func"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport style from './InputNumber.module.css';\n\nconst InputNumber = ({\n disabled,\n hint,\n label,\n max,\n min = 0,\n name,\n rounded = true,\n step = 1,\n value = 0,\n onChange = () => {},\n ...others\n}) => (\n <View {...others} row className={styles(style.inputNumber, others.className)}>\n <View className={style.texts}>\n {label && (\n <Text headline level={4} className={styles(style.label, disabled && style.disabled)}>\n {label}\n </Text>\n )}\n {hint && (\n <Text small className={styles(style.hint, disabled && style.disabled)}>\n {hint}\n </Text>\n )}\n </View>\n <Button\n disabled={disabled || value <= min}\n rounded={rounded}\n secondary\n squared\n onPress={() => onChange(value - step, name)}\n >\n <Icon value={ICON.REMOVE} />\n </Button>\n <Text headline className={styles(style.value, disabled && style.disabled)}>\n {typeof value === 'number' ? value : min}\n </Text>\n <Button\n disabled={disabled || value >= max}\n rounded={rounded}\n secondary\n squared\n onPress={() => onChange(value + step, name)}\n >\n <Icon value={ICON.ADD} />\n </Button>\n </View>\n);\n\nInputNumber.displayName = 'Component:InputOption';\n\nInputNumber.propTypes = {\n disabled: PropTypes.bool,\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n label: PropTypes.string,\n max: PropTypes.number,\n min: PropTypes.number,\n name: PropTypes.string.isRequired,\n rounded: PropTypes.bool,\n step: PropTypes.number,\n value: PropTypes.number,\n onChange: PropTypes.func,\n};\n\nexport { InputNumber };\n"],"mappings":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AACA;AAA6C;AAAA;AAAA;AAAA;AAAA;AAE7C,IAAMA,WAAW,GAAG,SAAdA,WAAW;EAAA,IACfC,QAAQ,QAARA,QAAQ;IACRC,IAAI,QAAJA,IAAI;IACJC,KAAK,QAALA,KAAK;IACLC,GAAG,QAAHA,GAAG;IAAA,gBACHC,GAAG;IAAHA,GAAG,yBAAG,CAAC;IACPC,IAAI,QAAJA,IAAI;IAAA,oBACJC,OAAO;IAAPA,OAAO,6BAAG,IAAI;IAAA,iBACdC,IAAI;IAAJA,IAAI,0BAAG,CAAC;IAAA,kBACRC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAA,qBACTC,QAAQ;IAARA,QAAQ,8BAAG,YAAM,CAAC,CAAC;IAChBC,MAAM;EAAA,oBAET,6BAAC,gBAAI,eAAKA,MAAM;IAAE,GAAG;IAAC,SAAS,EAAE,IAAAC,eAAM,EAACC,0BAAK,CAACC,WAAW,EAAEH,MAAM,CAACI,SAAS;EAAE,iBAC3E,6BAAC,gBAAI;IAAC,SAAS,EAAEF,0BAAK,CAACG;EAAM,GAC1Bb,KAAK,iBACJ,6BAAC,gBAAI;IAAC,QAAQ;IAAC,KAAK,EAAE,CAAE;IAAC,SAAS,EAAE,IAAAS,eAAM,EAACC,0BAAK,CAACV,KAAK,EAAEF,QAAQ,IAAIY,0BAAK,CAACZ,QAAQ;EAAE,GACjFE,KAAK,CAET,EACAD,IAAI,iBACH,6BAAC,gBAAI;IAAC,KAAK;IAAC,SAAS,EAAE,IAAAU,eAAM,EAACC,0BAAK,CAACX,IAAI,EAAED,QAAQ,IAAIY,0BAAK,CAACZ,QAAQ;EAAE,GACnEC,IAAI,CAER,CACI,eACP,6BAAC,cAAM;IACL,QAAQ,EAAED,QAAQ,IAAIQ,KAAK,IAAIJ,GAAI;IACnC,OAAO,EAAEE,OAAQ;IACjB,SAAS;IACT,OAAO;IACP,OAAO,EAAE;MAAA,OAAMG,QAAQ,CAACD,KAAK,GAAGD,IAAI,EAAEF,IAAI,CAAC;IAAA;EAAC,gBAE5C,6BAAC,gBAAI;IAAC,KAAK,EAAEW,gBAAI,CAACC;EAAO,EAAG,CACrB,eACT,6BAAC,gBAAI;IAAC,QAAQ;IAAC,SAAS,EAAE,IAAAN,eAAM,EAACC,0BAAK,CAACJ,KAAK,EAAER,QAAQ,IAAIY,0BAAK,CAACZ,QAAQ;EAAE,
|
|
1
|
+
{"version":3,"file":"InputNumber.js","names":["InputNumber","disabled","hint","label","max","min","name","rounded","step","value","onChange","others","styles","style","inputNumber","className","texts","ICON","REMOVE","ADD","displayName","propTypes","PropTypes","bool","oneOfType","string","array","number","isRequired","func"],"sources":["../../../src/components/InputNumber/InputNumber.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport { Icon, ICON, Text, View } from '../../primitives';\nimport { Button } from '../Button';\nimport style from './InputNumber.module.css';\n\nconst InputNumber = ({\n disabled,\n hint,\n label,\n max,\n min = 0,\n name,\n rounded = true,\n step = 1,\n value = 0,\n onChange = () => {},\n ...others\n}) => (\n <View {...others} row className={styles(style.inputNumber, others.className)}>\n <View className={style.texts}>\n {label && (\n <Text headline level={4} className={styles(style.label, disabled && style.disabled)}>\n {label}\n </Text>\n )}\n {hint && (\n <Text small className={styles(style.hint, disabled && style.disabled)}>\n {hint}\n </Text>\n )}\n </View>\n <Button\n disabled={disabled || value <= min}\n rounded={rounded}\n secondary\n squared\n onPress={() => onChange(value - step, name)}\n >\n <Icon value={ICON.REMOVE} />\n </Button>\n <Text headline tag=\"span\" className={styles(style.value, disabled && style.disabled)}>\n {typeof value === 'number' ? value : min}\n </Text>\n <Button\n disabled={disabled || value >= max}\n rounded={rounded}\n secondary\n squared\n onPress={() => onChange(value + step, name)}\n >\n <Icon value={ICON.ADD} />\n </Button>\n </View>\n);\n\nInputNumber.displayName = 'Component:InputOption';\n\nInputNumber.propTypes = {\n disabled: PropTypes.bool,\n hint: PropTypes.oneOfType([PropTypes.string, PropTypes.array]),\n label: PropTypes.string,\n max: PropTypes.number,\n min: PropTypes.number,\n name: PropTypes.string.isRequired,\n rounded: PropTypes.bool,\n step: PropTypes.number,\n value: PropTypes.number,\n onChange: PropTypes.func,\n};\n\nexport { InputNumber };\n"],"mappings":"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"}
|
|
@@ -34,11 +34,11 @@ exports[`component:<InputNumber> inherit:className 1`] = `
|
|
|
34
34
|
</svg>
|
|
35
35
|
</span>
|
|
36
36
|
</button>
|
|
37
|
-
<
|
|
37
|
+
<span
|
|
38
38
|
class="text headline-3 value"
|
|
39
39
|
>
|
|
40
40
|
0
|
|
41
|
-
</
|
|
41
|
+
</span>
|
|
42
42
|
<button
|
|
43
43
|
class="pressable button rounded squared secondary"
|
|
44
44
|
>
|
|
@@ -102,11 +102,11 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
|
|
|
102
102
|
</svg>
|
|
103
103
|
</span>
|
|
104
104
|
</button>
|
|
105
|
-
<
|
|
105
|
+
<span
|
|
106
106
|
class="text headline-3 value disabled"
|
|
107
107
|
>
|
|
108
108
|
0
|
|
109
|
-
</
|
|
109
|
+
</span>
|
|
110
110
|
<button
|
|
111
111
|
class="pressable disabled button rounded squared disabled"
|
|
112
112
|
disabled=""
|
|
@@ -177,11 +177,11 @@ exports[`component:<InputNumber> prop:hint 1`] = `
|
|
|
177
177
|
</svg>
|
|
178
178
|
</span>
|
|
179
179
|
</button>
|
|
180
|
-
<
|
|
180
|
+
<span
|
|
181
181
|
class="text headline-3 value"
|
|
182
182
|
>
|
|
183
183
|
0
|
|
184
|
-
</
|
|
184
|
+
</span>
|
|
185
185
|
<button
|
|
186
186
|
class="pressable button rounded squared secondary"
|
|
187
187
|
>
|
|
@@ -251,11 +251,11 @@ exports[`component:<InputNumber> prop:label 1`] = `
|
|
|
251
251
|
</svg>
|
|
252
252
|
</span>
|
|
253
253
|
</button>
|
|
254
|
-
<
|
|
254
|
+
<span
|
|
255
255
|
class="text headline-3 value"
|
|
256
256
|
>
|
|
257
257
|
0
|
|
258
|
-
</
|
|
258
|
+
</span>
|
|
259
259
|
<button
|
|
260
260
|
class="pressable button rounded squared secondary"
|
|
261
261
|
>
|
|
@@ -318,11 +318,11 @@ exports[`component:<InputNumber> prop:max 1`] = `
|
|
|
318
318
|
</svg>
|
|
319
319
|
</span>
|
|
320
320
|
</button>
|
|
321
|
-
<
|
|
321
|
+
<span
|
|
322
322
|
class="text headline-3 value"
|
|
323
323
|
>
|
|
324
324
|
10
|
|
325
|
-
</
|
|
325
|
+
</span>
|
|
326
326
|
<button
|
|
327
327
|
class="pressable disabled button rounded squared disabled"
|
|
328
328
|
disabled=""
|
|
@@ -387,11 +387,11 @@ exports[`component:<InputNumber> prop:min 1`] = `
|
|
|
387
387
|
</svg>
|
|
388
388
|
</span>
|
|
389
389
|
</button>
|
|
390
|
-
<
|
|
390
|
+
<span
|
|
391
391
|
class="text headline-3 value"
|
|
392
392
|
>
|
|
393
393
|
10
|
|
394
|
-
</
|
|
394
|
+
</span>
|
|
395
395
|
<button
|
|
396
396
|
class="pressable button rounded squared secondary"
|
|
397
397
|
>
|
|
@@ -454,11 +454,11 @@ exports[`component:<InputNumber> prop:rounded 1`] = `
|
|
|
454
454
|
</svg>
|
|
455
455
|
</span>
|
|
456
456
|
</button>
|
|
457
|
-
<
|
|
457
|
+
<span
|
|
458
458
|
class="text headline-3 value"
|
|
459
459
|
>
|
|
460
460
|
10
|
|
461
|
-
</
|
|
461
|
+
</span>
|
|
462
462
|
<button
|
|
463
463
|
class="pressable button rounded squared secondary"
|
|
464
464
|
>
|
|
@@ -521,11 +521,11 @@ exports[`component:<InputNumber> prop:value 1`] = `
|
|
|
521
521
|
</svg>
|
|
522
522
|
</span>
|
|
523
523
|
</button>
|
|
524
|
-
<
|
|
524
|
+
<span
|
|
525
525
|
class="text headline-3 value"
|
|
526
526
|
>
|
|
527
527
|
10
|
|
528
|
-
</
|
|
528
|
+
</span>
|
|
529
529
|
<button
|
|
530
530
|
class="pressable button rounded squared secondary"
|
|
531
531
|
>
|
|
@@ -589,11 +589,11 @@ exports[`component:<InputNumber> renders 1`] = `
|
|
|
589
589
|
</svg>
|
|
590
590
|
</span>
|
|
591
591
|
</button>
|
|
592
|
-
<
|
|
592
|
+
<span
|
|
593
593
|
class="text headline-3 value"
|
|
594
594
|
>
|
|
595
595
|
0
|
|
596
|
-
</
|
|
596
|
+
</span>
|
|
597
597
|
<button
|
|
598
598
|
class="pressable button rounded squared secondary"
|
|
599
599
|
>
|
|
@@ -658,11 +658,11 @@ exports[`component:<InputNumber> testID 1`] = `
|
|
|
658
658
|
</svg>
|
|
659
659
|
</span>
|
|
660
660
|
</button>
|
|
661
|
-
<
|
|
661
|
+
<span
|
|
662
662
|
class="text headline-3 value"
|
|
663
663
|
>
|
|
664
664
|
0
|
|
665
|
-
</
|
|
665
|
+
</span>
|
|
666
666
|
<button
|
|
667
667
|
class="pressable button rounded squared secondary"
|
|
668
668
|
>
|
|
@@ -26,11 +26,10 @@ var Text = function Text(_ref) {
|
|
|
26
26
|
_ref$level = _ref.level,
|
|
27
27
|
level = _ref$level === void 0 ? 3 : _ref$level,
|
|
28
28
|
small = _ref.small,
|
|
29
|
-
|
|
30
|
-
tag = _ref$tag === void 0 ? 'span' : _ref$tag,
|
|
29
|
+
tag = _ref.tag,
|
|
31
30
|
upperCase = _ref.upperCase,
|
|
32
31
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
33
|
-
return /*#__PURE__*/_react.default.createElement(headline ? "h".concat(level) :
|
|
32
|
+
return /*#__PURE__*/_react.default.createElement(tag || (headline ? "h".concat(level) : 'span'), _objectSpread(_objectSpread({}, others), {}, {
|
|
34
33
|
className: (0, _helpers.styles)(_TextModule.default.text, bold && _TextModule.default.bold, headline ? _TextModule.default["headline-".concat(level)] : action ? _TextModule.default.action : small ? _TextModule.default.small : _TextModule.default.paragraph, upperCase && _TextModule.default.upperCase, others.className)
|
|
35
34
|
}), children);
|
|
36
35
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","names":["Text","action","bold","children","headline","level","small","tag","upperCase","others","React","createElement","className","styles","style","text","paragraph","displayName","propTypes","PropTypes","bool","oneOfType","string","number","array"],"sources":["../../../src/primitives/Text/Text.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Text.module.css';\n\nconst Text = ({ action, bold, children, headline, level = 3, small, tag
|
|
1
|
+
{"version":3,"file":"Text.js","names":["Text","action","bold","children","headline","level","small","tag","upperCase","others","React","createElement","className","styles","style","text","paragraph","displayName","propTypes","PropTypes","bool","oneOfType","string","number","array"],"sources":["../../../src/primitives/Text/Text.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../helpers';\nimport style from './Text.module.css';\n\nconst Text = ({ action, bold, children, headline, level = 3, small, tag, upperCase, ...others }) =>\n React.createElement(\n tag || (headline ? `h${level}` : 'span'),\n {\n ...others,\n className: styles(\n style.text,\n bold && style.bold,\n headline ? style[`headline-${level}`] : action ? style.action : small ? style.small : style.paragraph,\n upperCase && style.upperCase,\n others.className,\n ),\n },\n children,\n );\n\nText.displayName = 'Primitive:Text';\n\nText.propTypes = {\n action: PropTypes.bool,\n bold: PropTypes.bool,\n children: PropTypes.oneOfType([PropTypes.string, PropTypes.number, PropTypes.array]),\n headline: PropTypes.bool,\n level: PropTypes.number,\n small: PropTypes.bool,\n tag: PropTypes.string,\n upperCase: PropTypes.bool,\n};\n\nexport { Text };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AAAsC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAEtC,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IAAMC,MAAM,QAANA,MAAM;IAAEC,IAAI,QAAJA,IAAI;IAAEC,QAAQ,QAARA,QAAQ;IAAEC,QAAQ,QAARA,QAAQ;IAAA,kBAAEC,KAAK;IAALA,KAAK,2BAAG,CAAC;IAAEC,KAAK,QAALA,KAAK;IAAEC,GAAG,QAAHA,GAAG;IAAEC,SAAS,QAATA,SAAS;IAAKC,MAAM;EAAA,oBAC3FC,cAAK,CAACC,aAAa,CACjBJ,GAAG,KAAKH,QAAQ,cAAOC,KAAK,IAAK,MAAM,CAAC,kCAEnCI,MAAM;IACTG,SAAS,EAAE,IAAAC,eAAM,EACfC,mBAAK,CAACC,IAAI,EACVb,IAAI,IAAIY,mBAAK,CAACZ,IAAI,EAClBE,QAAQ,GAAGU,mBAAK,oBAAaT,KAAK,EAAG,GAAGJ,MAAM,GAAGa,mBAAK,CAACb,MAAM,GAAGK,KAAK,GAAGQ,mBAAK,CAACR,KAAK,GAAGQ,mBAAK,CAACE,SAAS,EACrGR,SAAS,IAAIM,mBAAK,CAACN,SAAS,EAC5BC,MAAM,CAACG,SAAS;EACjB,IAEHT,QAAQ,CACT;AAAA;AAAC;AAEJH,IAAI,CAACiB,WAAW,GAAG,gBAAgB;AAEnCjB,IAAI,CAACkB,SAAS,GAAG;EACfjB,MAAM,EAAEkB,kBAAS,CAACC,IAAI;EACtBlB,IAAI,EAAEiB,kBAAS,CAACC,IAAI;EACpBjB,QAAQ,EAAEgB,kBAAS,CAACE,SAAS,CAAC,CAACF,kBAAS,CAACG,MAAM,EAAEH,kBAAS,CAACI,MAAM,EAAEJ,kBAAS,CAACK,KAAK,CAAC,CAAC;EACpFpB,QAAQ,EAAEe,kBAAS,CAACC,IAAI;EACxBf,KAAK,EAAEc,kBAAS,CAACI,MAAM;EACvBjB,KAAK,EAAEa,kBAAS,CAACC,IAAI;EACrBb,GAAG,EAAEY,kBAAS,CAACG,MAAM;EACrBd,SAAS,EAAEW,kBAAS,CAACC;AACvB,CAAC"}
|