@trilogy-ds/react 0.0.1-beta-73 → 0.0.1-beta-75
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 +9 -9
- 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 +43 -15
- package/lib/components/box/content/BoxContentPropsDefaults.js +21 -7
- package/lib/components/box/footer/BoxFooterPropsDefaults.js +21 -7
- package/lib/components/box/header/BoxHeaderPropsDefaults.js +21 -7
- 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/Card.native.js +1 -1
- package/lib/components/card/Card.native.js.map +1 -1
- package/lib/components/card/CardPropsDefaults.js +21 -7
- 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 +2 -4
- 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 +21 -7
- 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 +63 -21
- 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/Hero.native.js +1 -1
- package/lib/components/hero/Hero.native.js.map +1 -1
- package/lib/components/hero/HeroPropsDefaults.js +21 -7
- package/lib/components/icon/Icon.native.js +1 -1
- package/lib/components/icon/Icon.native.js.map +1 -1
- package/lib/components/icon/IconPropsDefaults.js +21 -7
- package/lib/components/icon/circle/CircleIconPropsDefaults.js +21 -7
- package/lib/components/input/Input.native.js +16 -16
- package/lib/components/input/Input.native.js.map +1 -1
- package/lib/components/input/gauge/hook/useGauge.js +1 -1
- package/lib/components/input/gauge/hook/useGauge.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/list/item/ListItem.native.js +1 -1
- package/lib/components/list/item/ListItem.native.js.map +1 -1
- 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.js +2 -1
- package/lib/components/progress/radial/ProgressRadial.js.map +1 -1
- package/lib/components/progress/radial/ProgressRadial.native.d.ts +3 -3
- package/lib/components/progress/radial/ProgressRadial.native.js +9 -9
- 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/progress/radial/item/ProgressRadialItemPropsDefaults.js +10 -3
- package/lib/components/range/Range.js +1 -1
- package/lib/components/range/Range.js.map +1 -1
- 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 +21 -7
- 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 +21 -23
- package/lib/components/segment-control/SegmentControl.native.js +1 -1
- package/lib/components/segment-control/SegmentControl.native.js.map +1 -1
- package/lib/components/segment-control/SegmentControlProps.d.ts +1 -4
- package/lib/components/segment-control/SegmentControlPropsDefaults.js +0 -46
- package/lib/components/segment-control/item/SegmentControlItem.native.js +1 -1
- package/lib/components/segment-control/item/SegmentControlItem.native.js.map +1 -1
- 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 +42 -14
- package/lib/components/table/head/TableHeadPropsDefaults.js +42 -14
- package/lib/components/table/td/TableTd.native.js +2 -2
- package/lib/components/table/td/TableTd.native.js.map +1 -1
- package/lib/components/table/th/TableTh.native.js +2 -2
- package/lib/components/table/th/TableTh.native.js.map +1 -1
- package/lib/components/table/tr/TableTr.native.js +1 -1
- package/lib/components/table/tr/TableTr.native.js.map +1 -1
- package/lib/components/table/tr/TableTrPropsWebDefaults.js +21 -7
- package/lib/components/tabs/item/TabsItem.native.js +1 -1
- package/lib/components/tabs/item/TabsItem.native.js.map +1 -1
- package/lib/components/tag/Tag.native.js +1 -1
- package/lib/components/tag/Tag.native.js.map +1 -1
- package/lib/components/text/Text.native.js +1 -1
- package/lib/components/text/Text.native.js.map +1 -1
- package/lib/components/text/TextPropsDefaults.js +0 -2
- package/lib/components/textarea/Textarea.native.js +8 -8
- package/lib/components/textarea/Textarea.native.js.map +1 -1
- package/lib/components/timeline/content/TimelineContent.js +1 -1
- package/lib/components/timeline/content/TimelineContent.js.map +1 -1
- package/lib/components/timeline/marker/TimelineMarker.native.js +7 -7
- package/lib/components/timeline/marker/TimelineMarker.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/title/Title.native.js +1 -1
- package/lib/components/title/Title.native.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 +21 -7
- package/lib/hash.json +1 -1
- package/lib/objects/Typography/TypographyColor.d.ts +0 -1
- package/lib/objects/Typography/TypographyColor.js +0 -5
- package/lib/objects/Typography/TypographyColor.js.map +1 -1
- package/lib/objects/atoms/Background.js +3 -0
- package/lib/objects/atoms/Background.js.map +1 -1
- package/lib/objects/atoms/Text.js +1 -3
- package/lib/objects/atoms/Text.js.map +1 -1
- package/lib/objects/facets/Color.d.ts +11 -4
- package/lib/objects/facets/Color.js +52 -48
- package/lib/objects/facets/Color.js.map +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/Variant.js +1 -1
- package/lib/objects/facets/Variant.js.map +1 -1
- 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
|
@@ -163,26 +163,5 @@ export default {
|
|
|
163
163
|
"ALIGNED_START",
|
|
164
164
|
"ALIGNED_END"
|
|
165
165
|
]
|
|
166
|
-
},
|
|
167
|
-
"alert": {
|
|
168
|
-
"type": "enum",
|
|
169
|
-
"values": [
|
|
170
|
-
"undefined",
|
|
171
|
-
"SUCCESS",
|
|
172
|
-
"INFO",
|
|
173
|
-
"WARNING",
|
|
174
|
-
"ERROR",
|
|
175
|
-
"SUCCESS",
|
|
176
|
-
"INFO",
|
|
177
|
-
"WARNING",
|
|
178
|
-
"ERROR"
|
|
179
|
-
]
|
|
180
|
-
},
|
|
181
|
-
"id": {
|
|
182
|
-
"type": "string",
|
|
183
|
-
"values": [
|
|
184
|
-
"undefined",
|
|
185
|
-
"string"
|
|
186
|
-
]
|
|
187
166
|
}
|
|
188
167
|
};
|
|
@@ -5,7 +5,7 @@ import { ProgressProps } from "./ProgressProps";
|
|
|
5
5
|
* @param children {ReactNode} Use Children it only if stacked progress
|
|
6
6
|
* @param percent {number} Progress percent
|
|
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 small {boolean} Small progress
|
|
10
10
|
* @param stacked {boolean} Stacked progress
|
|
11
11
|
* @param uniqueLegend {string} Unique legend
|
|
@@ -2,7 +2,7 @@ import * as React from "react";
|
|
|
2
2
|
import { is, has } from "../../services/index";
|
|
3
3
|
import { Text, TextLevels } from "../text";
|
|
4
4
|
import { Columns, ColumnsItem } from "../columns";
|
|
5
|
-
import {
|
|
5
|
+
import { getStatusClassName } from "../../objects";
|
|
6
6
|
import { hashClass } from "../../helpers";
|
|
7
7
|
import clsx from "clsx";
|
|
8
8
|
import { useTrilogyContext } from "../../context";
|
|
@@ -11,7 +11,7 @@ import { useTrilogyContext } from "../../context";
|
|
|
11
11
|
* @param children {ReactNode} Use Children it only if stacked progress
|
|
12
12
|
* @param percent {number} Progress percent
|
|
13
13
|
* @param maxPercent {number} Default max percent is 100
|
|
14
|
-
* @param
|
|
14
|
+
* @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR)
|
|
15
15
|
* @param small {boolean} Small progress
|
|
16
16
|
* @param stacked {boolean} Stacked progress
|
|
17
17
|
* @param uniqueLegend {string} Unique legend
|
|
@@ -21,9 +21,9 @@ import { useTrilogyContext } from "../../context";
|
|
|
21
21
|
* @param className {string} Additionnal CSS classes
|
|
22
22
|
*/
|
|
23
23
|
const Progress = React.forwardRef((props, ref) => {
|
|
24
|
-
const { children, className, percent, maxPercent = 100,
|
|
24
|
+
const { children, className, percent, maxPercent = 100, status, small, stacked, uniqueLegend, firstExtremLegend, secondExtremLegend, ...others } = props;
|
|
25
25
|
const { styled } = useTrilogyContext();
|
|
26
|
-
const classes = hashClass(styled, clsx("progress",
|
|
26
|
+
const classes = hashClass(styled, clsx("progress", status && is(getStatusClassName(status)), !status && is("primary"), small && is("small"), className));
|
|
27
27
|
const stackedClasses = hashClass(styled, clsx("progress", stacked && is("stacked"), className));
|
|
28
28
|
if (children && stacked) {
|
|
29
29
|
return (React.createElement("div", { ref: ref, className: stackedClasses, ...others }, children));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../components/progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACjD,OAAO,EAAE,
|
|
1
|
+
{"version":3,"file":"Progress.js","sourceRoot":"","sources":["../../../components/progress/Progress.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,EAAE,EAAE,GAAG,EAAE,MAAM,kBAAkB,CAAA;AAC1C,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AACjD,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;;;;;;;;;;;;;GAaG;AACH,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAAC,CAAC,KAAoB,EAAE,GAAoC,EAAE,EAAE;IAC/F,MAAM,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,UAAU,GAAG,GAAG,EAChB,MAAM,EACN,KAAK,EACL,OAAO,EACP,YAAY,EACZ,iBAAiB,EACjB,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,UAAU,EACV,MAAM,IAAI,EAAE,CAAC,kBAAkB,CAAC,MAAM,CAAC,CAAC,EACxC,CAAC,MAAM,IAAI,EAAE,CAAC,SAAS,CAAC,EACxB,KAAK,IAAI,EAAE,CAAC,OAAO,CAAC,EACpB,SAAS,CACV,CACF,CAAA;IAED,MAAM,cAAc,GAAG,SAAS,CAC9B,MAAM,EACN,IAAI,CAAC,UAAU,EAAE,OAAO,IAAI,EAAE,CAAC,SAAS,CAAC,EAAE,SAAS,CAAC,CACtD,CAAA;IAED,IAAI,QAAQ,IAAI,OAAO,EAAE;QACvB,OAAO,CACL,6BAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,cAAc,KAAM,MAAM,IACjD,QAAQ,CACL,CACP,CAAA;KACF;IAED,OAAO,CACL;QACE,kCACE,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,OAAO,EACd,GAAG,EAAE,UAAU,KACX,MAAM,IAET,OAAO,CACC;QACV,YAAY,IAAI,CACf,oBAAC,IAAI,IAAC,SAAS,EAAE,GAAG,CAAC,eAAe,CAAC,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,IACzD,YAAY,CACR,CACR;QACA,iBAAiB,IAAI,kBAAkB,IAAI,CAC1C,oBAAC,OAAO,IAAC,MAAM,QAAC,UAAU,EAAE,CAAC;YAC3B,oBAAC,WAAW;gBACV,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,IAAG,iBAAiB,CAAQ,CAC3C;YACd,oBAAC,WAAW,IAAC,MAAM;gBACjB,oBAAC,IAAI,IAAC,KAAK,EAAE,UAAU,CAAC,GAAG,IAAG,kBAAkB,CAAQ,CAC5C,CACN,CACX,CACA,CACJ,CAAA;AAEH,CAAC,CAAC,CAAA;AAEF,eAAe,QAAQ,CAAA"}
|
|
@@ -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;
|
|
@@ -5,6 +5,7 @@ import { hashClass } from '../../../helpers';
|
|
|
5
5
|
import { useTrilogyContext } from '../../../context';
|
|
6
6
|
import { Title, TitleLevels } from '../../title';
|
|
7
7
|
import { Text, TextLevels } from '../../text';
|
|
8
|
+
import { getColorStyle } from "../../../objects/facets/Color";
|
|
8
9
|
const ProgressRadial = ({ children, percent = 0, secondPercent = 0, label, description, skeleton, className, small, ...others }) => {
|
|
9
10
|
const { styled } = useTrilogyContext();
|
|
10
11
|
const [firstProgressCurrentValue, setFirstProgressCurrentValue] = useState(0);
|
|
@@ -24,7 +25,7 @@ const ProgressRadial = ({ children, percent = 0, secondPercent = 0, label, descr
|
|
|
24
25
|
const secondProgressStartDegree = firstProgressDegree;
|
|
25
26
|
let styleBackground;
|
|
26
27
|
styleBackground = `radial-gradient(circle at center, white 58%, transparent 58.1%),`;
|
|
27
|
-
styleBackground += `conic-gradient(#0C7B91 0 ${firstProgressDegree}deg,
|
|
28
|
+
styleBackground += `conic-gradient(#0C7B91 0 ${firstProgressDegree}deg, #${getColorStyle('MAIN')} ${secondProgressStartDegree}deg ${secondProgressStartDegree + secondProgressDegree}deg, gainsboro ${secondProgressStartDegree + secondProgressDegree}deg 360deg)`;
|
|
28
29
|
progressRadial.style.background = styleBackground;
|
|
29
30
|
};
|
|
30
31
|
useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressRadial.js","sourceRoot":"","sources":["../../../../components/progress/radial/ProgressRadial.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC3D,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EAAE,EAAE,EAAE,MAAM,yBAAyB,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AACrD,OAAO,EAAE,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAA;AAChD,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,YAAY,CAAA;
|
|
1
|
+
{"version":3,"file":"ProgressRadial.js","sourceRoot":"","sources":["../../../../components/progress/radial/ProgressRadial.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;
|
|
@@ -51,13 +51,13 @@ const ProgressRadial = ({ percent, label, description, alert, full, disk, second
|
|
|
51
51
|
backgroundColor: color,
|
|
52
52
|
},
|
|
53
53
|
labelDisk: {
|
|
54
|
-
color: getColorStyle(TrilogyColor.
|
|
54
|
+
color: getColorStyle(TrilogyColor.FONT),
|
|
55
55
|
textAlign: "center",
|
|
56
56
|
fontSize: 20,
|
|
57
57
|
fontWeight: "500",
|
|
58
58
|
},
|
|
59
59
|
descriptionDisk: {
|
|
60
|
-
color: getColorStyle(TrilogyColor.
|
|
60
|
+
color: getColorStyle(TrilogyColor.FONT),
|
|
61
61
|
textAlign: "center",
|
|
62
62
|
fontWeight: "400",
|
|
63
63
|
},
|
|
@@ -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",
|
|
@@ -28,18 +28,25 @@ export default {
|
|
|
28
28
|
"type": "enum",
|
|
29
29
|
"values": [
|
|
30
30
|
"WHITE",
|
|
31
|
+
"FADE_WHITE",
|
|
31
32
|
"MAIN",
|
|
33
|
+
"FADE_MAIN",
|
|
32
34
|
"ACCENT",
|
|
35
|
+
"FADE_ACCENT",
|
|
33
36
|
"FONT",
|
|
37
|
+
"FADE_FONT",
|
|
34
38
|
"SUCCESS",
|
|
39
|
+
"FADE_SUCCESS",
|
|
35
40
|
"INFO",
|
|
41
|
+
"FADE_INFO",
|
|
36
42
|
"WARNING",
|
|
43
|
+
"FADE_WARNING",
|
|
37
44
|
"ERROR",
|
|
45
|
+
"FADE_ERROR",
|
|
38
46
|
"DISABLED",
|
|
39
|
-
"
|
|
47
|
+
"FADE_DISABLED",
|
|
40
48
|
"NEUTRAL",
|
|
41
|
-
"
|
|
42
|
-
"NEUTRAL_LIGHT",
|
|
49
|
+
"FADE_NEUTRAL",
|
|
43
50
|
"warning",
|
|
44
51
|
"secondary",
|
|
45
52
|
"empty",
|
|
@@ -29,7 +29,7 @@ const Range = ({ min, max, label, valueCursorMin, valueCursorMax, labelValueCurs
|
|
|
29
29
|
React.useEffect(() => {
|
|
30
30
|
if (refTrack.current) {
|
|
31
31
|
const track = refTrack.current;
|
|
32
|
-
track.style.background = `linear-gradient(to right, ${getColorStyle(TrilogyColor.
|
|
32
|
+
track.style.background = `linear-gradient(to right, ${getColorStyle(TrilogyColor.FADE_NEUTRAL)} ${(cursorMin / max) * 100}% , ${getColorStyle(TrilogyColor.MAIN, 1)} ${(cursorMin / max) * 100}% , ${getColorStyle(TrilogyColor.MAIN, 1)} ${(cursorMax / max) * 100}%, ${getColorStyle(TrilogyColor.FADE_NEUTRAL)} ${(cursorMax / max) * 100}%) `;
|
|
33
33
|
}
|
|
34
34
|
}, [cursorMin, cursorMax]);
|
|
35
35
|
React.useEffect(() => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../components/range/Range.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAC9B,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,WAAW,CAAA;AACrC,OAAO,IAAI,MAAM,MAAM,CAAA;AACvB,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAE7C;;;;;;;;;;;;;;;;;GAiBG;AAEH,MAAM,KAAK,GAAG,CAAC,EACb,GAAG,EACH,GAAG,EACH,KAAK,EACL,cAAc,EACd,cAAc,EACd,mBAAmB,EACnB,mBAAmB,EACnB,WAAW,EACX,WAAW,EACX,OAAO,EACP,KAAK,EACL,OAAO,EACP,KAAK,EACL,MAAM,EACN,GAAG,GAAG,CAAC,GACI,EAAe,EAAE;IAC5B,MAAM,EAAE,MAAM,EAAE,GAAG,iBAAiB,EAAE,CAAA;IAEtC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAS,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,CAAC,CAAC,CAAA;IAC7E,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,KAAK,CAAC,QAAQ,CAC9C,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,GAAG,CACtB,CAAA;IACD,MAAM,QAAQ,GAAG,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAA;IAEnC,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,IAAI,QAAQ,CAAC,OAAO,EAAE;YACpB,MAAM,KAAK,GAAG,QAAQ,CAAC,OAAsB,CAAA;YAC7C,KAAK,CAAC,KAAK,CAAC,UAAU,GAAG,6BAA6B,aAAa,CACjE,YAAY,CAAC,
|
|
1
|
+
{"version":3,"file":"Range.js","sourceRoot":"","sources":["../../../components/range/Range.tsx"],"names":[],"mappings":"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"}
|
|
@@ -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;
|