@korsolutions/ui 0.0.96 → 0.0.97
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/module/components/description-list/context.js +12 -0
- package/dist/module/components/description-list/context.js.map +1 -0
- package/dist/module/components/description-list/description-list-actions.js +17 -0
- package/dist/module/components/description-list/description-list-actions.js.map +1 -0
- package/dist/module/components/description-list/description-list-details.js +17 -0
- package/dist/module/components/description-list/description-list-details.js.map +1 -0
- package/dist/module/components/description-list/description-list-item.js +17 -0
- package/dist/module/components/description-list/description-list-item.js.map +1 -0
- package/dist/module/components/description-list/description-list-root.js +27 -0
- package/dist/module/components/description-list/description-list-root.js.map +1 -0
- package/dist/module/components/description-list/description-list-term.js +17 -0
- package/dist/module/components/description-list/description-list-term.js.map +1 -0
- package/dist/module/components/description-list/index.js +15 -0
- package/dist/module/components/description-list/index.js.map +1 -0
- package/dist/module/components/description-list/types.js +4 -0
- package/dist/module/components/description-list/types.js.map +1 -0
- package/dist/module/components/description-list/variants/default.js +53 -0
- package/dist/module/components/description-list/variants/default.js.map +1 -0
- package/dist/module/components/description-list/variants/index.js +7 -0
- package/dist/module/components/description-list/variants/index.js.map +1 -0
- package/dist/module/components/index.js +2 -0
- package/dist/module/components/index.js.map +1 -1
- package/dist/module/components/item/context.js +12 -0
- package/dist/module/components/item/context.js.map +1 -0
- package/dist/module/components/item/index.js +17 -0
- package/dist/module/components/item/index.js.map +1 -0
- package/dist/module/components/item/item-actions.js +17 -0
- package/dist/module/components/item/item-actions.js.map +1 -0
- package/dist/module/components/item/item-content.js +17 -0
- package/dist/module/components/item/item-content.js.map +1 -0
- package/dist/module/components/item/item-description.js +17 -0
- package/dist/module/components/item/item-description.js.map +1 -0
- package/dist/module/components/item/item-media.js +18 -0
- package/dist/module/components/item/item-media.js.map +1 -0
- package/dist/module/components/item/item-root.js +29 -0
- package/dist/module/components/item/item-root.js.map +1 -0
- package/dist/module/components/item/item-title.js +17 -0
- package/dist/module/components/item/item-title.js.map +1 -0
- package/dist/module/components/item/types.js +4 -0
- package/dist/module/components/item/types.js.map +1 -0
- package/dist/module/components/item/variants/default.js +91 -0
- package/dist/module/components/item/variants/default.js.map +1 -0
- package/dist/module/components/item/variants/index.js +11 -0
- package/dist/module/components/item/variants/index.js.map +1 -0
- package/dist/module/components/item/variants/muted.js +93 -0
- package/dist/module/components/item/variants/muted.js.map +1 -0
- package/dist/module/components/item/variants/outline.js +94 -0
- package/dist/module/components/item/variants/outline.js.map +1 -0
- package/dist/typescript/src/components/description-list/context.d.ts +8 -0
- package/dist/typescript/src/components/description-list/context.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/description-list-actions.d.ts +9 -0
- package/dist/typescript/src/components/description-list/description-list-actions.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/description-list-details.d.ts +9 -0
- package/dist/typescript/src/components/description-list/description-list-details.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/description-list-item.d.ts +9 -0
- package/dist/typescript/src/components/description-list/description-list-item.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/description-list-root.d.ts +11 -0
- package/dist/typescript/src/components/description-list/description-list-root.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/description-list-term.d.ts +10 -0
- package/dist/typescript/src/components/description-list/description-list-term.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/index.d.ts +19 -0
- package/dist/typescript/src/components/description-list/index.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/types.d.ts +14 -0
- package/dist/typescript/src/components/description-list/types.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/variants/default.d.ts +3 -0
- package/dist/typescript/src/components/description-list/variants/default.d.ts.map +1 -0
- package/dist/typescript/src/components/description-list/variants/index.d.ts +5 -0
- package/dist/typescript/src/components/description-list/variants/index.d.ts.map +1 -0
- package/dist/typescript/src/components/index.d.ts +2 -0
- package/dist/typescript/src/components/index.d.ts.map +1 -1
- package/dist/typescript/src/components/item/context.d.ts +9 -0
- package/dist/typescript/src/components/item/context.d.ts.map +1 -0
- package/dist/typescript/src/components/item/index.d.ts +22 -0
- package/dist/typescript/src/components/item/index.d.ts.map +1 -0
- package/dist/typescript/src/components/item/item-actions.d.ts +9 -0
- package/dist/typescript/src/components/item/item-actions.d.ts.map +1 -0
- package/dist/typescript/src/components/item/item-content.d.ts +9 -0
- package/dist/typescript/src/components/item/item-content.d.ts.map +1 -0
- package/dist/typescript/src/components/item/item-description.d.ts +11 -0
- package/dist/typescript/src/components/item/item-description.d.ts.map +1 -0
- package/dist/typescript/src/components/item/item-media.d.ts +10 -0
- package/dist/typescript/src/components/item/item-media.d.ts.map +1 -0
- package/dist/typescript/src/components/item/item-root.d.ts +12 -0
- package/dist/typescript/src/components/item/item-root.d.ts.map +1 -0
- package/dist/typescript/src/components/item/item-title.d.ts +11 -0
- package/dist/typescript/src/components/item/item-title.d.ts.map +1 -0
- package/dist/typescript/src/components/item/types.d.ts +17 -0
- package/dist/typescript/src/components/item/types.d.ts.map +1 -0
- package/dist/typescript/src/components/item/variants/default.d.ts +3 -0
- package/dist/typescript/src/components/item/variants/default.d.ts.map +1 -0
- package/dist/typescript/src/components/item/variants/index.d.ts +9 -0
- package/dist/typescript/src/components/item/variants/index.d.ts.map +1 -0
- package/dist/typescript/src/components/item/variants/muted.d.ts +3 -0
- package/dist/typescript/src/components/item/variants/muted.d.ts.map +1 -0
- package/dist/typescript/src/components/item/variants/outline.d.ts +3 -0
- package/dist/typescript/src/components/item/variants/outline.d.ts.map +1 -0
- package/dist/typescript/src/themes/types.d.ts +8 -0
- package/dist/typescript/src/themes/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/description-list/context.ts +17 -0
- package/src/components/description-list/description-list-actions.tsx +20 -0
- package/src/components/description-list/description-list-details.tsx +20 -0
- package/src/components/description-list/description-list-item.tsx +20 -0
- package/src/components/description-list/description-list-root.tsx +35 -0
- package/src/components/description-list/description-list-term.tsx +21 -0
- package/src/components/description-list/index.ts +20 -0
- package/src/components/description-list/types.ts +15 -0
- package/src/components/description-list/variants/default.tsx +50 -0
- package/src/components/description-list/variants/index.ts +5 -0
- package/src/components/index.ts +2 -0
- package/src/components/item/context.ts +18 -0
- package/src/components/item/index.ts +23 -0
- package/src/components/item/item-actions.tsx +20 -0
- package/src/components/item/item-content.tsx +20 -0
- package/src/components/item/item-description.tsx +27 -0
- package/src/components/item/item-media.tsx +22 -0
- package/src/components/item/item-root.tsx +38 -0
- package/src/components/item/item-title.tsx +22 -0
- package/src/components/item/types.ts +18 -0
- package/src/components/item/variants/default.tsx +71 -0
- package/src/components/item/variants/index.ts +9 -0
- package/src/components/item/variants/muted.tsx +73 -0
- package/src/components/item/variants/outline.tsx +74 -0
- package/src/themes/types.ts +8 -0
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext } from "react";
|
|
4
|
+
export const DescriptionListContext = /*#__PURE__*/createContext(undefined);
|
|
5
|
+
export const useDescriptionList = () => {
|
|
6
|
+
const context = useContext(DescriptionListContext);
|
|
7
|
+
if (!context) {
|
|
8
|
+
throw new Error("useDescriptionList must be used within a DescriptionList.Root");
|
|
9
|
+
}
|
|
10
|
+
return context;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","DescriptionListContext","undefined","useDescriptionList","context","Error"],"sourceRoot":"../../../../src","sources":["components/description-list/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAQjD,OAAO,MAAMC,sBAAsB,gBAAGF,aAAa,CAAqCG,SAAS,CAAC;AAElG,OAAO,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;EACtC,MAAMC,OAAO,GAAGJ,UAAU,CAACC,sBAAsB,CAAC;EAClD,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,+DAA+D,CAAC;EAClF;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
6
|
+
import { useDescriptionList } from "./context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function DescriptionListActions(props) {
|
|
9
|
+
const dl = useDescriptionList();
|
|
10
|
+
const composedStyle = calculateComposedStyles(dl.styles, dl.state, "actions", props.style);
|
|
11
|
+
const Component = props.render ?? View;
|
|
12
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
13
|
+
...props,
|
|
14
|
+
style: composedStyle
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=description-list-actions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","calculateComposedStyles","useDescriptionList","jsx","_jsx","DescriptionListActions","props","dl","composedStyle","styles","state","style","Component","render"],"sourceRoot":"../../../../src","sources":["components/description-list/description-list-actions.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AAEnE,SAASC,uBAAuB,QAAQ,iCAA8B;AACtE,SAASC,kBAAkB,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ/C,OAAO,SAASC,sBAAsBA,CAACC,KAAmD,EAAE;EAC1F,MAAMC,EAAE,GAAGL,kBAAkB,CAAC,CAAC;EAE/B,MAAMM,aAAa,GAAGP,uBAAuB,CAACM,EAAE,CAACE,MAAM,EAAEF,EAAE,CAACG,KAAK,EAAE,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE1F,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,IAAI;EACtC,oBAAOI,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text } from "react-native";
|
|
5
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
6
|
+
import { useDescriptionList } from "./context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function DescriptionListDetails(props) {
|
|
9
|
+
const dl = useDescriptionList();
|
|
10
|
+
const composedStyle = calculateComposedStyles(dl.styles, dl.state, "details", props.style);
|
|
11
|
+
const Component = props.render ?? Text;
|
|
12
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
13
|
+
...props,
|
|
14
|
+
style: composedStyle
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=description-list-details.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","calculateComposedStyles","useDescriptionList","jsx","_jsx","DescriptionListDetails","props","dl","composedStyle","styles","state","style","Component","render"],"sourceRoot":"../../../../src","sources":["components/description-list/description-list-details.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AAEnE,SAASC,uBAAuB,QAAQ,iCAA8B;AACtE,SAASC,kBAAkB,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ/C,OAAO,SAASC,sBAAsBA,CAACC,KAAmD,EAAE;EAC1F,MAAMC,EAAE,GAAGL,kBAAkB,CAAC,CAAC;EAE/B,MAAMM,aAAa,GAAGP,uBAAuB,CAACM,EAAE,CAACE,MAAM,EAAEF,EAAE,CAACG,KAAK,EAAE,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE1F,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,IAAI;EACtC,oBAAOI,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
6
|
+
import { useDescriptionList } from "./context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function DescriptionListItem(props) {
|
|
9
|
+
const dl = useDescriptionList();
|
|
10
|
+
const composedStyle = calculateComposedStyles(dl.styles, dl.state, "item", props.style);
|
|
11
|
+
const Component = props.render ?? View;
|
|
12
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
13
|
+
...props,
|
|
14
|
+
style: composedStyle
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=description-list-item.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","calculateComposedStyles","useDescriptionList","jsx","_jsx","DescriptionListItem","props","dl","composedStyle","styles","state","style","Component","render"],"sourceRoot":"../../../../src","sources":["components/description-list/description-list-item.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AAEnE,SAASC,uBAAuB,QAAQ,iCAA8B;AACtE,SAASC,kBAAkB,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ/C,OAAO,SAASC,mBAAmBA,CAACC,KAAgD,EAAE;EACpF,MAAMC,EAAE,GAAGL,kBAAkB,CAAC,CAAC;EAE/B,MAAMM,aAAa,GAAGP,uBAAuB,CAACM,EAAE,CAACE,MAAM,EAAEF,EAAE,CAACG,KAAK,EAAE,MAAM,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEvF,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,IAAI;EACtC,oBAAOI,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}
|
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { useComponentConfig } from "../../themes/provider.js";
|
|
6
|
+
import { calculateComposedStyles, mergeStyles } from "../../utils/calculate-styles.js";
|
|
7
|
+
import { DescriptionListContext } from "./context.js";
|
|
8
|
+
import { DescriptionListVariants } from "./variants/index.js";
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
export function DescriptionListRoot(props) {
|
|
11
|
+
const variantStyles = DescriptionListVariants[props.variant || "default"]();
|
|
12
|
+
const componentConfig = useComponentConfig("descriptionList");
|
|
13
|
+
const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
|
|
14
|
+
const composedStyle = calculateComposedStyles(mergedStyles, "default", "root", props.style);
|
|
15
|
+
const Component = props.render ?? View;
|
|
16
|
+
return /*#__PURE__*/_jsx(DescriptionListContext.Provider, {
|
|
17
|
+
value: {
|
|
18
|
+
state: "default",
|
|
19
|
+
styles: mergedStyles
|
|
20
|
+
},
|
|
21
|
+
children: /*#__PURE__*/_jsx(Component, {
|
|
22
|
+
...props,
|
|
23
|
+
style: composedStyle
|
|
24
|
+
})
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=description-list-root.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","useComponentConfig","calculateComposedStyles","mergeStyles","DescriptionListContext","DescriptionListVariants","jsx","_jsx","DescriptionListRoot","props","variantStyles","variant","componentConfig","mergedStyles","styles","composedStyle","style","Component","render","Provider","value","state","children"],"sourceRoot":"../../../../src","sources":["components/description-list/description-list-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,kBAAkB,QAAQ,0BAAuB;AAE1D,SAASC,uBAAuB,EAAEC,WAAW,QAAQ,iCAA8B;AACnF,SAASC,sBAAsB,QAAQ,cAAW;AAClD,SAASC,uBAAuB,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASrD,OAAO,SAASC,mBAAmBA,CAACC,KAAgD,EAAE;EACpF,MAAMC,aAAa,GAAGL,uBAAuB,CAACI,KAAK,CAACE,OAAO,IAAI,SAAS,CAAC,CAAC,CAAC;EAC3E,MAAMC,eAAe,GAAGX,kBAAkB,CAAC,iBAAiB,CAAC;EAE7D,MAAMY,YAAY,GAAGV,WAAW,CAACO,aAAa,EAAEE,eAAe,EAAEE,MAAM,CAAC;EAExE,MAAMC,aAAa,GAAGb,uBAAuB,CAACW,YAAY,EAAE,SAAS,EAAE,MAAM,EAAEJ,KAAK,CAACO,KAAK,CAAC;EAE3F,MAAMC,SAAS,GAAGR,KAAK,CAACS,MAAM,IAAIlB,IAAI;EACtC,oBACEO,IAAA,CAACH,sBAAsB,CAACe,QAAQ;IAC9BC,KAAK,EAAE;MACLC,KAAK,EAAE,SAAS;MAChBP,MAAM,EAAED;IACV,CAAE;IAAAS,QAAA,eAEFf,IAAA,CAACU,SAAS;MAAA,GAAKR,KAAK;MAAEO,KAAK,EAAED;IAAc,CAAE;EAAC,CACf,CAAC;AAEtC","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text } from "react-native";
|
|
5
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
6
|
+
import { useDescriptionList } from "./context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function DescriptionListTerm(props) {
|
|
9
|
+
const dl = useDescriptionList();
|
|
10
|
+
const composedStyle = calculateComposedStyles(dl.styles, dl.state, "term", props.style);
|
|
11
|
+
const Component = props.render ?? Text;
|
|
12
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
13
|
+
...props,
|
|
14
|
+
style: composedStyle
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=description-list-term.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","calculateComposedStyles","useDescriptionList","jsx","_jsx","DescriptionListTerm","props","dl","composedStyle","styles","state","style","Component","render"],"sourceRoot":"../../../../src","sources":["components/description-list/description-list-term.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AAGnE,SAASC,uBAAuB,QAAQ,iCAA8B;AACtE,SAASC,kBAAkB,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQ/C,OAAO,SAASC,mBAAmBA,CAACC,KAAgD,EAAE;EACpF,MAAMC,EAAE,GAAGL,kBAAkB,CAAC,CAAC;EAE/B,MAAMM,aAAa,GAAGP,uBAAuB,CAACM,EAAE,CAACE,MAAM,EAAEF,EAAE,CAACG,KAAK,EAAE,MAAM,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAEvF,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,IAAI;EACtC,oBAAOI,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { DescriptionListActions } from "./description-list-actions.js";
|
|
4
|
+
import { DescriptionListDetails } from "./description-list-details.js";
|
|
5
|
+
import { DescriptionListItem } from "./description-list-item.js";
|
|
6
|
+
import { DescriptionListRoot } from "./description-list-root.js";
|
|
7
|
+
import { DescriptionListTerm } from "./description-list-term.js";
|
|
8
|
+
export const DescriptionList = {
|
|
9
|
+
Root: DescriptionListRoot,
|
|
10
|
+
Item: DescriptionListItem,
|
|
11
|
+
Term: DescriptionListTerm,
|
|
12
|
+
Details: DescriptionListDetails,
|
|
13
|
+
Actions: DescriptionListActions
|
|
14
|
+
};
|
|
15
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["DescriptionListActions","DescriptionListDetails","DescriptionListItem","DescriptionListRoot","DescriptionListTerm","DescriptionList","Root","Item","Term","Details","Actions"],"sourceRoot":"../../../../src","sources":["components/description-list/index.ts"],"mappings":";;AAAA,SAASA,sBAAsB,QAAQ,+BAA4B;AACnE,SAASC,sBAAsB,QAAQ,+BAA4B;AACnE,SAASC,mBAAmB,QAAQ,4BAAyB;AAC7D,SAASC,mBAAmB,QAAQ,4BAAyB;AAC7D,SAASC,mBAAmB,QAAQ,4BAAyB;AAE7D,OAAO,MAAMC,eAAe,GAAG;EAC7BC,IAAI,EAAEH,mBAAmB;EACzBI,IAAI,EAAEL,mBAAmB;EACzBM,IAAI,EAAEJ,mBAAmB;EACzBK,OAAO,EAAER,sBAAsB;EAC/BS,OAAO,EAAEV;AACX,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/description-list/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useThemedStyles } from "../../../utils/use-themed-styles.js";
|
|
4
|
+
export function useDescriptionListVariantDefault() {
|
|
5
|
+
return useThemedStyles(({
|
|
6
|
+
colors,
|
|
7
|
+
fontFamily,
|
|
8
|
+
fontSize
|
|
9
|
+
}) => ({
|
|
10
|
+
root: {
|
|
11
|
+
default: {
|
|
12
|
+
gap: 0
|
|
13
|
+
}
|
|
14
|
+
},
|
|
15
|
+
item: {
|
|
16
|
+
default: {
|
|
17
|
+
flexDirection: "row",
|
|
18
|
+
alignItems: "center",
|
|
19
|
+
paddingVertical: 12,
|
|
20
|
+
borderTopWidth: 1,
|
|
21
|
+
borderTopColor: colors.border,
|
|
22
|
+
gap: 16
|
|
23
|
+
}
|
|
24
|
+
},
|
|
25
|
+
term: {
|
|
26
|
+
default: {
|
|
27
|
+
fontFamily,
|
|
28
|
+
fontSize: fontSize * 0.875,
|
|
29
|
+
lineHeight: Math.round(fontSize * 0.875 * 1.5),
|
|
30
|
+
fontWeight: "500",
|
|
31
|
+
color: colors.mutedForeground,
|
|
32
|
+
width: "40%"
|
|
33
|
+
}
|
|
34
|
+
},
|
|
35
|
+
details: {
|
|
36
|
+
default: {
|
|
37
|
+
fontFamily,
|
|
38
|
+
fontSize: fontSize * 0.875,
|
|
39
|
+
lineHeight: Math.round(fontSize * 0.875 * 1.5),
|
|
40
|
+
color: colors.foreground,
|
|
41
|
+
flex: 1
|
|
42
|
+
}
|
|
43
|
+
},
|
|
44
|
+
actions: {
|
|
45
|
+
default: {
|
|
46
|
+
flexDirection: "row",
|
|
47
|
+
alignItems: "center",
|
|
48
|
+
gap: 8
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
}));
|
|
52
|
+
}
|
|
53
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useThemedStyles","useDescriptionListVariantDefault","colors","fontFamily","fontSize","root","default","gap","item","flexDirection","alignItems","paddingVertical","borderTopWidth","borderTopColor","border","term","lineHeight","Math","round","fontWeight","color","mutedForeground","width","details","foreground","flex","actions"],"sourceRoot":"../../../../../src","sources":["components/description-list/variants/default.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,OAAO,SAASC,gCAAgCA,CAAA,EAA0B;EACxE,OAAOD,eAAe,CACpB,CAAC;IAAEE,MAAM;IAAEC,UAAU;IAAEC;EAAS,CAAC,MAA6B;IAC5DC,IAAI,EAAE;MACJC,OAAO,EAAE;QACPC,GAAG,EAAE;MACP;IACF,CAAC;IACDC,IAAI,EAAE;MACJF,OAAO,EAAE;QACPG,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBC,eAAe,EAAE,EAAE;QACnBC,cAAc,EAAE,CAAC;QACjBC,cAAc,EAAEX,MAAM,CAACY,MAAM;QAC7BP,GAAG,EAAE;MACP;IACF,CAAC;IACDQ,IAAI,EAAE;MACJT,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ,EAAEA,QAAQ,GAAG,KAAK;QAC1BY,UAAU,EAAEC,IAAI,CAACC,KAAK,CAACd,QAAQ,GAAG,KAAK,GAAG,GAAG,CAAC;QAC9Ce,UAAU,EAAE,KAAK;QACjBC,KAAK,EAAElB,MAAM,CAACmB,eAAe;QAC7BC,KAAK,EAAE;MACT;IACF,CAAC;IACDC,OAAO,EAAE;MACPjB,OAAO,EAAE;QACPH,UAAU;QACVC,QAAQ,EAAEA,QAAQ,GAAG,KAAK;QAC1BY,UAAU,EAAEC,IAAI,CAACC,KAAK,CAACd,QAAQ,GAAG,KAAK,GAAG,GAAG,CAAC;QAC9CgB,KAAK,EAAElB,MAAM,CAACsB,UAAU;QACxBC,IAAI,EAAE;MACR;IACF,CAAC;IACDC,OAAO,EAAE;MACPpB,OAAO,EAAE;QACPG,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBH,GAAG,EAAE;MACP;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useDescriptionListVariantDefault","DescriptionListVariants","default"],"sourceRoot":"../../../../../src","sources":["components/description-list/variants/index.ts"],"mappings":";;AAAA,SAASA,gCAAgC,QAAQ,cAAW;AAE5D,OAAO,MAAMC,uBAAuB,GAAG;EACrCC,OAAO,EAAEF;AACX,CAAC","ignoreList":[]}
|
|
@@ -9,12 +9,14 @@ export * from "./calendar/index.js";
|
|
|
9
9
|
export * from "./card/index.js";
|
|
10
10
|
export * from "./checkbox/index.js";
|
|
11
11
|
export * from "./combobox/index.js";
|
|
12
|
+
export * from "./description-list/index.js";
|
|
12
13
|
export * from "./empty/index.js";
|
|
13
14
|
export * from "./field/index.js";
|
|
14
15
|
export * from "./full-screen-spinner/index.js";
|
|
15
16
|
export * from "./icon/index.js";
|
|
16
17
|
export * from "./icon-button/index.js";
|
|
17
18
|
export * from "./input/index.js";
|
|
19
|
+
export * from "./item/index.js";
|
|
18
20
|
export * from "./link/index.js";
|
|
19
21
|
export * from "./list/index.js";
|
|
20
22
|
export * from "./menu/index.js";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,gCAAuB;AACrC,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,wBAAe;AAC7B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;AAAA,cAAc,kBAAS;AACvB,cAAc,yBAAgB;AAC9B,cAAc,mBAAU;AACxB,cAAc,kBAAS;AACvB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,qBAAY;AAC1B,cAAc,6BAAoB;AAClC,cAAc,kBAAS;AACvB,cAAc,kBAAS;AACvB,cAAc,gCAAuB;AACrC,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,iBAAQ;AACtB,cAAc,wBAAe;AAC7B,cAAc,oBAAW;AACzB,cAAc,mBAAU;AACxB,cAAc,qBAAY;AAC1B,cAAc,wBAAe;AAC7B,cAAc,uBAAc;AAC5B,cAAc,mBAAU;AACxB,cAAc,sBAAa;AAC3B,cAAc,oBAAW;AACzB,cAAc,oBAAW;AACzB,cAAc,kBAAS;AACvB,cAAc,iBAAQ;AACtB,cAAc,qBAAY;AAC1B,cAAc,kBAAS;AACvB,cAAc,sBAAa;AAC3B,cAAc,uBAAc","ignoreList":[]}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { createContext, useContext } from "react";
|
|
4
|
+
export const ItemContext = /*#__PURE__*/createContext(undefined);
|
|
5
|
+
export const useItem = () => {
|
|
6
|
+
const context = useContext(ItemContext);
|
|
7
|
+
if (!context) {
|
|
8
|
+
throw new Error("useItem must be used within an Item.Root");
|
|
9
|
+
}
|
|
10
|
+
return context;
|
|
11
|
+
};
|
|
12
|
+
//# sourceMappingURL=context.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["createContext","useContext","ItemContext","undefined","useItem","context","Error"],"sourceRoot":"../../../../src","sources":["components/item/context.ts"],"mappings":";;AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AASjD,OAAO,MAAMC,WAAW,gBAAGF,aAAa,CAA0BG,SAAS,CAAC;AAE5E,OAAO,MAAMC,OAAO,GAAGA,CAAA,KAAM;EAC3B,MAAMC,OAAO,GAAGJ,UAAU,CAACC,WAAW,CAAC;EACvC,IAAI,CAACG,OAAO,EAAE;IACZ,MAAM,IAAIC,KAAK,CAAC,0CAA0C,CAAC;EAC7D;EACA,OAAOD,OAAO;AAChB,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { ItemActions } from "./item-actions.js";
|
|
4
|
+
import { ItemContent } from "./item-content.js";
|
|
5
|
+
import { ItemDescription } from "./item-description.js";
|
|
6
|
+
import { ItemMedia } from "./item-media.js";
|
|
7
|
+
import { ItemRoot } from "./item-root.js";
|
|
8
|
+
import { ItemTitle } from "./item-title.js";
|
|
9
|
+
export const Item = {
|
|
10
|
+
Root: ItemRoot,
|
|
11
|
+
Media: ItemMedia,
|
|
12
|
+
Content: ItemContent,
|
|
13
|
+
Title: ItemTitle,
|
|
14
|
+
Description: ItemDescription,
|
|
15
|
+
Actions: ItemActions
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ItemActions","ItemContent","ItemDescription","ItemMedia","ItemRoot","ItemTitle","Item","Root","Media","Content","Title","Description","Actions"],"sourceRoot":"../../../../src","sources":["components/item/index.ts"],"mappings":";;AAAA,SAASA,WAAW,QAAQ,mBAAgB;AAC5C,SAASC,WAAW,QAAQ,mBAAgB;AAC5C,SAASC,eAAe,QAAQ,uBAAoB;AACpD,SAASC,SAAS,QAAQ,iBAAc;AACxC,SAASC,QAAQ,QAAQ,gBAAa;AACtC,SAASC,SAAS,QAAQ,iBAAc;AAExC,OAAO,MAAMC,IAAI,GAAG;EAClBC,IAAI,EAAEH,QAAQ;EACdI,KAAK,EAAEL,SAAS;EAChBM,OAAO,EAAER,WAAW;EACpBS,KAAK,EAAEL,SAAS;EAChBM,WAAW,EAAET,eAAe;EAC5BU,OAAO,EAAEZ;AACX,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
6
|
+
import { useItem } from "./context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function ItemActions(props) {
|
|
9
|
+
const item = useItem();
|
|
10
|
+
const composedStyle = calculateComposedStyles(item.styles, item.state, "actions", props.style);
|
|
11
|
+
const Component = props.render ?? View;
|
|
12
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
13
|
+
...props,
|
|
14
|
+
style: composedStyle
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=item-actions.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","calculateComposedStyles","useItem","jsx","_jsx","ItemActions","props","item","composedStyle","styles","state","style","Component","render"],"sourceRoot":"../../../../src","sources":["components/item/item-actions.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AAEnE,SAASC,uBAAuB,QAAQ,iCAA8B;AACtE,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpC,OAAO,SAASC,WAAWA,CAACC,KAAwC,EAAE;EACpE,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,aAAa,GAAGP,uBAAuB,CAACM,IAAI,CAACE,MAAM,EAAEF,IAAI,CAACG,KAAK,EAAE,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE9F,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,IAAI;EACtC,oBAAOI,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
6
|
+
import { useItem } from "./context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function ItemContent(props) {
|
|
9
|
+
const item = useItem();
|
|
10
|
+
const composedStyle = calculateComposedStyles(item.styles, item.state, "content", props.style);
|
|
11
|
+
const Component = props.render ?? View;
|
|
12
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
13
|
+
...props,
|
|
14
|
+
style: composedStyle
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=item-content.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","calculateComposedStyles","useItem","jsx","_jsx","ItemContent","props","item","composedStyle","styles","state","style","Component","render"],"sourceRoot":"../../../../src","sources":["components/item/item-content.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AAEnE,SAASC,uBAAuB,QAAQ,iCAA8B;AACtE,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQpC,OAAO,SAASC,WAAWA,CAACC,KAAwC,EAAE;EACpE,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,aAAa,GAAGP,uBAAuB,CAACM,IAAI,CAACE,MAAM,EAAEF,IAAI,CAACG,KAAK,EAAE,SAAS,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE9F,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,IAAI;EACtC,oBAAOI,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text } from "react-native";
|
|
5
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
6
|
+
import { useItem } from "./context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function ItemDescription(props) {
|
|
9
|
+
const item = useItem();
|
|
10
|
+
const composedStyle = calculateComposedStyles(item.styles, item.state, "description", props.style);
|
|
11
|
+
const Component = props.render ?? Text;
|
|
12
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
13
|
+
...props,
|
|
14
|
+
style: composedStyle
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=item-description.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","calculateComposedStyles","useItem","jsx","_jsx","ItemDescription","props","item","composedStyle","styles","state","style","Component","render"],"sourceRoot":"../../../../src","sources":["components/item/item-description.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AAGnE,SAASC,uBAAuB,QAAQ,iCAA8B;AACtE,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpC,OAAO,SAASC,eAAeA,CAACC,KAA4C,EAAE;EAC5E,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,aAAa,GAAGP,uBAAuB,CAC3CM,IAAI,CAACE,MAAM,EACXF,IAAI,CAACG,KAAK,EACV,aAAa,EACbJ,KAAK,CAACK,KACR,CAAC;EAED,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,IAAI;EACtC,oBAAOI,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
6
|
+
import { useItem } from "./context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function ItemMedia(props) {
|
|
9
|
+
const item = useItem();
|
|
10
|
+
const styleKey = props.variant === "icon" ? "mediaIcon" : "media";
|
|
11
|
+
const composedStyle = calculateComposedStyles(item.styles, item.state, styleKey, props.style);
|
|
12
|
+
const Component = props.render ?? View;
|
|
13
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
14
|
+
...props,
|
|
15
|
+
style: composedStyle
|
|
16
|
+
});
|
|
17
|
+
}
|
|
18
|
+
//# sourceMappingURL=item-media.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","calculateComposedStyles","useItem","jsx","_jsx","ItemMedia","props","item","styleKey","variant","composedStyle","styles","state","style","Component","render"],"sourceRoot":"../../../../src","sources":["components/item/item-media.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AAEnE,SAASC,uBAAuB,QAAQ,iCAA8B;AACtE,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpC,OAAO,SAASC,SAASA,CAACC,KAAsC,EAAE;EAChE,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,QAAQ,GAAGF,KAAK,CAACG,OAAO,KAAK,MAAM,GAAG,WAAW,GAAG,OAAO;EACjE,MAAMC,aAAa,GAAGT,uBAAuB,CAACM,IAAI,CAACI,MAAM,EAAEJ,IAAI,CAACK,KAAK,EAAEJ,QAAQ,EAAEF,KAAK,CAACO,KAAK,CAAC;EAE7F,MAAMC,SAAS,GAAGR,KAAK,CAACS,MAAM,IAAIf,IAAI;EACtC,oBAAOI,IAAA,CAACU,SAAS;IAAA,GAAKR,KAAK;IAAEO,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { View } from "react-native";
|
|
5
|
+
import { useComponentConfig } from "../../themes/provider.js";
|
|
6
|
+
import { calculateComposedStyles, mergeStyles } from "../../utils/calculate-styles.js";
|
|
7
|
+
import { ItemContext } from "./context.js";
|
|
8
|
+
import { ItemVariants } from "./variants/index.js";
|
|
9
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
10
|
+
export function ItemRoot(props) {
|
|
11
|
+
const size = props.size ?? "default";
|
|
12
|
+
const variantStyles = ItemVariants[props.variant || "default"](size);
|
|
13
|
+
const componentConfig = useComponentConfig("item");
|
|
14
|
+
const mergedStyles = mergeStyles(variantStyles, componentConfig?.styles);
|
|
15
|
+
const composedStyle = calculateComposedStyles(mergedStyles, "default", "root", props.style);
|
|
16
|
+
const Component = props.render ?? View;
|
|
17
|
+
return /*#__PURE__*/_jsx(ItemContext.Provider, {
|
|
18
|
+
value: {
|
|
19
|
+
state: "default",
|
|
20
|
+
styles: mergedStyles,
|
|
21
|
+
size
|
|
22
|
+
},
|
|
23
|
+
children: /*#__PURE__*/_jsx(Component, {
|
|
24
|
+
...props,
|
|
25
|
+
style: composedStyle
|
|
26
|
+
})
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
//# sourceMappingURL=item-root.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","useComponentConfig","calculateComposedStyles","mergeStyles","ItemContext","ItemVariants","jsx","_jsx","ItemRoot","props","size","variantStyles","variant","componentConfig","mergedStyles","styles","composedStyle","style","Component","render","Provider","value","state","children"],"sourceRoot":"../../../../src","sources":["components/item/item-root.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AACnE,SAASC,kBAAkB,QAAQ,0BAAuB;AAE1D,SAASC,uBAAuB,EAAEC,WAAW,QAAQ,iCAA8B;AACnF,SAASC,WAAW,QAAQ,cAAW;AACvC,SAASC,YAAY,QAAQ,qBAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAU1C,OAAO,SAASC,QAAQA,CAACC,KAAqC,EAAE;EAC9D,MAAMC,IAAI,GAAGD,KAAK,CAACC,IAAI,IAAI,SAAS;EACpC,MAAMC,aAAa,GAAGN,YAAY,CAACI,KAAK,CAACG,OAAO,IAAI,SAAS,CAAC,CAACF,IAAI,CAAC;EACpE,MAAMG,eAAe,GAAGZ,kBAAkB,CAAC,MAAM,CAAC;EAElD,MAAMa,YAAY,GAAGX,WAAW,CAACQ,aAAa,EAAEE,eAAe,EAAEE,MAAM,CAAC;EAExE,MAAMC,aAAa,GAAGd,uBAAuB,CAACY,YAAY,EAAE,SAAS,EAAE,MAAM,EAAEL,KAAK,CAACQ,KAAK,CAAC;EAE3F,MAAMC,SAAS,GAAGT,KAAK,CAACU,MAAM,IAAInB,IAAI;EACtC,oBACEO,IAAA,CAACH,WAAW,CAACgB,QAAQ;IACnBC,KAAK,EAAE;MACLC,KAAK,EAAE,SAAS;MAChBP,MAAM,EAAED,YAAY;MACpBJ;IACF,CAAE;IAAAa,QAAA,eAEFhB,IAAA,CAACW,SAAS;MAAA,GAAKT,KAAK;MAAEQ,KAAK,EAAED;IAAc,CAAE;EAAC,CAC1B,CAAC;AAE3B","ignoreList":[]}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Text } from "react-native";
|
|
5
|
+
import { calculateComposedStyles } from "../../utils/calculate-styles.js";
|
|
6
|
+
import { useItem } from "./context.js";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
export function ItemTitle(props) {
|
|
9
|
+
const item = useItem();
|
|
10
|
+
const composedStyle = calculateComposedStyles(item.styles, item.state, "title", props.style);
|
|
11
|
+
const Component = props.render ?? Text;
|
|
12
|
+
return /*#__PURE__*/_jsx(Component, {
|
|
13
|
+
...props,
|
|
14
|
+
style: composedStyle
|
|
15
|
+
});
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=item-title.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Text","calculateComposedStyles","useItem","jsx","_jsx","ItemTitle","props","item","composedStyle","styles","state","style","Component","render"],"sourceRoot":"../../../../src","sources":["components/item/item-title.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAyBC,IAAI,QAAwB,cAAc;AAGnE,SAASC,uBAAuB,QAAQ,iCAA8B;AACtE,SAASC,OAAO,QAAQ,cAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AASpC,OAAO,SAASC,SAASA,CAACC,KAAsC,EAAE;EAChE,MAAMC,IAAI,GAAGL,OAAO,CAAC,CAAC;EAEtB,MAAMM,aAAa,GAAGP,uBAAuB,CAACM,IAAI,CAACE,MAAM,EAAEF,IAAI,CAACG,KAAK,EAAE,OAAO,EAAEJ,KAAK,CAACK,KAAK,CAAC;EAE5F,MAAMC,SAAS,GAAGN,KAAK,CAACO,MAAM,IAAIb,IAAI;EACtC,oBAAOI,IAAA,CAACQ,SAAS;IAAA,GAAKN,KAAK;IAAEK,KAAK,EAAEH;EAAc,CAAE,CAAC;AACvD","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/item/types.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useThemedStyles } from "../../../utils/use-themed-styles.js";
|
|
4
|
+
const sizeConfig = {
|
|
5
|
+
default: {
|
|
6
|
+
padding: 12,
|
|
7
|
+
gap: 12,
|
|
8
|
+
iconBox: 40,
|
|
9
|
+
fontSize: 1,
|
|
10
|
+
descFontSize: 0.875
|
|
11
|
+
},
|
|
12
|
+
sm: {
|
|
13
|
+
padding: 8,
|
|
14
|
+
gap: 10,
|
|
15
|
+
iconBox: 32,
|
|
16
|
+
fontSize: 0.875,
|
|
17
|
+
descFontSize: 0.8125
|
|
18
|
+
},
|
|
19
|
+
xs: {
|
|
20
|
+
padding: 6,
|
|
21
|
+
gap: 8,
|
|
22
|
+
iconBox: 28,
|
|
23
|
+
fontSize: 0.8125,
|
|
24
|
+
descFontSize: 0.75
|
|
25
|
+
}
|
|
26
|
+
};
|
|
27
|
+
export function useItemVariantDefault(size = "default") {
|
|
28
|
+
const s = sizeConfig[size];
|
|
29
|
+
return useThemedStyles(({
|
|
30
|
+
colors,
|
|
31
|
+
radius,
|
|
32
|
+
fontFamily,
|
|
33
|
+
fontSize
|
|
34
|
+
}) => ({
|
|
35
|
+
root: {
|
|
36
|
+
default: {
|
|
37
|
+
flexDirection: "row",
|
|
38
|
+
alignItems: "center",
|
|
39
|
+
padding: s.padding,
|
|
40
|
+
gap: s.gap
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
media: {
|
|
44
|
+
default: {
|
|
45
|
+
alignItems: "center",
|
|
46
|
+
justifyContent: "center"
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
mediaIcon: {
|
|
50
|
+
default: {
|
|
51
|
+
width: s.iconBox,
|
|
52
|
+
height: s.iconBox,
|
|
53
|
+
borderRadius: radius,
|
|
54
|
+
backgroundColor: colors.muted,
|
|
55
|
+
alignItems: "center",
|
|
56
|
+
justifyContent: "center"
|
|
57
|
+
}
|
|
58
|
+
},
|
|
59
|
+
content: {
|
|
60
|
+
default: {
|
|
61
|
+
flex: 1,
|
|
62
|
+
gap: 2
|
|
63
|
+
}
|
|
64
|
+
},
|
|
65
|
+
title: {
|
|
66
|
+
default: {
|
|
67
|
+
fontFamily,
|
|
68
|
+
fontSize: fontSize * s.fontSize,
|
|
69
|
+
lineHeight: Math.round(fontSize * s.fontSize * 1.3),
|
|
70
|
+
fontWeight: "500",
|
|
71
|
+
color: colors.foreground
|
|
72
|
+
}
|
|
73
|
+
},
|
|
74
|
+
description: {
|
|
75
|
+
default: {
|
|
76
|
+
fontFamily,
|
|
77
|
+
fontSize: fontSize * s.descFontSize,
|
|
78
|
+
lineHeight: Math.round(fontSize * s.descFontSize * 1.4),
|
|
79
|
+
color: colors.mutedForeground
|
|
80
|
+
}
|
|
81
|
+
},
|
|
82
|
+
actions: {
|
|
83
|
+
default: {
|
|
84
|
+
flexDirection: "row",
|
|
85
|
+
alignItems: "center",
|
|
86
|
+
gap: 8
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
}));
|
|
90
|
+
}
|
|
91
|
+
//# sourceMappingURL=default.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useThemedStyles","sizeConfig","default","padding","gap","iconBox","fontSize","descFontSize","sm","xs","useItemVariantDefault","size","s","colors","radius","fontFamily","root","flexDirection","alignItems","media","justifyContent","mediaIcon","width","height","borderRadius","backgroundColor","muted","content","flex","title","lineHeight","Math","round","fontWeight","color","foreground","description","mutedForeground","actions"],"sourceRoot":"../../../../../src","sources":["components/item/variants/default.tsx"],"mappings":";;AAAA,SAASA,eAAe,QAAQ,qCAAkC;AAGlE,MAAMC,UAAU,GAAG;EACjBC,OAAO,EAAE;IAAEC,OAAO,EAAE,EAAE;IAAEC,GAAG,EAAE,EAAE;IAAEC,OAAO,EAAE,EAAE;IAAEC,QAAQ,EAAE,CAAC;IAAEC,YAAY,EAAE;EAAM,CAAC;EAChFC,EAAE,EAAE;IAAEL,OAAO,EAAE,CAAC;IAAEC,GAAG,EAAE,EAAE;IAAEC,OAAO,EAAE,EAAE;IAAEC,QAAQ,EAAE,KAAK;IAAEC,YAAY,EAAE;EAAO,CAAC;EAC/EE,EAAE,EAAE;IAAEN,OAAO,EAAE,CAAC;IAAEC,GAAG,EAAE,CAAC;IAAEC,OAAO,EAAE,EAAE;IAAEC,QAAQ,EAAE,MAAM;IAAEC,YAAY,EAAE;EAAK;AAC9E,CAAU;AAEV,OAAO,SAASG,qBAAqBA,CAACC,IAA6B,GAAG,SAAS,EAAc;EAC3F,MAAMC,CAAC,GAAGX,UAAU,CAACU,IAAI,CAAC;EAE1B,OAAOX,eAAe,CACpB,CAAC;IAAEa,MAAM;IAAEC,MAAM;IAAEC,UAAU;IAAET;EAAS,CAAC,MAAkB;IACzDU,IAAI,EAAE;MACJd,OAAO,EAAE;QACPe,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBf,OAAO,EAAES,CAAC,CAACT,OAAO;QAClBC,GAAG,EAAEQ,CAAC,CAACR;MACT;IACF,CAAC;IACDe,KAAK,EAAE;MACLjB,OAAO,EAAE;QACPgB,UAAU,EAAE,QAAQ;QACpBE,cAAc,EAAE;MAClB;IACF,CAAC;IACDC,SAAS,EAAE;MACTnB,OAAO,EAAE;QACPoB,KAAK,EAAEV,CAAC,CAACP,OAAO;QAChBkB,MAAM,EAAEX,CAAC,CAACP,OAAO;QACjBmB,YAAY,EAAEV,MAAM;QACpBW,eAAe,EAAEZ,MAAM,CAACa,KAAK;QAC7BR,UAAU,EAAE,QAAQ;QACpBE,cAAc,EAAE;MAClB;IACF,CAAC;IACDO,OAAO,EAAE;MACPzB,OAAO,EAAE;QACP0B,IAAI,EAAE,CAAC;QACPxB,GAAG,EAAE;MACP;IACF,CAAC;IACDyB,KAAK,EAAE;MACL3B,OAAO,EAAE;QACPa,UAAU;QACVT,QAAQ,EAAEA,QAAQ,GAAGM,CAAC,CAACN,QAAQ;QAC/BwB,UAAU,EAAEC,IAAI,CAACC,KAAK,CAAC1B,QAAQ,GAAGM,CAAC,CAACN,QAAQ,GAAG,GAAG,CAAC;QACnD2B,UAAU,EAAE,KAAK;QACjBC,KAAK,EAAErB,MAAM,CAACsB;MAChB;IACF,CAAC;IACDC,WAAW,EAAE;MACXlC,OAAO,EAAE;QACPa,UAAU;QACVT,QAAQ,EAAEA,QAAQ,GAAGM,CAAC,CAACL,YAAY;QACnCuB,UAAU,EAAEC,IAAI,CAACC,KAAK,CAAC1B,QAAQ,GAAGM,CAAC,CAACL,YAAY,GAAG,GAAG,CAAC;QACvD2B,KAAK,EAAErB,MAAM,CAACwB;MAChB;IACF,CAAC;IACDC,OAAO,EAAE;MACPpC,OAAO,EAAE;QACPe,aAAa,EAAE,KAAK;QACpBC,UAAU,EAAE,QAAQ;QACpBd,GAAG,EAAE;MACP;IACF;EACF,CAAC,CACH,CAAC;AACH","ignoreList":[]}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import { useItemVariantDefault } from "./default.js";
|
|
4
|
+
import { useItemVariantMuted } from "./muted.js";
|
|
5
|
+
import { useItemVariantOutline } from "./outline.js";
|
|
6
|
+
export const ItemVariants = {
|
|
7
|
+
default: useItemVariantDefault,
|
|
8
|
+
outline: useItemVariantOutline,
|
|
9
|
+
muted: useItemVariantMuted
|
|
10
|
+
};
|
|
11
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["useItemVariantDefault","useItemVariantMuted","useItemVariantOutline","ItemVariants","default","outline","muted"],"sourceRoot":"../../../../../src","sources":["components/item/variants/index.ts"],"mappings":";;AAAA,SAASA,qBAAqB,QAAQ,cAAW;AACjD,SAASC,mBAAmB,QAAQ,YAAS;AAC7C,SAASC,qBAAqB,QAAQ,cAAW;AAEjD,OAAO,MAAMC,YAAY,GAAG;EAC1BC,OAAO,EAAEJ,qBAAqB;EAC9BK,OAAO,EAAEH,qBAAqB;EAC9BI,KAAK,EAAEL;AACT,CAAC","ignoreList":[]}
|