@lynx-js/genui 0.0.1 → 0.0.2
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/a2ui/dist/catalog/Button/{index.js → index.jsx} +12 -8
- package/a2ui/dist/catalog/Button/index.jsx.map +1 -0
- package/a2ui/dist/catalog/Card/{index.js → index.jsx} +5 -4
- package/a2ui/dist/catalog/Card/index.jsx.map +1 -0
- package/a2ui/dist/catalog/CheckBox/{index.js → index.jsx} +11 -6
- package/a2ui/dist/catalog/CheckBox/index.jsx.map +1 -0
- package/a2ui/dist/catalog/ChoicePicker/index.jsx +98 -0
- package/a2ui/dist/catalog/ChoicePicker/index.jsx.map +1 -0
- package/a2ui/dist/catalog/Column/{index.js → index.jsx} +10 -7
- package/a2ui/dist/catalog/Column/{index.js.map → index.jsx.map} +1 -1
- package/a2ui/dist/catalog/DateTimeInput/index.jsx +258 -0
- package/a2ui/dist/catalog/DateTimeInput/index.jsx.map +1 -0
- package/a2ui/dist/catalog/Divider/index.jsx +7 -0
- package/a2ui/dist/catalog/Divider/index.jsx.map +1 -0
- package/a2ui/dist/catalog/Icon/{index.js → index.jsx} +4 -3
- package/a2ui/dist/catalog/Icon/{index.js.map → index.jsx.map} +1 -1
- package/a2ui/dist/catalog/Image/{index.js → index.jsx} +2 -3
- package/a2ui/dist/catalog/Image/{index.js.map → index.jsx.map} +1 -1
- package/a2ui/dist/catalog/LineChart/{index.js → index.jsx} +50 -13
- package/a2ui/dist/catalog/LineChart/{index.js.map → index.jsx.map} +1 -1
- package/a2ui/dist/catalog/List/{index.js → index.jsx} +9 -6
- package/a2ui/dist/catalog/List/{index.js.map → index.jsx.map} +1 -1
- package/a2ui/dist/catalog/Modal/{index.js → index.jsx} +18 -9
- package/a2ui/dist/catalog/Modal/index.jsx.map +1 -0
- package/a2ui/dist/catalog/PieChart/{index.js → index.jsx} +41 -15
- package/a2ui/dist/catalog/PieChart/{index.js.map → index.jsx.map} +1 -1
- package/a2ui/dist/catalog/RadioGroup/{index.js → index.jsx} +18 -5
- package/a2ui/dist/catalog/RadioGroup/index.jsx.map +1 -0
- package/a2ui/dist/catalog/Row/{index.js → index.jsx} +10 -7
- package/a2ui/dist/catalog/Row/index.jsx.map +1 -0
- package/a2ui/dist/catalog/Slider/{index.js → index.jsx} +22 -7
- package/a2ui/dist/catalog/Slider/{index.js.map → index.jsx.map} +1 -1
- package/a2ui/dist/catalog/Tabs/index.jsx +40 -0
- package/a2ui/dist/catalog/Tabs/index.jsx.map +1 -0
- package/a2ui/dist/catalog/Text/catalog.json +6 -2
- package/a2ui/dist/catalog/Text/index.d.ts +1 -1
- package/a2ui/dist/catalog/Text/index.jsx +16 -0
- package/a2ui/dist/catalog/Text/index.jsx.map +1 -0
- package/a2ui/dist/catalog/TextField/{index.js → index.jsx} +8 -5
- package/a2ui/dist/catalog/TextField/{index.js.map → index.jsx.map} +1 -1
- package/a2ui/dist/catalog/index.d.ts +19 -19
- package/a2ui/dist/catalog/index.js +25 -21
- package/a2ui/dist/catalog/index.js.map +1 -1
- package/a2ui/dist/react/A2UI.d.ts +1 -1
- package/a2ui/dist/react/{A2UI.js → A2UI.jsx} +6 -5
- package/a2ui/dist/react/{A2UI.js.map → A2UI.jsx.map} +1 -1
- package/a2ui/dist/react/{A2UIProvider.js → A2UIProvider.jsx} +2 -3
- package/a2ui/dist/react/{A2UIProvider.js.map → A2UIProvider.jsx.map} +1 -1
- package/a2ui/dist/react/{A2UIRenderer.js → A2UIRenderer.jsx} +33 -23
- package/a2ui/dist/react/A2UIRenderer.jsx.map +1 -0
- package/a2ui/dist/react/index.d.ts +3 -3
- package/a2ui/dist/react/index.js +2 -2
- package/a2ui/dist/react/index.js.map +1 -1
- package/a2ui/dist/react/useA2UIContext.d.ts +1 -1
- package/a2ui/dist/react/useA2UIContext.js +1 -1
- package/a2ui/dist/react/useA2UIContext.js.map +1 -1
- package/a2ui/dist/tsconfig.build.tsbuildinfo +1 -1
- package/a2ui/styles/catalog/Modal.css +1 -0
- package/a2ui/styles/catalog/Text.css +2 -6
- package/a2ui-prompt/dist/index.js +101 -101
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +4 -4
- package/a2ui/dist/catalog/Button/index.js.map +0 -1
- package/a2ui/dist/catalog/Card/index.js.map +0 -1
- package/a2ui/dist/catalog/CheckBox/index.js.map +0 -1
- package/a2ui/dist/catalog/ChoicePicker/index.js +0 -66
- package/a2ui/dist/catalog/ChoicePicker/index.js.map +0 -1
- package/a2ui/dist/catalog/DateTimeInput/index.js +0 -147
- package/a2ui/dist/catalog/DateTimeInput/index.js.map +0 -1
- package/a2ui/dist/catalog/Divider/index.js +0 -8
- package/a2ui/dist/catalog/Divider/index.js.map +0 -1
- package/a2ui/dist/catalog/Modal/index.js.map +0 -1
- package/a2ui/dist/catalog/RadioGroup/index.js.map +0 -1
- package/a2ui/dist/catalog/Row/index.js.map +0 -1
- package/a2ui/dist/catalog/Tabs/index.js +0 -32
- package/a2ui/dist/catalog/Tabs/index.js.map +0 -1
- package/a2ui/dist/catalog/Text/index.js +0 -27
- package/a2ui/dist/catalog/Text/index.js.map +0 -1
- package/a2ui/dist/react/A2UIRenderer.js.map +0 -1
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@lynx-js/react/jsx-runtime";
|
|
2
1
|
// Copyright 2026 The Lynx Authors. All rights reserved.
|
|
3
2
|
// Licensed under the Apache License Version 2.0 that can be found in the
|
|
4
3
|
// LICENSE file in the root directory of this source tree.
|
|
5
|
-
import { A2UIRenderer } from '../../react/A2UIRenderer.
|
|
4
|
+
import { A2UIRenderer } from '../../react/A2UIRenderer.jsx';
|
|
6
5
|
import { useChecks } from '../../react/useChecks.js';
|
|
7
6
|
import '../../../styles/catalog/Button.css';
|
|
8
7
|
export function Button(props) {
|
|
@@ -26,10 +25,15 @@ export function Button(props) {
|
|
|
26
25
|
const childResource = child
|
|
27
26
|
? surface.resources.get(child)
|
|
28
27
|
: undefined;
|
|
29
|
-
return (
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
28
|
+
return (<>
|
|
29
|
+
<view className={`button button-${variant}${isValid ? '' : ' button-disabled'}${ok ? '' : ' button-invalid'}`} bindtap={enabled ? handleClick : undefined}>
|
|
30
|
+
{childResource
|
|
31
|
+
? <A2UIRenderer resource={childResource}/>
|
|
32
|
+
: <text className='button-fallback'>Button</text>}
|
|
33
|
+
</view>
|
|
34
|
+
{!ok && firstFailureMessage
|
|
35
|
+
? <text className='button-error'>{firstFailureMessage}</text>
|
|
36
|
+
: null}
|
|
37
|
+
</>);
|
|
34
38
|
}
|
|
35
|
-
//# sourceMappingURL=index.
|
|
39
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/Button/index.tsx"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAIrD,OAAO,oCAAoC,CAAC;AA+C5C,MAAM,UAAU,MAAM,CACpB,KAAkB;IAElB,MAAM,EACJ,MAAM,EACN,KAAK,EACL,EAAE,EACF,OAAO,GAAG,IAAI,EACd,OAAO,EACP,UAAU,EACV,OAAO,GAAG,SAAS,EACnB,eAAe,GAChB,GAAG,KAAK,CAAC;IACV,MAAM,MAAM,GAAG,KAAK,CAAC,MAAiC,CAAC;IACvD,MAAM,EAAE,EAAE,EAAE,mBAAmB,EAAE,GAAG,SAAS,CAAC;QAC5C,MAAM;QACN,WAAW,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO;QACP,eAAe;KAChB,CAAC,CAAC;IAEH,sEAAsE;IACtE,yEAAyE;IACzE,qCAAqC;IACrC,MAAM,OAAO,GAAG,OAAO,IAAI,EAAE,CAAC;IAE9B,MAAM,WAAW,GAAG,GAAG,EAAE;QACvB,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC;YACtB,KAAK,UAAU,EAAE,CAAC,MAAiC,CAAC,CAAC;QACvD,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,aAAa,GAAG,KAAK;QACzB,CAAC,CAAC,OAAO,CAAC,SAAS,CAAC,GAAG,CAAC,KAAK,CAAC;QAC9B,CAAC,CAAC,SAAS,CAAC;IAEd,OAAO,CACL,EACE;MAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,iBAAiB,OAAO,GACjC,OAAO,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,kBACjB,GAAG,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC,CACjC,OAAO,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,SAAS,CAAC,CAE3C;QAAA,CAAC,aAAa;YACZ,CAAC,CAAC,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC,aAAa,CAAC,EAAG;YAC3C,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,iBAAiB,CAAC,MAAM,EAAE,IAAI,CAAC,CACrD;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,CAAC,EAAE,IAAI,mBAAmB;YACzB,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC,mBAAmB,CAAC,EAAE,IAAI,CAAC;YAC7D,CAAC,CAAC,IAAI,CACV;IAAA,GAAG,CACJ,CAAC;AACJ,CAAC"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx } from "@lynx-js/react/jsx-runtime";
|
|
2
1
|
// Copyright 2026 The Lynx Authors. All rights reserved.
|
|
3
2
|
// Licensed under the Apache License Version 2.0 that can be found in the
|
|
4
3
|
// LICENSE file in the root directory of this source tree.
|
|
5
|
-
import { NodeRenderer } from '../../react/A2UIRenderer.
|
|
4
|
+
import { NodeRenderer } from '../../react/A2UIRenderer.jsx';
|
|
6
5
|
import '../../../styles/catalog/Card.css';
|
|
7
6
|
export function Card(props) {
|
|
8
7
|
const { child: childId, surface, dataContextPath } = props;
|
|
@@ -14,6 +13,8 @@ export function Card(props) {
|
|
|
14
13
|
const weightClass = typeof props.weight === 'number'
|
|
15
14
|
? 'card-weighted'
|
|
16
15
|
: '';
|
|
17
|
-
return (
|
|
16
|
+
return (<view className={`card card-${variant} ${weightClass}`.trim()}>
|
|
17
|
+
{childWithContext && (<NodeRenderer component={childWithContext} surface={surface}/>)}
|
|
18
|
+
</view>);
|
|
18
19
|
}
|
|
19
|
-
//# sourceMappingURL=index.
|
|
20
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/Card/index.tsx"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAG5D,OAAO,kCAAkC,CAAC;AAW1C,MAAM,UAAU,IAAI,CAAC,KAAgB;IACnC,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,cAAc,GAAG,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IACvD,MAAM,gBAAgB,GAAG,cAAc,IAAI,eAAe;QACxD,CAAC,CAAC,EAAE,GAAG,cAAc,EAAE,eAAe,EAAE;QACxC,CAAC,CAAC,cAAc,CAAC;IACnB,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,UAAU,CAAC;IAC5C,MAAM,WAAW,GAAG,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ;QAClD,CAAC,CAAC,eAAe;QACjB,CAAC,CAAC,EAAE,CAAC;IAEP,OAAO,CACL,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,aAAa,OAAO,IAAI,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,CAC5D;MAAA,CAAC,gBAAgB,IAAI,CACnB,CAAC,YAAY,CAAC,SAAS,CAAC,CAAC,gBAAgB,CAAC,CAAC,OAAO,CAAC,CAAC,OAAO,CAAC,EAAG,CAChE,CACH;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "@lynx-js/react/jsx-runtime";
|
|
2
1
|
// Copyright 2026 The Lynx Authors. All rights reserved.
|
|
3
2
|
// Licensed under the Apache License Version 2.0 that can be found in the
|
|
4
3
|
// LICENSE file in the root directory of this source tree.
|
|
@@ -16,9 +15,15 @@ export function CheckBox(props) {
|
|
|
16
15
|
const handleChange = () => {
|
|
17
16
|
setValue?.('value', !value);
|
|
18
17
|
};
|
|
19
|
-
return (
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
18
|
+
return (<view key={id} className={`checkbox-row${ok ? '' : ' checkbox-row-invalid'}`} bindtap={handleChange}>
|
|
19
|
+
<view className={`checkbox-input ${value ? 'checkbox-input-checked' : ''}`
|
|
20
|
+
.trim()}>
|
|
21
|
+
{!!value && <text>✓</text>}
|
|
22
|
+
</view>
|
|
23
|
+
<text className='checkbox-label'>{label}</text>
|
|
24
|
+
{!ok && firstFailureMessage
|
|
25
|
+
? <text className='checkbox-error'>{firstFailureMessage}</text>
|
|
26
|
+
: null}
|
|
27
|
+
</view>);
|
|
23
28
|
}
|
|
24
|
-
//# sourceMappingURL=index.
|
|
29
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/CheckBox/index.tsx"],"names":[],"mappings":"AAAA,wDAAwD;AACxD,yEAAyE;AACzE,0DAA0D;AAC1D,OAAO,EAAE,SAAS,EAAE,MAAM,0BAA0B,CAAC;AAIrD,OAAO,sCAAsC,CAAC;AA+C9C,MAAM,UAAU,QAAQ,CACtB,KAAoB;IAEpB,MAAM,EACJ,EAAE,EACF,KAAK,GAAG,UAAU,EAClB,KAAK,EACL,QAAQ,EACR,OAAO,EACP,eAAe,GAChB,GAAG,KAAK,CAAC;IACV,MAAM,MAAM,GAAG,KAAK,CAAC,MAAiC,CAAC;IAEvD,MAAM,EAAE,EAAE,EAAE,mBAAmB,EAAE,GAAG,SAAS,CAAC;QAC5C,MAAM;QACN,WAAW,EAAE,EAAE,IAAI,EAAE;QACrB,OAAO;QACP,eAAe;KAChB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,GAAG,EAAE;QACxB,QAAQ,EAAE,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC;IAC9B,CAAC,CAAC;IAEF,OAAO,CACL,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,EAAE,CAAC,CACR,SAAS,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,uBAAuB,EAAE,CAAC,CAC9D,OAAO,CAAC,CAAC,YAAY,CAAC,CAEtB;MAAA,CAAC,IAAI,CACH,SAAS,CAAC,CAAC,kBAAkB,KAAK,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,EAAE;aACjE,IAAI,EAAE,CAAC,CAEV;QAAA,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE,IAAI,CAAC,CAC5B;MAAA,EAAE,IAAI,CACN;MAAA,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,KAAe,CAAC,EAAE,IAAI,CACxD;MAAA,CAAC,CAAC,EAAE,IAAI,mBAAmB;YACzB,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,mBAAmB,CAAC,EAAE,IAAI,CAAC;YAC/D,CAAC,CAAC,IAAI,CACV;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -0,0 +1,98 @@
|
|
|
1
|
+
// Copyright 2026 The Lynx Authors. All rights reserved.
|
|
2
|
+
// Licensed under the Apache License Version 2.0 that can be found in the
|
|
3
|
+
// LICENSE file in the root directory of this source tree.
|
|
4
|
+
import { Checkbox, CheckboxIndicator, Input, Radio, RadioGroupRoot, RadioIndicator, } from '@lynx-js/lynx-ui';
|
|
5
|
+
import { useState } from '@lynx-js/react';
|
|
6
|
+
import { filterChoicePickerOptions, normalizeChoicePickerDisplayStyle, normalizeChoicePickerLabel, normalizeChoicePickerOptions, normalizeChoicePickerValue, normalizeChoicePickerVariant, toggleChoicePickerValue, } from './utils.js';
|
|
7
|
+
import { useChecks } from '../../react/useChecks.js';
|
|
8
|
+
import '../../../styles/catalog/ChoicePicker.css';
|
|
9
|
+
const HitSlop = {
|
|
10
|
+
'hit-slop': {
|
|
11
|
+
top: '8px',
|
|
12
|
+
left: '8px',
|
|
13
|
+
right: '8px',
|
|
14
|
+
bottom: '8px',
|
|
15
|
+
},
|
|
16
|
+
};
|
|
17
|
+
export function ChoicePicker(props) {
|
|
18
|
+
const { dataContextPath, filterable = false, id, label, setValue, surface, } = props;
|
|
19
|
+
const [query, setQuery] = useState('');
|
|
20
|
+
const options = normalizeChoicePickerOptions(props.options);
|
|
21
|
+
const variant = normalizeChoicePickerVariant(props.variant);
|
|
22
|
+
const displayStyle = normalizeChoicePickerDisplayStyle(props.displayStyle);
|
|
23
|
+
const selectedValues = normalizeChoicePickerValue(props.value, options);
|
|
24
|
+
const selectedValue = selectedValues[0] ?? '';
|
|
25
|
+
const visibleOptions = filterChoicePickerOptions(options, query);
|
|
26
|
+
const checks = props.checks;
|
|
27
|
+
const { ok, firstFailureMessage } = useChecks({
|
|
28
|
+
checks,
|
|
29
|
+
componentId: id ?? '',
|
|
30
|
+
surface,
|
|
31
|
+
dataContextPath,
|
|
32
|
+
});
|
|
33
|
+
const handleExclusiveChange = (nextValue) => {
|
|
34
|
+
if (!nextValue || selectedValue === nextValue)
|
|
35
|
+
return;
|
|
36
|
+
setValue?.('value', [nextValue]);
|
|
37
|
+
};
|
|
38
|
+
const handleMultipleChange = (optionValue) => {
|
|
39
|
+
setValue?.('value', toggleChoicePickerValue(selectedValues, optionValue, variant));
|
|
40
|
+
};
|
|
41
|
+
const rootClassName = [
|
|
42
|
+
'choice-picker',
|
|
43
|
+
`choice-picker-${displayStyle}`,
|
|
44
|
+
`choice-picker-${variant}`,
|
|
45
|
+
ok ? '' : 'choice-picker-invalid',
|
|
46
|
+
].filter(Boolean).join(' ');
|
|
47
|
+
const labelText = normalizeChoicePickerLabel(label);
|
|
48
|
+
return (<view key={id} className={rootClassName}>
|
|
49
|
+
{labelText
|
|
50
|
+
? <text className='choice-picker-label'>{labelText}</text>
|
|
51
|
+
: null}
|
|
52
|
+
{filterable
|
|
53
|
+
? (<Input className='choice-picker-filter' value={query} type='text' confirmType='done' onInput={setQuery}/>)
|
|
54
|
+
: null}
|
|
55
|
+
{variant === 'mutuallyExclusive'
|
|
56
|
+
? (<RadioGroupRoot value={selectedValue} onValueChange={handleExclusiveChange}>
|
|
57
|
+
<view className='choice-picker-options'>
|
|
58
|
+
{visibleOptions.map((option) => displayStyle === 'chips'
|
|
59
|
+
? (<Radio key={option.value} className='choice-picker-chip' value={option.value} radioProps={HitSlop}>
|
|
60
|
+
<text className='choice-picker-chip-text'>
|
|
61
|
+
{option.label}
|
|
62
|
+
</text>
|
|
63
|
+
</Radio>)
|
|
64
|
+
: (<Radio key={option.value} className='choice-picker-option' value={option.value} radioProps={HitSlop}>
|
|
65
|
+
<RadioIndicator forceMount className='choice-picker-radio-indicator'>
|
|
66
|
+
<view className='choice-picker-radio-dot'/>
|
|
67
|
+
</RadioIndicator>
|
|
68
|
+
<text className='choice-picker-option-text'>
|
|
69
|
+
{option.label}
|
|
70
|
+
</text>
|
|
71
|
+
</Radio>))}
|
|
72
|
+
</view>
|
|
73
|
+
</RadioGroupRoot>)
|
|
74
|
+
: (<view className='choice-picker-options'>
|
|
75
|
+
{visibleOptions.map((option) => {
|
|
76
|
+
const checked = selectedValues.includes(option.value);
|
|
77
|
+
return displayStyle === 'chips'
|
|
78
|
+
? (<Checkbox key={option.value} className='choice-picker-chip' checked={checked} onChange={() => handleMultipleChange(option.value)} checkboxProps={HitSlop}>
|
|
79
|
+
<text className='choice-picker-chip-text'>
|
|
80
|
+
{option.label}
|
|
81
|
+
</text>
|
|
82
|
+
</Checkbox>)
|
|
83
|
+
: (<Checkbox key={option.value} className='choice-picker-option' checked={checked} onChange={() => handleMultipleChange(option.value)} checkboxProps={HitSlop}>
|
|
84
|
+
<CheckboxIndicator forceMount className='choice-picker-checkbox-indicator'>
|
|
85
|
+
<text className='choice-picker-checkmark'>✓</text>
|
|
86
|
+
</CheckboxIndicator>
|
|
87
|
+
<text className='choice-picker-option-text'>
|
|
88
|
+
{option.label}
|
|
89
|
+
</text>
|
|
90
|
+
</Checkbox>);
|
|
91
|
+
})}
|
|
92
|
+
</view>)}
|
|
93
|
+
{!ok && firstFailureMessage
|
|
94
|
+
? <text className='choice-picker-error'>{firstFailureMessage}</text>
|
|
95
|
+
: null}
|
|
96
|
+
</view>);
|
|
97
|
+
}
|
|
98
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/ChoicePicker/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,7 @@
|
|
|
1
|
-
import { jsx as _jsx } from "@lynx-js/react/jsx-runtime";
|
|
2
1
|
// Copyright 2026 The Lynx Authors. All rights reserved.
|
|
3
2
|
// Licensed under the Apache License Version 2.0 that can be found in the
|
|
4
3
|
// LICENSE file in the root directory of this source tree.
|
|
5
|
-
import { NodeRenderer } from '../../react/A2UIRenderer.
|
|
4
|
+
import { NodeRenderer } from '../../react/A2UIRenderer.jsx';
|
|
6
5
|
import { useDataBinding } from '../../react/useDataBinding.js';
|
|
7
6
|
import '../../../styles/catalog/Column.css';
|
|
8
7
|
const buildChild = (surface, childId, dataContextPath, childPath, key = childId) => {
|
|
@@ -38,14 +37,18 @@ export function Column(props) {
|
|
|
38
37
|
const itemPath = `${fullPath}/${index}`;
|
|
39
38
|
return buildChild(surface, template?.componentId ?? '', dataContextPath, itemPath, key);
|
|
40
39
|
});
|
|
41
|
-
return (
|
|
40
|
+
return (<view className={`column alignment-${align} distribution-${justify}`}>
|
|
41
|
+
{childList.map((item) => {
|
|
42
42
|
if (!item)
|
|
43
43
|
return null;
|
|
44
44
|
const weight = item.component.weight;
|
|
45
45
|
if (typeof weight === 'number' && weight > 0) {
|
|
46
|
-
return (
|
|
46
|
+
return (<view key={item.key} className={`column-weighted-item column-weighted-item-${weight}`} style={{ flex: `${weight} ${weight} 0`, minHeight: 0 }}>
|
|
47
|
+
<NodeRenderer component={item.component} surface={surface}/>
|
|
48
|
+
</view>);
|
|
47
49
|
}
|
|
48
|
-
return (
|
|
49
|
-
})
|
|
50
|
+
return (<NodeRenderer key={item.key} component={item.component} surface={surface}/>);
|
|
51
|
+
})}
|
|
52
|
+
</view>);
|
|
50
53
|
}
|
|
51
|
-
//# sourceMappingURL=index.
|
|
54
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/Column/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,258 @@
|
|
|
1
|
+
// Copyright 2026 The Lynx Authors. All rights reserved.
|
|
2
|
+
// Licensed under the Apache License Version 2.0 that can be found in the
|
|
3
|
+
// LICENSE file in the root directory of this source tree.
|
|
4
|
+
import { DialogBackdrop, DialogContent, DialogRoot, DialogView, } from '@lynx-js/lynx-ui';
|
|
5
|
+
import { useEffect, useState } from '@lynx-js/react';
|
|
6
|
+
import { addMonths, buildDateTimeMonthPage, dateTimePartsToDate, formatDateTimeInputValue, getDateTimeDialogTitle, getDateTimeInputPlaceholder, getDefaultDateTimeParts, getWeekdayLabels, incrementDateTimePart, isDateTimeAfterMax, isDateTimeBeforeMin, normalizeDateTimeInputLabel, normalizeDateTimeInputMode, normalizeDateTimeInputValue, startOfMonth, withDate, } from './utils.js';
|
|
7
|
+
import { useChecks } from '../../react/useChecks.js';
|
|
8
|
+
import '../../../styles/catalog/DateTimeInput.css';
|
|
9
|
+
const MONTH_LABELS = [
|
|
10
|
+
'January',
|
|
11
|
+
'February',
|
|
12
|
+
'March',
|
|
13
|
+
'April',
|
|
14
|
+
'May',
|
|
15
|
+
'June',
|
|
16
|
+
'July',
|
|
17
|
+
'August',
|
|
18
|
+
'September',
|
|
19
|
+
'October',
|
|
20
|
+
'November',
|
|
21
|
+
'December',
|
|
22
|
+
];
|
|
23
|
+
function formatMonthCaption(month) {
|
|
24
|
+
return `${MONTH_LABELS[month.getMonth()]} ${month.getFullYear()}`;
|
|
25
|
+
}
|
|
26
|
+
function joinClassNames(values) {
|
|
27
|
+
return values.filter(Boolean).join(' ');
|
|
28
|
+
}
|
|
29
|
+
function getPartsKey(parts) {
|
|
30
|
+
return parts
|
|
31
|
+
? formatDateTimeInputValue(parts, 'YYYY-MM-DD HH:mm', { enableDate: true, enableTime: true })
|
|
32
|
+
: '';
|
|
33
|
+
}
|
|
34
|
+
export function DateTimeInput(props) {
|
|
35
|
+
const { dataContextPath, id, label, max, min, outputFormat, setValue, surface, } = props;
|
|
36
|
+
const mode = normalizeDateTimeInputMode(props.enableDate, props.enableTime);
|
|
37
|
+
const valueParts = normalizeDateTimeInputValue(props.value);
|
|
38
|
+
const minParts = normalizeDateTimeInputValue(min);
|
|
39
|
+
const maxParts = normalizeDateTimeInputValue(max);
|
|
40
|
+
const valueKey = getPartsKey(valueParts);
|
|
41
|
+
const initialParts = valueParts ?? getDefaultDateTimeParts();
|
|
42
|
+
const [open, setOpen] = useState(false);
|
|
43
|
+
const [draftParts, setDraftParts] = useState(initialParts);
|
|
44
|
+
const [visibleMonth, setVisibleMonth] = useState(startOfMonth(dateTimePartsToDate(initialParts)));
|
|
45
|
+
const checks = props.checks;
|
|
46
|
+
const { ok, firstFailureMessage } = useChecks({
|
|
47
|
+
checks,
|
|
48
|
+
componentId: id ?? '',
|
|
49
|
+
surface,
|
|
50
|
+
dataContextPath,
|
|
51
|
+
});
|
|
52
|
+
useEffect(() => {
|
|
53
|
+
if (open)
|
|
54
|
+
return undefined;
|
|
55
|
+
const nextParts = valueParts ?? getDefaultDateTimeParts();
|
|
56
|
+
setDraftParts(nextParts);
|
|
57
|
+
setVisibleMonth(startOfMonth(dateTimePartsToDate(nextParts)));
|
|
58
|
+
return undefined;
|
|
59
|
+
}, [open, valueKey]);
|
|
60
|
+
const minDate = minParts ? dateTimePartsToDate(minParts) : null;
|
|
61
|
+
const maxDate = maxParts ? dateTimePartsToDate(maxParts) : null;
|
|
62
|
+
const draftDate = dateTimePartsToDate(draftParts);
|
|
63
|
+
const monthPage = buildDateTimeMonthPage({
|
|
64
|
+
month: visibleMonth,
|
|
65
|
+
selectedDate: draftDate,
|
|
66
|
+
today: new Date(),
|
|
67
|
+
minDate,
|
|
68
|
+
maxDate,
|
|
69
|
+
});
|
|
70
|
+
const weekdayLabels = getWeekdayLabels();
|
|
71
|
+
const draftOutOfRange = isDateTimeBeforeMin(draftParts, minParts)
|
|
72
|
+
|| isDateTimeAfterMax(draftParts, maxParts);
|
|
73
|
+
const currentOutOfRange = valueParts
|
|
74
|
+
? isDateTimeBeforeMin(valueParts, minParts)
|
|
75
|
+
|| isDateTimeAfterMax(valueParts, maxParts)
|
|
76
|
+
: false;
|
|
77
|
+
const invalid = !ok || currentOutOfRange;
|
|
78
|
+
const labelText = normalizeDateTimeInputLabel(label);
|
|
79
|
+
const displayValue = valueParts
|
|
80
|
+
? formatDateTimeInputValue(valueParts, outputFormat, mode)
|
|
81
|
+
: getDateTimeInputPlaceholder(mode);
|
|
82
|
+
const handleOpen = () => {
|
|
83
|
+
const nextParts = valueParts ?? draftParts ?? getDefaultDateTimeParts();
|
|
84
|
+
setDraftParts(nextParts);
|
|
85
|
+
setVisibleMonth(startOfMonth(dateTimePartsToDate(nextParts)));
|
|
86
|
+
setOpen(true);
|
|
87
|
+
};
|
|
88
|
+
const handleCancel = () => {
|
|
89
|
+
setOpen(false);
|
|
90
|
+
};
|
|
91
|
+
const handleConfirm = () => {
|
|
92
|
+
if (draftOutOfRange)
|
|
93
|
+
return;
|
|
94
|
+
setValue?.('value', formatDateTimeInputValue(draftParts, outputFormat, mode));
|
|
95
|
+
setOpen(false);
|
|
96
|
+
};
|
|
97
|
+
const handlePreviousMonth = () => {
|
|
98
|
+
setVisibleMonth(addMonths(visibleMonth, -1));
|
|
99
|
+
};
|
|
100
|
+
const handleNextMonth = () => {
|
|
101
|
+
setVisibleMonth(addMonths(visibleMonth, 1));
|
|
102
|
+
};
|
|
103
|
+
const handleTimeStep = (part, delta) => {
|
|
104
|
+
setDraftParts((current) => incrementDateTimePart(current, part, delta));
|
|
105
|
+
};
|
|
106
|
+
const rootClassName = joinClassNames([
|
|
107
|
+
'datetime-input',
|
|
108
|
+
invalid && 'datetime-input-invalid',
|
|
109
|
+
]);
|
|
110
|
+
return (<view key={id} className={rootClassName}>
|
|
111
|
+
{labelText
|
|
112
|
+
? <text className='datetime-input-label'>{labelText}</text>
|
|
113
|
+
: null}
|
|
114
|
+
<view className={joinClassNames([
|
|
115
|
+
'datetime-input-control',
|
|
116
|
+
!valueParts && 'datetime-input-control-placeholder',
|
|
117
|
+
])} bindtap={handleOpen} event-through={false}>
|
|
118
|
+
<text className='datetime-input-value'>{displayValue}</text>
|
|
119
|
+
<text className='datetime-input-icon'>calendar_today</text>
|
|
120
|
+
</view>
|
|
121
|
+
{invalid && firstFailureMessage
|
|
122
|
+
? <text className='datetime-input-error'>{firstFailureMessage}</text>
|
|
123
|
+
: null}
|
|
124
|
+
{currentOutOfRange
|
|
125
|
+
? <text className='datetime-input-error'>Date is out of range</text>
|
|
126
|
+
: null}
|
|
127
|
+
|
|
128
|
+
<DialogRoot show={open} onShowChange={(nextOpen) => {
|
|
129
|
+
setOpen(nextOpen);
|
|
130
|
+
}}>
|
|
131
|
+
<DialogView className='datetime-dialog-view' overlayLevel={4}>
|
|
132
|
+
<DialogBackdrop className='datetime-dialog-backdrop' clickToClose={true} transition={true}/>
|
|
133
|
+
<DialogContent className='datetime-dialog-content' transition={true}>
|
|
134
|
+
<view className='datetime-dialog-header'>
|
|
135
|
+
<text className='datetime-dialog-title'>
|
|
136
|
+
{getDateTimeDialogTitle(labelText, mode)}
|
|
137
|
+
</text>
|
|
138
|
+
<view className='datetime-dialog-close' bindtap={handleCancel} event-through={false}>
|
|
139
|
+
<text className='datetime-dialog-close-icon'>close</text>
|
|
140
|
+
</view>
|
|
141
|
+
</view>
|
|
142
|
+
|
|
143
|
+
{mode.enableDate
|
|
144
|
+
? (<view className='datetime-calendar'>
|
|
145
|
+
<view className='datetime-calendar-header'>
|
|
146
|
+
<view className='datetime-calendar-nav' bindtap={handlePreviousMonth} event-through={false}>
|
|
147
|
+
<text className='datetime-calendar-nav-icon'>
|
|
148
|
+
chevron_left
|
|
149
|
+
</text>
|
|
150
|
+
</view>
|
|
151
|
+
<text className='datetime-calendar-caption'>
|
|
152
|
+
{formatMonthCaption(visibleMonth)}
|
|
153
|
+
</text>
|
|
154
|
+
<view className='datetime-calendar-nav' bindtap={handleNextMonth} event-through={false}>
|
|
155
|
+
<text className='datetime-calendar-nav-icon'>
|
|
156
|
+
chevron_right
|
|
157
|
+
</text>
|
|
158
|
+
</view>
|
|
159
|
+
</view>
|
|
160
|
+
|
|
161
|
+
<view className='datetime-weekdays'>
|
|
162
|
+
{weekdayLabels.map((weekday, weekdayIndex) => (<view key={weekdayIndex} className='datetime-weekday'>
|
|
163
|
+
<text className='datetime-weekday-text'>
|
|
164
|
+
{weekday}
|
|
165
|
+
</text>
|
|
166
|
+
</view>))}
|
|
167
|
+
</view>
|
|
168
|
+
|
|
169
|
+
<view className='datetime-month'>
|
|
170
|
+
{monthPage.days.map((day, dayIndex) => (<view key={dayIndex} className={joinClassNames([
|
|
171
|
+
'datetime-day',
|
|
172
|
+
day.outside && 'datetime-day-outside',
|
|
173
|
+
day.selected && 'datetime-day-selected',
|
|
174
|
+
day.today && 'datetime-day-today',
|
|
175
|
+
day.disabled && 'datetime-day-disabled',
|
|
176
|
+
])} bindtap={() => {
|
|
177
|
+
if (day.disabled)
|
|
178
|
+
return;
|
|
179
|
+
setDraftParts((current) => withDate(current, day.date));
|
|
180
|
+
if (day.outside) {
|
|
181
|
+
setVisibleMonth(startOfMonth(day.date));
|
|
182
|
+
}
|
|
183
|
+
}} event-through={false}>
|
|
184
|
+
<text className='datetime-day-text'>
|
|
185
|
+
{String(day.day)}
|
|
186
|
+
</text>
|
|
187
|
+
</view>))}
|
|
188
|
+
</view>
|
|
189
|
+
</view>)
|
|
190
|
+
: null}
|
|
191
|
+
|
|
192
|
+
{mode.enableTime
|
|
193
|
+
? (<view className='datetime-time'>
|
|
194
|
+
<text className='datetime-time-label'>Time</text>
|
|
195
|
+
<view className='datetime-time-fields'>
|
|
196
|
+
<view className='datetime-time-field'>
|
|
197
|
+
<view className='datetime-time-stepper' bindtap={() => handleTimeStep('hour', 1)} event-through={false}>
|
|
198
|
+
<text className='datetime-time-stepper-icon'>
|
|
199
|
+
expand_less
|
|
200
|
+
</text>
|
|
201
|
+
</view>
|
|
202
|
+
<text className='datetime-time-value'>
|
|
203
|
+
{String(draftParts.hour).padStart(2, '0')}
|
|
204
|
+
</text>
|
|
205
|
+
<view className='datetime-time-stepper' bindtap={() => handleTimeStep('hour', -1)} event-through={false}>
|
|
206
|
+
<text className='datetime-time-stepper-icon'>
|
|
207
|
+
expand_more
|
|
208
|
+
</text>
|
|
209
|
+
</view>
|
|
210
|
+
</view>
|
|
211
|
+
<text className='datetime-time-separator'>:</text>
|
|
212
|
+
<view className='datetime-time-field'>
|
|
213
|
+
<view className='datetime-time-stepper' bindtap={() => handleTimeStep('minute', 1)} event-through={false}>
|
|
214
|
+
<text className='datetime-time-stepper-icon'>
|
|
215
|
+
expand_less
|
|
216
|
+
</text>
|
|
217
|
+
</view>
|
|
218
|
+
<text className='datetime-time-value'>
|
|
219
|
+
{String(draftParts.minute).padStart(2, '0')}
|
|
220
|
+
</text>
|
|
221
|
+
<view className='datetime-time-stepper' bindtap={() => handleTimeStep('minute', -1)} event-through={false}>
|
|
222
|
+
<text className='datetime-time-stepper-icon'>
|
|
223
|
+
expand_more
|
|
224
|
+
</text>
|
|
225
|
+
</view>
|
|
226
|
+
</view>
|
|
227
|
+
</view>
|
|
228
|
+
</view>)
|
|
229
|
+
: null}
|
|
230
|
+
|
|
231
|
+
{draftOutOfRange
|
|
232
|
+
? (<text className='datetime-dialog-error'>
|
|
233
|
+
Date is out of range
|
|
234
|
+
</text>)
|
|
235
|
+
: null}
|
|
236
|
+
|
|
237
|
+
<view className='datetime-dialog-actions'>
|
|
238
|
+
<view className='datetime-dialog-button datetime-dialog-button-secondary' bindtap={handleCancel} event-through={false}>
|
|
239
|
+
<text className='datetime-dialog-button-text-secondary'>
|
|
240
|
+
Cancel
|
|
241
|
+
</text>
|
|
242
|
+
</view>
|
|
243
|
+
<view className={joinClassNames([
|
|
244
|
+
'datetime-dialog-button',
|
|
245
|
+
'datetime-dialog-button-primary',
|
|
246
|
+
draftOutOfRange && 'datetime-dialog-button-disabled',
|
|
247
|
+
])} bindtap={handleConfirm} event-through={false}>
|
|
248
|
+
<text className='datetime-dialog-button-text-primary'>
|
|
249
|
+
Done
|
|
250
|
+
</text>
|
|
251
|
+
</view>
|
|
252
|
+
</view>
|
|
253
|
+
</DialogContent>
|
|
254
|
+
</DialogView>
|
|
255
|
+
</DialogRoot>
|
|
256
|
+
</view>);
|
|
257
|
+
}
|
|
258
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/DateTimeInput/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/Divider/index.tsx"],"names":[],"mappings":"AAKA,OAAO,qCAAqC,CAAC;AAS7C,MAAM,UAAU,OAAO,CACrB,KAAmB;IAEnB,MAAM,EAAE,GAAG,KAAK,CAAC,EAAE,CAAC;IACpB,MAAM,IAAI,GAAG,KAAK,CAAC,IAA0B,IAAI,YAAY,CAAC;IAC9D,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC,SAAS,CAAC,CAAC,mBAAmB,IAAI,EAAE,CAAC,EAAG,CAAC;AACjE,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { jsx as _jsx } from "@lynx-js/react/jsx-runtime";
|
|
2
1
|
import '../../../styles/catalog/Icon.css';
|
|
3
2
|
function toMaterialName(name) {
|
|
4
3
|
return name.replace(/[A-Z]/g, (m) => `_${m.toLowerCase()}`);
|
|
@@ -6,6 +5,8 @@ function toMaterialName(name) {
|
|
|
6
5
|
export function Icon(props) {
|
|
7
6
|
const { id, name, size = 'md', color = 'inherit' } = props;
|
|
8
7
|
const iconName = typeof name === 'string' ? toMaterialName(name) : '';
|
|
9
|
-
return (
|
|
8
|
+
return (<text key={id} className={`a2ui-icon a2ui-icon-${size} a2ui-icon-color-${color}`}>
|
|
9
|
+
{iconName}
|
|
10
|
+
</text>);
|
|
10
11
|
}
|
|
11
|
-
//# sourceMappingURL=index.
|
|
12
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/Icon/index.tsx"],"names":[],"mappings":"AAKA,OAAO,kCAAkC,CAAC;AAE1C,SAAS,cAAc,CAAC,IAAY;IAClC,OAAO,IAAI,CAAC,OAAO,CAAC,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,CAAC,CAAC;AAC9D,CAAC;AA0CD,MAAM,UAAU,IAAI,CAClB,KAAgB;IAEhB,MAAM,EAAE,EAAE,EAAE,IAAI,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,SAAS,EAAE,GAAG,KAAK,CAAC;IAC3D,MAAM,QAAQ,GAAG,OAAO,IAAI,KAAK,QAAQ,CAAC,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEtE,OAAO,CACL,CAAC,IAAI,CACH,GAAG,CAAC,CAAC,EAAE,CAAC,CACR,SAAS,CAAC,CAAC,uBAAuB,IAAI,oBAAoB,KAAK,EAAE,CAAC,CAElE;MAAA,CAAC,QAAQ,CACX;IAAA,EAAE,IAAI,CAAC,CACR,CAAC;AACJ,CAAC"}
|
|
@@ -1,4 +1,3 @@
|
|
|
1
|
-
import { jsx as _jsx } from "@lynx-js/react/jsx-runtime";
|
|
2
1
|
import '../../../styles/catalog/Image.css';
|
|
3
2
|
export function Image(props) {
|
|
4
3
|
const fit = props.fit ?? 'fit';
|
|
@@ -17,6 +16,6 @@ export function Image(props) {
|
|
|
17
16
|
})();
|
|
18
17
|
const variant = props.variant ?? 'mediumFeature';
|
|
19
18
|
const className = `a2ui-image image-variant-${variant} ${typeof props.weight === 'number' ? 'image-weighted' : ''}`;
|
|
20
|
-
return (
|
|
19
|
+
return (<image key={props.id} className={className} auto-size={true} src={props.url ?? ''} mode={mode}/>);
|
|
21
20
|
}
|
|
22
|
-
//# sourceMappingURL=index.
|
|
21
|
+
//# sourceMappingURL=index.jsx.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.
|
|
1
|
+
{"version":3,"file":"index.jsx","sourceRoot":"","sources":["../../../src/catalog/Image/index.tsx"],"names":[],"mappings":"AAKA,OAAO,mCAAmC,CAAC;AAoB3C,MAAM,UAAU,KAAK,CACnB,KAAiB;IAEjB,MAAM,GAAG,GAAG,KAAK,CAAC,GAAG,IAAI,KAAK,CAAC;IAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,IAAI,CAAC,GAAG,EAAE;QAC/B,QAAQ,GAAG,EAAE,CAAC;YACZ,KAAK,SAAS,CAAC;YACf,KAAK,YAAY;gBACf,OAAO,WAAW,CAAC;YACrB,KAAK,MAAM;gBACT,OAAO,aAAa,CAAC;YACvB,KAAK,MAAM;gBACT,OAAO,QAAQ,CAAC;YAClB;gBACE,OAAO,YAAY,CAAC;QACxB,CAAC;IACH,CAAC,CAAC,EAAE,CAAC;IAEL,MAAM,OAAO,GAAG,KAAK,CAAC,OAAO,IAAI,eAAe,CAAC;IACjD,MAAM,SAAS,GAAG,4BAA4B,OAAO,IACnD,OAAO,KAAK,CAAC,MAAM,KAAK,QAAQ,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,EACxD,EAAE,CAAC;IACH,OAAO,CACL,CAAC,KAAK,CACJ,GAAG,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CACd,SAAS,CAAC,CAAC,SAAS,CAAC,CACrB,SAAS,CAAC,CAAC,IAAI,CAAC,CAChB,GAAG,CAAC,CAAC,KAAK,CAAC,GAAG,IAAI,EAAE,CAAC,CACrB,IAAI,CAAC,CAAC,IAAI,CAAC,EACX,CACH,CAAC;AACJ,CAAC"}
|