@codezee/sixtify-brahma 0.2.368 → 0.2.369
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/package.json +1 -1
- package/packages/shared-components/dist/FormFields/ProgressSliderField/ProgressSliderField.d.ts +24 -0
- package/packages/shared-components/dist/FormFields/ProgressSliderField/ProgressSliderField.d.ts.map +1 -0
- package/packages/shared-components/dist/FormFields/ProgressSliderField/Skeleton.d.ts +8 -0
- package/packages/shared-components/dist/FormFields/ProgressSliderField/Skeleton.d.ts.map +1 -0
- package/packages/shared-components/dist/FormFields/ProgressSliderField/index.d.ts +3 -0
- package/packages/shared-components/dist/FormFields/ProgressSliderField/index.d.ts.map +1 -0
- package/packages/shared-components/dist/FormFields/ProgressSliderField/utils.d.ts +5 -0
- package/packages/shared-components/dist/FormFields/ProgressSliderField/utils.d.ts.map +1 -0
- package/packages/shared-components/dist/FormFields/index.d.ts +1 -0
- package/packages/shared-components/dist/FormFields/index.d.ts.map +1 -1
- package/packages/shared-components/dist/ProgressCell/ProgressCell.d.ts +24 -0
- package/packages/shared-components/dist/ProgressCell/ProgressCell.d.ts.map +1 -0
- package/packages/shared-components/dist/ProgressCell/getProgressBandColor.d.ts +16 -0
- package/packages/shared-components/dist/ProgressCell/getProgressBandColor.d.ts.map +1 -0
- package/packages/shared-components/dist/ProgressCell/index.d.ts +3 -0
- package/packages/shared-components/dist/ProgressCell/index.d.ts.map +1 -0
- package/packages/shared-components/dist/index.cjs.js +3 -3
- package/packages/shared-components/dist/index.cjs.js.map +1 -1
- package/packages/shared-components/dist/index.d.ts +1 -0
- package/packages/shared-components/dist/index.d.ts.map +1 -1
- package/packages/shared-components/dist/index.esm.js +3 -3
- package/packages/shared-components/dist/index.esm.js.map +1 -1
package/package.json
CHANGED
package/packages/shared-components/dist/FormFields/ProgressSliderField/ProgressSliderField.d.ts
ADDED
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type SliderProps } from "@mui/material/Slider";
|
|
2
|
+
import { type FieldValues, type UseControllerProps } from "react-hook-form";
|
|
3
|
+
import { type ProgressBandColors, type ProgressBandThresholds } from "../../ProgressCell";
|
|
4
|
+
import type { SizeType } from "../../utils/types";
|
|
5
|
+
import type { SxProps, Theme } from "@mui/material/styles";
|
|
6
|
+
export type ProgressSliderFieldProps<P extends FieldValues> = UseControllerProps<P> & Omit<SliderProps, "value" | "onChange" | "min" | "max" | "step" | "name" | "defaultValue" | "size"> & {
|
|
7
|
+
targetValue: number;
|
|
8
|
+
label?: string;
|
|
9
|
+
showLabel?: boolean;
|
|
10
|
+
hideLabel?: boolean;
|
|
11
|
+
size?: SizeType;
|
|
12
|
+
readOnly?: boolean;
|
|
13
|
+
required?: boolean;
|
|
14
|
+
loading?: boolean;
|
|
15
|
+
/** Full override for slider color. Wins over band props. */
|
|
16
|
+
getBarColor?: (percentage: number) => string;
|
|
17
|
+
/** Override default band palette colors (complete/high/mid/low). */
|
|
18
|
+
bandColors?: Partial<ProgressBandColors>;
|
|
19
|
+
/** Override default thresholds (≥100 / ≥55 / ≥25). */
|
|
20
|
+
bandThresholds?: Partial<ProgressBandThresholds>;
|
|
21
|
+
containerSx?: SxProps<Theme>;
|
|
22
|
+
};
|
|
23
|
+
export declare function ProgressSliderField<P extends FieldValues>({ name, control, defaultValue, rules, targetValue, label, showLabel, hideLabel, size, readOnly, required, loading, disabled, getBarColor, bandColors, bandThresholds, containerSx, valueLabelDisplay, valueLabelFormat, "aria-label": ariaLabel, sx, ...sliderProps }: ProgressSliderFieldProps<P>): import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
//# sourceMappingURL=ProgressSliderField.d.ts.map
|
package/packages/shared-components/dist/FormFields/ProgressSliderField/ProgressSliderField.d.ts.map
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressSliderField.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ProgressSliderField/ProgressSliderField.tsx"],"names":[],"mappings":"AAIA,OAAe,EAAE,KAAK,WAAW,EAAE,MAAM,sBAAsB,CAAC;AAGhE,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,kBAAkB,EACxB,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC5B,MAAM,oBAAoB,CAAC;AAU5B,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAoB3D,MAAM,MAAM,wBAAwB,CAAC,CAAC,SAAS,WAAW,IACxD,kBAAkB,CAAC,CAAC,CAAC,GACnB,IAAI,CACF,WAAW,EACT,OAAO,GACP,UAAU,GACV,KAAK,GACL,KAAK,GACL,MAAM,GACN,MAAM,GACN,cAAc,GACd,MAAM,CACT,GAAG;IACF,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACzC,sDAAsD;IACtD,cAAc,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACjD,WAAW,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CAC9B,CAAC;AAEN,wBAAgB,mBAAmB,CAAC,CAAC,SAAS,WAAW,EAAE,EACzD,IAAI,EACJ,OAAO,EACP,YAAY,EACZ,KAAK,EACL,WAAW,EACX,KAAK,EACL,SAAgB,EAChB,SAAiB,EACjB,IAAe,EACf,QAAgB,EAChB,QAAgB,EAChB,OAAe,EACf,QAAgB,EAChB,WAAW,EACX,UAAU,EACV,cAAc,EACd,WAAW,EACX,iBAA0B,EAC1B,gBAAgB,EAChB,YAAY,EAAE,SAA8B,EAC5C,EAAE,EACF,GAAG,WAAW,EACf,EAAE,wBAAwB,CAAC,CAAC,CAAC,2CAqH7B"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { SizeType } from "../../utils/types";
|
|
2
|
+
type ProgressSliderFieldSkeletonProps = {
|
|
3
|
+
label?: string;
|
|
4
|
+
size?: SizeType;
|
|
5
|
+
};
|
|
6
|
+
export declare const Skeleton: ({ label, size, }: ProgressSliderFieldSkeletonProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=Skeleton.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Skeleton.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ProgressSliderField/Skeleton.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAQlD,KAAK,gCAAgC,GAAG;IACtC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,QAAQ,CAAC;CACjB,CAAC;AAEF,eAAO,MAAM,QAAQ,GAAI,kBAGtB,gCAAgC,4CAelC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ProgressSliderField/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,KAAK,wBAAwB,GAC9B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EACL,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,cAAc,GACf,MAAM,SAAS,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export declare const roundToTwoDecimals: (value: number) => number;
|
|
2
|
+
export declare const getProgressPercent: (currentValue: number, targetValue: number) => number;
|
|
3
|
+
export declare const getSliderStep: (targetValue: number) => number;
|
|
4
|
+
export declare const toSliderNumber: (value: number | number[]) => number | undefined;
|
|
5
|
+
//# sourceMappingURL=utils.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../../src/FormFields/ProgressSliderField/utils.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,kBAAkB,GAAI,OAAO,MAAM,WACE,CAAC;AAEnD,eAAO,MAAM,kBAAkB,GAC7B,cAAc,MAAM,EACpB,aAAa,MAAM,WAOpB,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,aAAa,MAAM,WAMhD,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,GAAG,MAAM,EAAE,uBACd,CAAC"}
|
|
@@ -13,6 +13,7 @@ export * from "./LogoPicker";
|
|
|
13
13
|
export * from "./ListItemButton";
|
|
14
14
|
export * from "./PasswordField";
|
|
15
15
|
export * from "./PhoneInputField";
|
|
16
|
+
export * from "./ProgressSliderField";
|
|
16
17
|
export * from "./RadioGroupField";
|
|
17
18
|
export * from "./Rating";
|
|
18
19
|
export * from "./SearchField";
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFields/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormFields/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC;AAC/B,cAAc,YAAY,CAAC;AAC3B,cAAc,cAAc,CAAC;AAC7B,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,wBAAwB,CAAC;AACvC,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC;AACjC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,UAAU,CAAC;AACzB,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,aAAa,CAAC;AAC5B,cAAc,cAAc,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import { type ProgressBandColors, type ProgressBandThresholds } from "./getProgressBandColor";
|
|
2
|
+
import type { SizeType } from "../utils/types";
|
|
3
|
+
import type { SxProps, Theme } from "@mui/material/styles";
|
|
4
|
+
import type { ReactNode } from "react";
|
|
5
|
+
export type ProgressCellProps = Readonly<{
|
|
6
|
+
completed?: number | null;
|
|
7
|
+
total?: number | null;
|
|
8
|
+
progress?: number | null;
|
|
9
|
+
displayMode?: "ratio" | "percentage";
|
|
10
|
+
showLabel?: boolean;
|
|
11
|
+
hideLabel?: boolean;
|
|
12
|
+
size?: SizeType;
|
|
13
|
+
loading?: boolean;
|
|
14
|
+
label?: ReactNode;
|
|
15
|
+
/** Full override for bar color. Wins over `bandColors` / `bandThresholds`. */
|
|
16
|
+
getBarColor?: (percentage: number) => string;
|
|
17
|
+
/** Override default band palette colors (complete/high/mid/low). */
|
|
18
|
+
bandColors?: Partial<ProgressBandColors>;
|
|
19
|
+
/** Override default thresholds (≥100 / ≥55 / ≥25). */
|
|
20
|
+
bandThresholds?: Partial<ProgressBandThresholds>;
|
|
21
|
+
sx?: SxProps<Theme>;
|
|
22
|
+
}>;
|
|
23
|
+
export declare const ProgressCell: ({ completed: completedProp, total: totalProp, progress, displayMode, showLabel, hideLabel, size, loading, label, getBarColor, bandColors, bandThresholds, sx, }: ProgressCellProps) => import("react/jsx-runtime").JSX.Element;
|
|
24
|
+
//# sourceMappingURL=ProgressCell.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ProgressCell.d.ts","sourceRoot":"","sources":["../../src/ProgressCell/ProgressCell.tsx"],"names":[],"mappings":"AAQA,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,sBAAsB,EAC5B,MAAM,wBAAwB,CAAC;AAEhC,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,gBAAgB,CAAC;AAC/C,OAAO,KAAK,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC3D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AA0BvC,MAAM,MAAM,iBAAiB,GAAG,QAAQ,CAAC;IACvC,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,QAAQ,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACzB,WAAW,CAAC,EAAE,OAAO,GAAG,YAAY,CAAC;IACrC,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,8EAA8E;IAC9E,WAAW,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,oEAAoE;IACpE,UAAU,CAAC,EAAE,OAAO,CAAC,kBAAkB,CAAC,CAAC;IACzC,sDAAsD;IACtD,cAAc,CAAC,EAAE,OAAO,CAAC,sBAAsB,CAAC,CAAC;IACjD,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;CACrB,CAAC,CAAC;AAEH,eAAO,MAAM,YAAY,GAAI,iKAc1B,iBAAiB,4CAgHnB,CAAC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
export type ProgressBandKey = "complete" | "high" | "mid" | "low";
|
|
2
|
+
export type ProgressBandColors = {
|
|
3
|
+
complete: string;
|
|
4
|
+
high: string;
|
|
5
|
+
mid: string;
|
|
6
|
+
low: string;
|
|
7
|
+
};
|
|
8
|
+
export type ProgressBandThresholds = {
|
|
9
|
+
complete: number;
|
|
10
|
+
high: number;
|
|
11
|
+
mid: number;
|
|
12
|
+
};
|
|
13
|
+
export declare const DEFAULT_PROGRESS_BAND_THRESHOLDS: ProgressBandThresholds;
|
|
14
|
+
export declare const getProgressBandKey: (percentage: number, thresholds?: ProgressBandThresholds) => ProgressBandKey;
|
|
15
|
+
export declare const getProgressBandColor: (percentage: number, colors: ProgressBandColors, thresholds?: ProgressBandThresholds) => string;
|
|
16
|
+
//# sourceMappingURL=getProgressBandColor.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"getProgressBandColor.d.ts","sourceRoot":"","sources":["../../src/ProgressCell/getProgressBandColor.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,eAAe,GAAG,UAAU,GAAG,MAAM,GAAG,KAAK,GAAG,KAAK,CAAC;AAElE,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,eAAO,MAAM,gCAAgC,EAAE,sBAI9C,CAAC;AAEF,eAAO,MAAM,kBAAkB,GAC7B,YAAY,MAAM,EAClB,aAAY,sBAAyD,KACpE,eAgBF,CAAC;AAEF,eAAO,MAAM,oBAAoB,GAC/B,YAAY,MAAM,EAClB,QAAQ,kBAAkB,EAC1B,aAAY,sBAAyD,KACpE,MAIF,CAAC"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
export { ProgressCell, type ProgressCellProps } from "./ProgressCell";
|
|
2
|
+
export { DEFAULT_PROGRESS_BAND_THRESHOLDS, getProgressBandColor, getProgressBandKey, type ProgressBandColors, type ProgressBandKey, type ProgressBandThresholds, } from "./getProgressBandColor";
|
|
3
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ProgressCell/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,KAAK,iBAAiB,EAAE,MAAM,gBAAgB,CAAC;AACtE,OAAO,EACL,gCAAgC,EAChC,oBAAoB,EACpB,kBAAkB,EAClB,KAAK,kBAAkB,EACvB,KAAK,eAAe,EACpB,KAAK,sBAAsB,GAC5B,MAAM,wBAAwB,CAAC"}
|