@trilogy-ds/react 0.0.1-beta-73 → 0.0.1-beta-74
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/lib/components/accordion/body/AccordionBody.d.ts +0 -1
- package/lib/components/accordion/body/AccordionBody.js +0 -1
- package/lib/components/accordion/body/AccordionBody.js.map +1 -1
- package/lib/components/accordion/body/AccordionBodyProps.d.ts +0 -1
- package/lib/components/accordion/body/AccordionBodyPropsDefaults.js +0 -7
- package/lib/components/alert/Alert.d.ts +4 -5
- package/lib/components/alert/Alert.js +10 -11
- package/lib/components/alert/Alert.js.map +1 -1
- package/lib/components/alert/Alert.native.d.ts +6 -6
- package/lib/components/alert/Alert.native.js +13 -13
- package/lib/components/alert/Alert.native.js.map +1 -1
- package/lib/components/alert/AlertProps.d.ts +3 -4
- package/lib/components/alert/AlertPropsDefaults.js +1 -8
- package/lib/components/alert/{ToasterAlertPropsDefaults.js → ToasterStatusPropsDefaults.js} +1 -16
- package/lib/components/alert/context/ToastPropsDefaults.js +1 -1
- package/lib/components/alert/context/ToasterContextProps.d.ts +3 -3
- package/lib/components/badge/Badge.d.ts +1 -2
- package/lib/components/badge/Badge.js +3 -8
- package/lib/components/badge/Badge.js.map +1 -1
- package/lib/components/badge/Badge.native.d.ts +1 -2
- package/lib/components/badge/Badge.native.js +2 -5
- package/lib/components/badge/Badge.native.js.map +1 -1
- package/lib/components/badge/BadgeProps.d.ts +1 -2
- package/lib/components/badge/BadgePropsDefaults.js +0 -8
- package/lib/components/box/Box.d.ts +2 -2
- package/lib/components/box/Box.js +3 -3
- package/lib/components/box/Box.js.map +1 -1
- package/lib/components/box/Box.native.d.ts +2 -2
- package/lib/components/box/Box.native.js +8 -8
- package/lib/components/box/Box.native.js.map +1 -1
- package/lib/components/box/BoxProps.d.ts +1 -1
- package/lib/components/box/BoxPropsDefaults.js +3 -3
- package/lib/components/box/content/BoxContentPropsDefaults.js +1 -1
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +1 -1
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +1 -1
- package/lib/components/card/Card.d.ts +3 -0
- package/lib/components/card/Card.js +3 -2
- package/lib/components/card/Card.js.map +1 -1
- package/lib/components/card/CardPropsDefaults.js +1 -1
- package/lib/components/card/content/CardContent.native.d.ts +0 -1
- package/lib/components/card/content/CardContent.native.js +0 -1
- package/lib/components/card/content/CardContent.native.js.map +1 -1
- package/lib/components/card/content/CardContentProps.d.ts +0 -1
- package/lib/components/card/content/CardContentPropsDefaults.js +0 -8
- package/lib/components/card/image/CardImage.d.ts +0 -1
- package/lib/components/card/image/CardImage.js +0 -1
- package/lib/components/card/image/CardImage.js.map +1 -1
- package/lib/components/card/image/CardImage.native.d.ts +1 -1
- package/lib/components/card/image/CardImage.native.js +2 -1
- package/lib/components/card/image/CardImage.native.js.map +1 -1
- package/lib/components/card/image/CardImageProps.d.ts +0 -2
- package/lib/components/card/image/CardImagePropsDefaults.js +0 -8
- package/lib/components/chips/Chips.d.ts +1 -2
- package/lib/components/chips/Chips.js +4 -6
- package/lib/components/chips/Chips.js.map +1 -1
- package/lib/components/chips/Chips.native.d.ts +1 -2
- package/lib/components/chips/Chips.native.js +1 -3
- package/lib/components/chips/Chips.native.js.map +1 -1
- package/lib/components/chips/ChipsProps.d.ts +0 -1
- package/lib/components/chips/ChipsPropsDefaults.js +0 -8
- package/lib/components/chips/list/ChipsList.js +1 -1
- package/lib/components/chips/list/ChipsList.js.map +1 -1
- package/lib/components/columns/Columns.d.ts +0 -1
- package/lib/components/columns/Columns.js +2 -3
- package/lib/components/columns/Columns.js.map +1 -1
- package/lib/components/columns/ColumnsProps.d.ts +1 -3
- package/lib/components/columns/ColumnsPropsDefaults.js +0 -17
- package/lib/components/columns/item/ColumnsItem.native.js +3 -0
- package/lib/components/columns/item/ColumnsItem.native.js.map +1 -1
- package/lib/components/container/ContainerPropsDefaults.js +1 -1
- package/lib/components/countdown/Countdown.d.ts +2 -1
- package/lib/components/countdown/Countdown.js +3 -2
- package/lib/components/countdown/Countdown.js.map +1 -1
- package/lib/components/countdown/Countdown.native.d.ts +2 -1
- package/lib/components/countdown/Countdown.native.js +3 -2
- package/lib/components/countdown/Countdown.native.js.map +1 -1
- package/lib/components/countdown/CountdownProps.d.ts +1 -0
- package/lib/components/countdown/CountdownPropsDefaults.js +8 -0
- package/lib/components/divider/DividerPropsDefaults.js +3 -3
- package/lib/components/enumsComponentsName.d.ts +1 -1
- package/lib/components/enumsComponentsName.js +1 -1
- package/lib/components/enumsComponentsName.js.map +1 -1
- package/lib/components/fab/FabProps.d.ts +2 -2
- package/lib/components/fab/FabPropsDefaults.js +0 -16
- package/lib/components/hero/HeroPropsDefaults.js +1 -1
- package/lib/components/icon/IconPropsDefaults.js +1 -1
- package/lib/components/icon/circle/CircleIconPropsDefaults.js +1 -1
- package/lib/components/input/Input.native.js +16 -16
- package/lib/components/input/Input.native.js.map +1 -1
- package/lib/components/link/Link.js +2 -2
- package/lib/components/link/Link.js.map +1 -1
- package/lib/components/link/Link.native.d.ts +0 -1
- package/lib/components/link/Link.native.js +0 -1
- package/lib/components/link/Link.native.js.map +1 -1
- package/lib/components/link/LinkProps.d.ts +0 -1
- package/lib/components/link/LinkPropsDefaults.js +0 -8
- package/lib/components/modal/ModalPropsDefaults.js +1 -1
- package/lib/components/modal/title/ModalTitlePropsDefaults.js +1 -1
- package/lib/components/otp/Otp.d.ts +0 -12
- package/lib/components/otp/Otp.js +77 -98
- package/lib/components/otp/Otp.js.map +1 -1
- package/lib/components/price/Price.d.ts +1 -1
- package/lib/components/price/Price.js +2 -2
- package/lib/components/price/Price.js.map +1 -1
- package/lib/components/price/Price.native.d.ts +1 -2
- package/lib/components/price/Price.native.js +3 -5
- package/lib/components/price/Price.native.js.map +1 -1
- package/lib/components/price/PriceProps.d.ts +5 -5
- package/lib/components/price/PricePropsDefaults.js +0 -21
- package/lib/components/progress/Progress.d.ts +1 -1
- package/lib/components/progress/Progress.js +4 -4
- package/lib/components/progress/Progress.js.map +1 -1
- package/lib/components/progress/Progress.native.d.ts +2 -2
- package/lib/components/progress/Progress.native.js +5 -5
- package/lib/components/progress/Progress.native.js.map +1 -1
- package/lib/components/progress/ProgressProps.d.ts +2 -2
- package/lib/components/progress/ProgressPropsDefaults.js +1 -1
- package/lib/components/progress/item/ProgressItem.d.ts +1 -1
- package/lib/components/progress/item/ProgressItem.js +4 -4
- package/lib/components/progress/item/ProgressItem.js.map +1 -1
- package/lib/components/progress/item/ProgressItem.native.d.ts +2 -2
- package/lib/components/progress/item/ProgressItem.native.js +2 -2
- package/lib/components/progress/item/ProgressItem.native.js.map +1 -1
- package/lib/components/progress/item/ProgressItemProps.d.ts +2 -2
- package/lib/components/progress/item/ProgressItemPropsDefaults.js +1 -1
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadial.native.js +7 -7
- package/lib/components/progress/radial/ProgressRadial.native.js.map +1 -1
- package/lib/components/progress/radial/ProgressRadialProps.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadialPropsDefaults.js +2 -2
- package/lib/components/rows/Rows.d.ts +1 -0
- package/lib/components/rows/Rows.js +4 -2
- package/lib/components/rows/Rows.js.map +1 -1
- package/lib/components/rows/Rows.native.d.ts +5 -2
- package/lib/components/rows/Rows.native.js +4 -2
- package/lib/components/rows/Rows.native.js.map +1 -1
- package/lib/components/rows/RowsProps.d.ts +1 -0
- package/lib/components/rows/RowsPropsDefaults.js +8 -0
- package/lib/components/rows/item/RowItem.native.js +3 -1
- package/lib/components/rows/item/RowItem.native.js.map +1 -1
- package/lib/components/scroll-view/ScrollViewPropsDefaults.js +1 -1
- package/lib/components/section/Section.js +1 -1
- package/lib/components/section/Section.js.map +1 -1
- package/lib/components/section/SectionProps.d.ts +2 -2
- package/lib/components/section/SectionPropsDefaults.js +1 -17
- package/lib/components/segment-control/SegmentControlProps.d.ts +1 -4
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +0 -46
- package/lib/components/sticker/Sticker.d.ts +2 -2
- package/lib/components/sticker/Sticker.js +3 -3
- package/lib/components/sticker/Sticker.js.map +1 -1
- package/lib/components/switch/Switch.d.ts +2 -2
- package/lib/components/switch/Switch.js +4 -4
- package/lib/components/switch/Switch.js.map +1 -1
- package/lib/components/switch/Switch.native.d.ts +2 -2
- package/lib/components/switch/Switch.native.js +4 -4
- package/lib/components/switch/Switch.native.js.map +1 -1
- package/lib/components/switch/SwitchProps.d.ts +2 -2
- package/lib/components/switch/SwitchPropsDefaults.js +1 -1
- package/lib/components/table/body/TableBodyPropsDefaults.js +2 -2
- package/lib/components/table/head/TableHeadPropsDefaults.js +2 -2
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +1 -1
- package/lib/components/textarea/Textarea.native.js +7 -7
- package/lib/components/textarea/Textarea.native.js.map +1 -1
- package/lib/components/timeline/marker/TimelineMarkerPropsDefaults.js +1 -1
- package/lib/components/timeline/marker/TimelineMarkerWebPropsDefaults.js +1 -1
- package/lib/components/title/Title.js +2 -2
- package/lib/components/title/Title.js.map +1 -1
- package/lib/components/toaster/Toaster.js +4 -4
- package/lib/components/toaster/Toaster.js.map +1 -1
- package/lib/components/toaster/Toaster.native.js +7 -7
- package/lib/components/toaster/Toaster.native.js.map +1 -1
- package/lib/components/toaster/ToasterProps.d.ts +2 -2
- package/lib/components/toaster/ToasterPropsDefaults.js +1 -1
- package/lib/components/toaster/context/ToastPropsDefaults.js +1 -1
- package/lib/components/toaster/context/ToasterContextProps.d.ts +3 -3
- package/lib/components/view/ViewPropsDefaults.js +1 -1
- package/lib/objects/facets/Status.d.ts +36 -0
- package/lib/objects/facets/{Alert.js → Status.js} +19 -19
- package/lib/objects/facets/Status.js.map +1 -0
- package/lib/objects/facets/index.d.ts +1 -1
- package/lib/objects/facets/index.js +1 -1
- package/lib/objects/facets/index.js.map +1 -1
- package/lib/version.d.ts +1 -1
- package/lib/version.js +1 -1
- package/package.json +1 -1
- package/lib/objects/facets/Alert.d.ts +0 -36
- package/lib/objects/facets/Alert.js.map +0 -1
|
@@ -5,14 +5,14 @@ import { ComponentName } from "../../components/enumsComponentsName";
|
|
|
5
5
|
* Progress component
|
|
6
6
|
* @param children {ReactNode} Use Children it only if stacked progress
|
|
7
7
|
* @param percent {number} Progress percent
|
|
8
|
-
* @param
|
|
8
|
+
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
|
|
9
9
|
* @param stacked {boolean} Stacked progress
|
|
10
10
|
* @param uniqueLegend {stringabsolute} Unique legend
|
|
11
11
|
* @param firstExtremLegend {string} First extremity legend, only with secondExtremLegend property
|
|
12
12
|
* @param secondExtremLegend {string} Second extremity legend, only with firstExtremLegend property
|
|
13
13
|
*/
|
|
14
14
|
declare const Progress: {
|
|
15
|
-
({ children, percent,
|
|
15
|
+
({ children, percent, status, stacked, uniqueLegend, firstExtremLegend, secondExtremLegend, ...others }: ProgressProps): JSX.Element;
|
|
16
16
|
displayName: ComponentName;
|
|
17
17
|
};
|
|
18
18
|
export default Progress;
|
|
@@ -2,19 +2,19 @@ import React, { useEffect, useRef } from "react";
|
|
|
2
2
|
import { Animated, StyleSheet } from "react-native";
|
|
3
3
|
import { View } from "../../components/view";
|
|
4
4
|
import { Text, TextLevels } from "../../components/text";
|
|
5
|
-
import {
|
|
5
|
+
import { getStatusStyle, getColorStyle, TrilogyColor } from "../../objects";
|
|
6
6
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
7
7
|
/**
|
|
8
8
|
* Progress component
|
|
9
9
|
* @param children {ReactNode} Use Children it only if stacked progress
|
|
10
10
|
* @param percent {number} Progress percent
|
|
11
|
-
* @param
|
|
11
|
+
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
|
|
12
12
|
* @param stacked {boolean} Stacked progress
|
|
13
13
|
* @param uniqueLegend {stringabsolute} Unique legend
|
|
14
14
|
* @param firstExtremLegend {string} First extremity legend, only with secondExtremLegend property
|
|
15
15
|
* @param secondExtremLegend {string} Second extremity legend, only with firstExtremLegend property
|
|
16
16
|
*/
|
|
17
|
-
const Progress = ({ children, percent,
|
|
17
|
+
const Progress = ({ children, percent, status, stacked, uniqueLegend, firstExtremLegend, secondExtremLegend, ...others }) => {
|
|
18
18
|
const animation = useRef(new Animated.Value(0)).current;
|
|
19
19
|
useEffect(() => {
|
|
20
20
|
// eslint-disable-next-line no-unused-expressions
|
|
@@ -42,7 +42,7 @@ const Progress = ({ children, percent, alert, stacked, uniqueLegend, firstExtrem
|
|
|
42
42
|
percent: {
|
|
43
43
|
alignSelf: "flex-start",
|
|
44
44
|
height: height,
|
|
45
|
-
backgroundColor:
|
|
45
|
+
backgroundColor: getStatusStyle(status) || getColorStyle(TrilogyColor.MAIN),
|
|
46
46
|
borderRadius: 15,
|
|
47
47
|
},
|
|
48
48
|
progressItemFirst: {
|
|
@@ -83,7 +83,7 @@ const Progress = ({ children, percent, alert, stacked, uniqueLegend, firstExtrem
|
|
|
83
83
|
index === 0 && styles.progressItemFirst,
|
|
84
84
|
index === children.length - 1 && styles.progressItemSecond,
|
|
85
85
|
{
|
|
86
|
-
backgroundColor:
|
|
86
|
+
backgroundColor: getStatusStyle(child.props.status),
|
|
87
87
|
height: height,
|
|
88
88
|
},
|
|
89
89
|
],
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.native.js","sourceRoot":"","sources":["../../../components/progress/Progress.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAEnD,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAA;AACxC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Progress.native.js","sourceRoot":"","sources":["../../../components/progress/Progress.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import {
|
|
2
|
+
import { StatusProps } from '../../objects/facets/Status';
|
|
3
3
|
import { Stacked } from '../../objects/facets/Stacked';
|
|
4
4
|
/**
|
|
5
5
|
* Progress Interface
|
|
6
6
|
*/
|
|
7
|
-
export interface ProgressProps extends
|
|
7
|
+
export interface ProgressProps extends StatusProps, Stacked {
|
|
8
8
|
children?: React.ReactNode;
|
|
9
9
|
percent?: number;
|
|
10
10
|
maxPercent?: number;
|
|
@@ -5,7 +5,7 @@ import { ProgressItemProps } from "./ProgressItemProps";
|
|
|
5
5
|
* @param percent {number} Progress percent
|
|
6
6
|
* @param minPercent {number} Default min percent is 100
|
|
7
7
|
* @param maxPercent {number} Default max percent is 100
|
|
8
|
-
* @param
|
|
8
|
+
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
|
|
9
9
|
* @param children {React.ReactNode}
|
|
10
10
|
* @param accessibilityLabel {string} Accessibility label
|
|
11
11
|
* -------------------------- WEB PROPERTIES -------------------------------
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { is } from "../../../services/index";
|
|
3
|
-
import {
|
|
3
|
+
import { getStatusClassName } from "../../../objects";
|
|
4
4
|
import { hashClass } from "../../../helpers";
|
|
5
5
|
import clsx from "clsx";
|
|
6
6
|
import { useTrilogyContext } from "../../../context";
|
|
@@ -9,16 +9,16 @@ import { useTrilogyContext } from "../../../context";
|
|
|
9
9
|
* @param percent {number} Progress percent
|
|
10
10
|
* @param minPercent {number} Default min percent is 100
|
|
11
11
|
* @param maxPercent {number} Default max percent is 100
|
|
12
|
-
* @param
|
|
12
|
+
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
|
|
13
13
|
* @param children {React.ReactNode}
|
|
14
14
|
* @param accessibilityLabel {string} Accessibility label
|
|
15
15
|
* -------------------------- WEB PROPERTIES -------------------------------
|
|
16
16
|
* @param className {string} Additionnal CSS classes
|
|
17
17
|
*/
|
|
18
18
|
const ProgressItem = React.forwardRef((props, ref) => {
|
|
19
|
-
const { className, percent, maxPercent = 100, minPercent = 0,
|
|
19
|
+
const { className, percent, maxPercent = 100, minPercent = 0, status, accessibilityLabel, ...others } = props;
|
|
20
20
|
const { styled } = useTrilogyContext();
|
|
21
|
-
const classes = hashClass(styled, clsx("progress-bar",
|
|
21
|
+
const classes = hashClass(styled, clsx("progress-bar", status && is(getStatusClassName(status)), !status && is("primary"), className));
|
|
22
22
|
return (React.createElement("div", { ref: ref, ...(percent && { style: { width: `${percent}%` } }), className: classes, role: 'progressbar', "aria-valuenow": percent, "aria-valuemin": minPercent, "aria-valuemax": maxPercent, "aria-label": accessibilityLabel, ...others }));
|
|
23
23
|
});
|
|
24
24
|
export default ProgressItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressItem.js","sourceRoot":"","sources":["../../../../components/progress/item/ProgressItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ProgressItem.js","sourceRoot":"","sources":["../../../../components/progress/item/ProgressItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,MAAM,kBAAkB,CAAA;AACrC,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;GAUG;AACH,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAwB,EAAE,GAAoC,EAAE,EAAE;IACvG,MAAM,EACJ,SAAS,EACT,OAAO,EACP,UAAU,GAAG,GAAG,EAChB,UAAU,GAAG,CAAC,EACd,MAAM,EACN,kBAAkB,EAClB,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,OAAO,GAAG,SAAS,CACvB,MAAM,EACN,IAAI,CACF,cAAc,EACd,MAAM,IAAI,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,EACxC,CAAC,MAAM,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,SAAS,CACV,CACF,CAAA;IAED,OAAO,CACL,6BACE,GAAG,EAAE,GAAG,KACJ,CAAC,OAAO,IAAI,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,OAAO,GAAG,EAAE,EAAE,CAAC,EACpD,SAAS,EAAE,OAAO,EAClB,IAAI,EAAC,aAAa,mBACH,OAAO,mBACP,UAAU,mBACV,UAAU,gBACb,kBAAkB,KAC1B,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,YAAY,CAAA"}
|
|
@@ -5,11 +5,11 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
5
5
|
* Progress Item component - Only if stacked
|
|
6
6
|
* @param percent {number} Progress percent
|
|
7
7
|
* @param minPercent {number} Default min percent is 100
|
|
8
|
-
* @param
|
|
8
|
+
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
|
|
9
9
|
* @param children {React.ReactNode}
|
|
10
10
|
*/
|
|
11
11
|
declare const ProgressItem: {
|
|
12
|
-
({ children, percent,
|
|
12
|
+
({ children, percent, status, ...others }: ProgressItemProps): JSX.Element;
|
|
13
13
|
dispmayName: ComponentName;
|
|
14
14
|
};
|
|
15
15
|
export default ProgressItem;
|
|
@@ -5,11 +5,11 @@ import { ComponentName } from '../../../components/enumsComponentsName';
|
|
|
5
5
|
* Progress Item component - Only if stacked
|
|
6
6
|
* @param percent {number} Progress percent
|
|
7
7
|
* @param minPercent {number} Default min percent is 100
|
|
8
|
-
* @param
|
|
8
|
+
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
|
|
9
9
|
* @param children {React.ReactNode}
|
|
10
10
|
*/
|
|
11
11
|
// eslint-disable-next-line @typescript-eslint/no-unused-vars
|
|
12
|
-
const ProgressItem = ({ children, percent,
|
|
12
|
+
const ProgressItem = ({ children, percent, status, ...others }) => {
|
|
13
13
|
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
14
14
|
const givenProps = others;
|
|
15
15
|
const givenstyle = givenProps.style;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressItem.native.js","sourceRoot":"","sources":["../../../../components/progress/item/ProgressItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;GAMG;AACH,6DAA6D;AAC7D,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ProgressItem.native.js","sourceRoot":"","sources":["../../../../components/progress/item/ProgressItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,OAAO,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,cAAc,CAAA;AAEvC,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;;;;GAMG;AACH,6DAA6D;AAC7D,MAAM,YAAY,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,MAAM,EAAqB,EAAe,EAAE;IAChG,8DAA8D;IAC9D,MAAM,UAAU,GAAG,MAAa,CAAA;IAChC,MAAM,UAAU,GAAG,UAAU,CAAC,KAAK,CAAA;IAEnC,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAAA;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,iDAAiD;QACjD,OAAO;YACL,QAAQ,CAAC,MAAM,CAAC,SAAS,EAAE;gBACzB,OAAO,EAAE,OAAO;gBAChB,QAAQ,EAAE,IAAI;gBACd,eAAe,EAAE,KAAK;aACvB,CAAC,CAAC,KAAK,EAAE,CAAA;IACd,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC,CAAC,CAAA;IAExB,MAAM,KAAK,GAAG,SAAS,CAAC,WAAW,CAAC;QAClC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;QACpB,WAAW,EAAE,CAAC,IAAI,EAAE,MAAM,CAAC;QAC3B,WAAW,EAAE,OAAO;KACrB,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,QAAQ,CAAC,IAAI,OAAK,MAAM,EAAE,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,UAAU,CAAC,IACzD,QAAQ,CACK,CACjB,CAAA;AACH,CAAC,CAAA;AAED,YAAY,CAAC,WAAW,GAAG,aAAa,CAAC,YAAY,CAAA;AAErD,eAAe,YAAY,CAAA"}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import { Accessibility,
|
|
2
|
+
import { Accessibility, StatusProps } from '../../../objects/facets';
|
|
3
3
|
/**
|
|
4
4
|
* Progress Item Interface
|
|
5
5
|
*/
|
|
6
|
-
export interface ProgressItemProps extends
|
|
6
|
+
export interface ProgressItemProps extends StatusProps, Accessibility {
|
|
7
7
|
children?: React.ReactNode;
|
|
8
8
|
percent: number;
|
|
9
9
|
minPercent?: number;
|
|
@@ -6,17 +6,17 @@ import { ComponentName } from "../../../components/enumsComponentsName";
|
|
|
6
6
|
* @param percent {number} Progress percent
|
|
7
7
|
* @param label {string} Custom label
|
|
8
8
|
* @param description {string} Custom description
|
|
9
|
-
* @param
|
|
9
|
+
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
|
|
10
10
|
* @param full {boolean} Full progressRadial
|
|
11
11
|
* @param disk {boolean} Disk ProgressRadial
|
|
12
12
|
* @param children {React.ReactNode}
|
|
13
|
-
* @param
|
|
13
|
+
* @param secondStatus {StatusState} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
|
|
14
14
|
* @param secondPercent {number} Second progress percent
|
|
15
15
|
* @param align {Alignable} Progress Radial Alignement
|
|
16
16
|
* @param skeleton {boolean} Skeleton Progress Radial
|
|
17
17
|
*/
|
|
18
18
|
declare const ProgressRadial: {
|
|
19
|
-
({ percent, label, description,
|
|
19
|
+
({ percent, label, description, status, full, disk, secondPercent, secondStatus, align, skeleton, ...others }: ProgressRadialProps): JSX.Element;
|
|
20
20
|
displayName: ComponentName;
|
|
21
21
|
};
|
|
22
22
|
export default ProgressRadial;
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import { Platform, StyleSheet, View } from "react-native";
|
|
3
3
|
import { AnimatedCircularProgress } from "./react-native-circular-progress";
|
|
4
4
|
import { Text, TextLevels } from "../../../components/text";
|
|
5
|
-
import {
|
|
5
|
+
import { getStatusStyle, getAlignStyle, TypographyAlign, } from "../../../objects";
|
|
6
6
|
import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
|
|
7
7
|
import ContentLoader, { Circle } from "react-content-loader/native";
|
|
8
8
|
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
@@ -11,22 +11,22 @@ import { ComponentName } from "../../../components/enumsComponentsName";
|
|
|
11
11
|
* @param percent {number} Progress percent
|
|
12
12
|
* @param label {string} Custom label
|
|
13
13
|
* @param description {string} Custom description
|
|
14
|
-
* @param
|
|
14
|
+
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
|
|
15
15
|
* @param full {boolean} Full progressRadial
|
|
16
16
|
* @param disk {boolean} Disk ProgressRadial
|
|
17
17
|
* @param children {React.ReactNode}
|
|
18
|
-
* @param
|
|
18
|
+
* @param secondStatus {StatusState} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
|
|
19
19
|
* @param secondPercent {number} Second progress percent
|
|
20
20
|
* @param align {Alignable} Progress Radial Alignement
|
|
21
21
|
* @param skeleton {boolean} Skeleton Progress Radial
|
|
22
22
|
*/
|
|
23
|
-
const ProgressRadial = ({ percent, label, description,
|
|
24
|
-
const color =
|
|
23
|
+
const ProgressRadial = ({ percent, label, description, status, full, disk, secondPercent, secondStatus, align, skeleton, ...others }) => {
|
|
24
|
+
const color = getStatusStyle(status) || getColorStyle(TrilogyColor.MAIN);
|
|
25
25
|
const backgroundColor = getColorStyle(TrilogyColor.FONT, 1);
|
|
26
26
|
const percentWidth = percent || 0;
|
|
27
27
|
const secondFill = secondPercent ? { secondFill: secondPercent } : null;
|
|
28
|
-
const secondFillColor =
|
|
29
|
-
? { secondFillTintColor:
|
|
28
|
+
const secondFillColor = secondStatus
|
|
29
|
+
? { secondFillTintColor: getStatusStyle(secondStatus) }
|
|
30
30
|
: null;
|
|
31
31
|
const progressRadialWidth = 100;
|
|
32
32
|
const progressRadialSkeletonRadius = 50;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressRadial.native.js","sourceRoot":"","sources":["../../../../components/progress/radial/ProgressRadial.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAEzD,OAAO,EAAE,wBAAwB,EAAE,MAAM,kCAAkC,CAAA;AAC3E,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AACpD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"ProgressRadial.native.js","sourceRoot":"","sources":["../../../../components/progress/radial/ProgressRadial.native.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { StatusProps, StatusState, StatusStateValues, AlignableProps } from '../../../objects';
|
|
2
2
|
import React from 'react';
|
|
3
3
|
import { ProgressRadialItemProps } from './item/ProgressRadialItemProps';
|
|
4
4
|
/**
|
|
5
5
|
* Progress Radial Interface
|
|
6
6
|
*/
|
|
7
|
-
export interface ProgressRadialProps extends
|
|
7
|
+
export interface ProgressRadialProps extends StatusProps, AlignableProps {
|
|
8
8
|
children?: React.ReactElement<ProgressRadialItemProps> | React.ReactNode;
|
|
9
9
|
percent?: number;
|
|
10
10
|
label?: string | React.ReactNode;
|
|
@@ -13,7 +13,7 @@ export interface ProgressRadialProps extends AlertProps, AlignableProps {
|
|
|
13
13
|
full?: boolean;
|
|
14
14
|
disk?: boolean;
|
|
15
15
|
secondPercent?: number;
|
|
16
|
-
|
|
16
|
+
secondStatus?: StatusState | StatusStateValues;
|
|
17
17
|
skeleton?: boolean;
|
|
18
18
|
stacked?: boolean;
|
|
19
19
|
small?: boolean;
|
|
@@ -79,7 +79,7 @@ export default {
|
|
|
79
79
|
"number"
|
|
80
80
|
]
|
|
81
81
|
},
|
|
82
|
-
"
|
|
82
|
+
"secondStatus": {
|
|
83
83
|
"type": "enum",
|
|
84
84
|
"values": [
|
|
85
85
|
"undefined",
|
|
@@ -117,7 +117,7 @@ export default {
|
|
|
117
117
|
"true"
|
|
118
118
|
]
|
|
119
119
|
},
|
|
120
|
-
"
|
|
120
|
+
"status": {
|
|
121
121
|
"type": "enum",
|
|
122
122
|
"values": [
|
|
123
123
|
"undefined",
|
|
@@ -3,6 +3,7 @@ import { RowsProps } from "./RowsProps";
|
|
|
3
3
|
/**
|
|
4
4
|
* Rows Component
|
|
5
5
|
* @param children {React.ReactNode} Rows children
|
|
6
|
+
* @param gapless {boolean} Delete margins between row
|
|
6
7
|
* - ------------------- WEB PROPERTIES -------------------------
|
|
7
8
|
* @param className {string} additionnal CSS Classes
|
|
8
9
|
*/
|
|
@@ -2,16 +2,18 @@ import * as React from "react";
|
|
|
2
2
|
import { hashClass } from "../../helpers";
|
|
3
3
|
import clsx from "clsx";
|
|
4
4
|
import { useTrilogyContext } from "../../context";
|
|
5
|
+
import { is } from "../../services";
|
|
5
6
|
/**
|
|
6
7
|
* Rows Component
|
|
7
8
|
* @param children {React.ReactNode} Rows children
|
|
9
|
+
* @param gapless {boolean} Delete margins between row
|
|
8
10
|
* - ------------------- WEB PROPERTIES -------------------------
|
|
9
11
|
* @param className {string} additionnal CSS Classes
|
|
10
12
|
*/
|
|
11
13
|
const Rows = React.forwardRef((props, ref) => {
|
|
12
|
-
const { className, ...others } = props;
|
|
14
|
+
const { className, gapless, ...others } = props;
|
|
13
15
|
const { styled } = useTrilogyContext();
|
|
14
|
-
return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx("rows", className)), ...others }));
|
|
16
|
+
return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx("rows", gapless && is("gapless"), className)), ...others }));
|
|
15
17
|
});
|
|
16
18
|
export default Rows;
|
|
17
19
|
//# sourceMappingURL=Rows.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rows.js","sourceRoot":"","sources":["../../../components/rows/Rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;
|
|
1
|
+
{"version":3,"file":"Rows.js","sourceRoot":"","sources":["../../../components/rows/Rows.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AAE/B;;;;;;GAMG;AACH,MAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAgB,EAAE,GAAoC,EAAE,EAAE;IACvF,MAAM,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAA;IAC/C,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,SAAS,CAAC,MAAM,EAAE,IAAI,CAAC,MAAM,EAAE,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CAAC,KAAM,MAAM,GAAI,CAC/G,CAAA;AAEH,CAAC,CAAC,CAAA;AACF,eAAe,IAAI,CAAA"}
|
|
@@ -1,12 +1,15 @@
|
|
|
1
|
-
|
|
1
|
+
import * as React from "react";
|
|
2
2
|
import { RowsProps } from "./RowsProps";
|
|
3
3
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
|
+
export declare const RowsContext: React.Context<{
|
|
5
|
+
gapless: boolean;
|
|
6
|
+
}>;
|
|
4
7
|
/**
|
|
5
8
|
* Rows Component
|
|
6
9
|
* @param children {React.ReactNode} Rows children
|
|
7
10
|
*/
|
|
8
11
|
declare const Rows: {
|
|
9
|
-
({ children, ...others }: RowsProps): JSX.Element;
|
|
12
|
+
({ children, gapless, ...others }: RowsProps): JSX.Element;
|
|
10
13
|
displayName: ComponentName;
|
|
11
14
|
};
|
|
12
15
|
export default Rows;
|
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StyleSheet, View } from "react-native";
|
|
3
3
|
import { ComponentName } from "../../components/enumsComponentsName";
|
|
4
|
+
export const RowsContext = React.createContext({ gapless: false });
|
|
4
5
|
/**
|
|
5
6
|
* Rows Component
|
|
6
7
|
* @param children {React.ReactNode} Rows children
|
|
7
8
|
*/
|
|
8
|
-
const Rows = ({ children, ...others }) => {
|
|
9
|
+
const Rows = ({ children, gapless, ...others }) => {
|
|
9
10
|
const styles = StyleSheet.create({
|
|
10
11
|
rows: {
|
|
11
12
|
display: "flex",
|
|
@@ -13,7 +14,8 @@ const Rows = ({ children, ...others }) => {
|
|
|
13
14
|
flex: 1,
|
|
14
15
|
},
|
|
15
16
|
});
|
|
16
|
-
return (React.createElement(
|
|
17
|
+
return (React.createElement(RowsContext.Provider, { value: { gapless: gapless || false } },
|
|
18
|
+
React.createElement(View, { style: styles.rows, ...others }, children)));
|
|
17
19
|
};
|
|
18
20
|
Rows.displayName = ComponentName.Rows;
|
|
19
21
|
export default Rows;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Rows.native.js","sourceRoot":"","sources":["../../../components/rows/Rows.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;
|
|
1
|
+
{"version":3,"file":"Rows.native.js","sourceRoot":"","sources":["../../../components/rows/Rows.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAEhE,MAAM,CAAC,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,CAAA;AAGlE;;;GAGG;AACH,MAAM,IAAI,GAAG,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAG,MAAM,EAAa,EAAe,EAAE;IACxE,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,IAAI,EAAE;YACJ,OAAO,EAAE,MAAM;YACf,aAAa,EAAE,QAAQ;YACvB,IAAI,EAAE,CAAC;SACR;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,WAAW,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAE,OAAO,EAAC,OAAO,IAAI,KAAK,EAAE;QACvD,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,IAAI,KAAM,MAAM,IACjC,QAAQ,CACJ,CACc,CAExB,CAAA;AACH,CAAC,CAAA;AAED,IAAI,CAAC,WAAW,GAAG,aAAa,CAAC,IAAI,CAAA;AAErC,eAAe,IAAI,CAAA"}
|
|
@@ -1,16 +1,18 @@
|
|
|
1
1
|
import * as React from "react";
|
|
2
2
|
import { StyleSheet, View } from "react-native";
|
|
3
3
|
import { ComponentName } from "../../../components/enumsComponentsName";
|
|
4
|
+
import { RowsContext } from "../Rows.native";
|
|
4
5
|
/**
|
|
5
6
|
* Rows Item Component
|
|
6
7
|
* @param narrow {boolean} Align same elements horizontaly
|
|
7
8
|
* @param children {React.ReactNode}
|
|
8
9
|
*/
|
|
9
10
|
const RowItem = ({ children, narrow, ...others }) => {
|
|
11
|
+
const { gapless } = React.useContext(RowsContext);
|
|
10
12
|
const styles = StyleSheet.create({
|
|
11
13
|
rowItem: {
|
|
12
14
|
flexGrow: (narrow && 0) || 1,
|
|
13
|
-
padding: 5,
|
|
15
|
+
padding: gapless ? 0 : 5,
|
|
14
16
|
flexShrink: 1,
|
|
15
17
|
},
|
|
16
18
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RowItem.native.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;
|
|
1
|
+
{"version":3,"file":"RowItem.native.js","sourceRoot":"","sources":["../../../../components/rows/item/RowItem.native.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE/C,OAAO,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAE5C;;;;GAIG;AACH,MAAM,OAAO,GAAG,CAAC,EACf,QAAQ,EACR,MAAM,EACN,GAAG,MAAM,EACK,EAAe,EAAE;IAC/B,MAAM,EAAE,OAAO,EAAE,GAAG,KAAK,CAAC,UAAU,CAAC,WAAW,CAAC,CAAA;IAEjD,MAAM,MAAM,GAAG,UAAU,CAAC,MAAM,CAAC;QAC/B,OAAO,EAAE;YACP,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;YAC5B,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;YACxB,UAAU,EAAE,CAAC;SACd;KACF,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,IAAI,IAAC,KAAK,EAAE,MAAM,CAAC,OAAO,KAAM,MAAM,IACpC,QAAQ,CACJ,CACR,CAAA;AACH,CAAC,CAAA;AAED,OAAO,CAAC,WAAW,GAAG,aAAa,CAAC,QAAQ,CAAA;AAE5C,eAAe,OAAO,CAAA"}
|
|
@@ -23,7 +23,7 @@ const Section = React.forwardRef((props, ref) => {
|
|
|
23
23
|
}, [skeleton]);
|
|
24
24
|
const _className = hashClass(styled, clsx('section', className, background && has(getBackgroundClassName(background)), backgroundSrc && has('background'), inverted && is('inverted'), isLoading ? is('loading') : is('loaded'), fullwidth && is('fullwidth'), paddingless && is('paddingless'), verticalPaddingless && is('vertical-paddingless')));
|
|
25
25
|
return (React.createElement("section", { ref: ref, ...(backgroundSrc && {
|
|
26
|
-
style: { backgroundImage: `url(${backgroundSrc})
|
|
26
|
+
style: { backgroundImage: `url(${backgroundSrc})` },
|
|
27
27
|
}), className: _className, ...others }));
|
|
28
28
|
});
|
|
29
29
|
export default Section;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;IASI;AAEJ,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAoC,EAAE,EAAE;IAC7F,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,mBAAmB,IAAI,EAAE,CAAC,sBAAsB,CAAC,CAClD,CACF,CAAA;IAED,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,KACJ,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,
|
|
1
|
+
{"version":3,"file":"Section.js","sourceRoot":"","sources":["../../../components/section/Section.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAElD,OAAO,EAAE,GAAG,EAAE,EAAE,EAAE,MAAM,YAAY,CAAA;AACpC,OAAO,EAAE,sBAAsB,EAAE,MAAM,WAAW,CAAA;AAClD,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;IASI;AAEJ,MAAM,OAAO,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAmB,EAAE,GAAoC,EAAE,EAAE;IAC7F,MAAM,EACJ,SAAS,EACT,QAAQ,EACR,UAAU,EACV,aAAa,EACb,QAAQ,EACR,WAAW,EACX,mBAAmB,EACnB,SAAS,EACT,GAAG,MAAM,EACV,GAAG,KAAK,CAAA;IAET,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAU,QAAQ,IAAI,KAAK,CAAC,CAAA;IAEtE,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,QAAQ,IAAI,KAAK,CAAC,CAAA;IACjC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,UAAU,GAAG,SAAS,CAC1B,MAAM,EACN,IAAI,CACF,SAAS,EACT,SAAS,EACT,UAAU,IAAI,GAAG,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,EACrD,aAAa,IAAI,GAAG,CAAC,YAAY,CAAC,EAClC,QAAQ,IAAI,EAAE,CAAC,UAAU,CAAC,EAC1B,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,QAAQ,CAAC,EACxC,SAAS,IAAI,EAAE,CAAC,WAAW,CAAC,EAC5B,WAAW,IAAI,EAAE,CAAC,aAAa,CAAC,EAChC,mBAAmB,IAAI,EAAE,CAAC,sBAAsB,CAAC,CAClD,CACF,CAAA;IAED,OAAO,CACL,iCACE,GAAG,EAAE,GAAG,KACJ,CAAC,aAAa,IAAI;YACpB,KAAK,EAAE,EAAE,eAAe,EAAE,OAAO,aAAa,GAAG,EAAC;SACnD,CAAC,EACF,SAAS,EAAE,UAAU,KACjB,MAAM,GACV,CACH,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,eAAe,OAAO,CAAA"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import type { BackgroundProps, Fullwidth, Layout, Paddingless,
|
|
1
|
+
import type { BackgroundProps, Fullwidth, Layout, Paddingless, VerticalPaddingless, ChildrenWithNoText } from '../../objects';
|
|
2
2
|
/**
|
|
3
3
|
* Section Interface
|
|
4
4
|
*/
|
|
5
|
-
export interface SectionProps extends Layout, Fullwidth, BackgroundProps,
|
|
5
|
+
export interface SectionProps extends Layout, Fullwidth, BackgroundProps, Paddingless, VerticalPaddingless, ChildrenWithNoText {
|
|
6
6
|
className?: string;
|
|
7
7
|
skeleton?: boolean;
|
|
8
8
|
}
|
|
@@ -39,7 +39,6 @@ export default {
|
|
|
39
39
|
"INFO",
|
|
40
40
|
"WARNING",
|
|
41
41
|
"ERROR",
|
|
42
|
-
"MAIN",
|
|
43
42
|
"WHITE",
|
|
44
43
|
"MAIN",
|
|
45
44
|
"ACCENT",
|
|
@@ -54,6 +53,7 @@ export default {
|
|
|
54
53
|
"NEUTRAL_DARK",
|
|
55
54
|
"NEUTRAL_LIGHT",
|
|
56
55
|
"WHITE",
|
|
56
|
+
"MAIN",
|
|
57
57
|
"ACCENT",
|
|
58
58
|
"FONT",
|
|
59
59
|
"DISABLED",
|
|
@@ -79,22 +79,6 @@ export default {
|
|
|
79
79
|
"true"
|
|
80
80
|
]
|
|
81
81
|
},
|
|
82
|
-
"pulledLeft": {
|
|
83
|
-
"type": "boolean",
|
|
84
|
-
"values": [
|
|
85
|
-
"undefined",
|
|
86
|
-
"false",
|
|
87
|
-
"true"
|
|
88
|
-
]
|
|
89
|
-
},
|
|
90
|
-
"pulledRight": {
|
|
91
|
-
"type": "boolean",
|
|
92
|
-
"values": [
|
|
93
|
-
"undefined",
|
|
94
|
-
"false",
|
|
95
|
-
"true"
|
|
96
|
-
]
|
|
97
|
-
},
|
|
98
82
|
"paddingless": {
|
|
99
83
|
"type": "boolean",
|
|
100
84
|
"values": [
|
|
@@ -1,12 +1,9 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { Clickable } from '../../objects/facets/Clickable';
|
|
3
|
-
import { Centerable } from '../../objects/facets/Centerable';
|
|
4
|
-
import { AlignableProps } from '../../objects/facets/Alignable';
|
|
5
|
-
import { JustifiableProps } from '../../objects/facets/Justifiable';
|
|
6
3
|
/**
|
|
7
4
|
* SegmentedControl Interface
|
|
8
5
|
*/
|
|
9
|
-
export interface SegmentControlProps extends
|
|
6
|
+
export interface SegmentControlProps extends Clickable {
|
|
10
7
|
children: React.ReactNode;
|
|
11
8
|
disabled?: boolean;
|
|
12
9
|
activeIndex?: number;
|