@selfdecode/sd-component-library 4.0.78 → 4.0.79
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/inputs/autocomplete-input/interfaces.d.ts +1 -1
- package/lib/components/inputs/input/interfaces.d.ts +1 -14
- package/lib/components/inputs/primary-text-input/interfaces.d.ts +1 -1
- package/lib/components/inputs/secondary-text-input/interfaces.d.ts +1 -1
- package/lib/components/inputs/text-input/interfaces.d.ts +1 -6
- package/lib/components/selectors/secondary-selector/interfaces.d.ts +1 -1
- package/lib/components/selectors/selector/interfaces.d.ts +2 -1
- package/lib/components/selectors/tertiary-selector/interfaces.d.ts +1 -1
- package/lib/sd-component-library101.js +2 -2
- package/lib/sd-component-library107.js +37 -38
- package/lib/sd-component-library107.js.map +1 -1
- package/lib/sd-component-library108.js +7 -8
- package/lib/sd-component-library108.js.map +1 -1
- package/lib/sd-component-library113.js +1 -1
- package/lib/sd-component-library121.js +1 -1
- package/lib/sd-component-library122.js +1 -1
- package/lib/sd-component-library124.js +1 -1
- package/lib/sd-component-library15.js +1 -1
- package/lib/sd-component-library161.js +1 -1
- package/lib/sd-component-library190.js +3 -3
- package/lib/sd-component-library194.js +2 -3
- package/lib/sd-component-library194.js.map +1 -1
- package/lib/sd-component-library195.js +30 -2
- package/lib/sd-component-library195.js.map +1 -1
- package/lib/sd-component-library196.js +590 -21
- package/lib/sd-component-library196.js.map +1 -1
- package/lib/sd-component-library197.js +57 -599
- package/lib/sd-component-library197.js.map +1 -1
- package/lib/sd-component-library198.js +23 -55
- package/lib/sd-component-library198.js.map +1 -1
- package/lib/sd-component-library199.js +14 -20
- package/lib/sd-component-library199.js.map +1 -1
- package/lib/sd-component-library200.js +5 -19
- package/lib/sd-component-library200.js.map +1 -1
- package/lib/sd-component-library202.js +3 -5
- package/lib/sd-component-library202.js.map +1 -1
- package/lib/sd-component-library203.js +64 -18
- package/lib/sd-component-library203.js.map +1 -1
- package/lib/sd-component-library204.js +18 -64
- package/lib/sd-component-library204.js.map +1 -1
- package/lib/sd-component-library205.js +62 -19
- package/lib/sd-component-library205.js.map +1 -1
- package/lib/sd-component-library206.js +23 -3
- package/lib/sd-component-library206.js.map +1 -1
- package/lib/sd-component-library207.js +3 -3
- package/lib/sd-component-library207.js.map +1 -1
- package/lib/sd-component-library208.js +3 -64
- package/lib/sd-component-library208.js.map +1 -1
- package/lib/sd-component-library209.js +31 -23
- package/lib/sd-component-library209.js.map +1 -1
- package/lib/sd-component-library210.js +19 -40
- package/lib/sd-component-library210.js.map +1 -1
- package/lib/sd-component-library211.js +20 -14
- package/lib/sd-component-library211.js.map +1 -1
- package/lib/sd-component-library212.js +28 -3
- package/lib/sd-component-library212.js.map +1 -1
- package/lib/sd-component-library213.js +33 -3
- package/lib/sd-component-library213.js.map +1 -1
- package/lib/sd-component-library214.js +127 -127
- package/lib/sd-component-library214.js.map +1 -1
- package/lib/sd-component-library215.js +43 -13
- package/lib/sd-component-library215.js.map +1 -1
- package/lib/sd-component-library216.js +43 -61
- package/lib/sd-component-library216.js.map +1 -1
- package/lib/sd-component-library217.js +8 -3
- package/lib/sd-component-library217.js.map +1 -1
- package/lib/sd-component-library218.js +21 -3
- package/lib/sd-component-library218.js.map +1 -1
- package/lib/sd-component-library219.js +107 -50
- package/lib/sd-component-library219.js.map +1 -1
- package/lib/sd-component-library220.js +45 -44
- package/lib/sd-component-library220.js.map +1 -1
- package/lib/sd-component-library221.js +23 -15
- package/lib/sd-component-library221.js.map +1 -1
- package/lib/sd-component-library222.js +53 -3
- package/lib/sd-component-library222.js.map +1 -1
- package/lib/sd-component-library223.js +64 -31
- package/lib/sd-component-library223.js.map +1 -1
- package/lib/sd-component-library224.js +43 -19
- package/lib/sd-component-library224.js.map +1 -1
- package/lib/sd-component-library225.js +12 -19
- package/lib/sd-component-library225.js.map +1 -1
- package/lib/sd-component-library226.js +47 -27
- package/lib/sd-component-library226.js.map +1 -1
- package/lib/sd-component-library227.js +40 -32
- package/lib/sd-component-library227.js.map +1 -1
- package/lib/sd-component-library228.js +27 -3
- package/lib/sd-component-library228.js.map +1 -1
- package/lib/sd-component-library229.js +74 -128
- package/lib/sd-component-library229.js.map +1 -1
- package/lib/sd-component-library23.js +1 -1
- package/lib/sd-component-library230.js +20 -42
- package/lib/sd-component-library230.js.map +1 -1
- package/lib/sd-component-library231.js +20 -47
- package/lib/sd-component-library231.js.map +1 -1
- package/lib/sd-component-library232.js +2 -8
- package/lib/sd-component-library232.js.map +1 -1
- package/lib/sd-component-library233.js +25 -63
- package/lib/sd-component-library233.js.map +1 -1
- package/lib/sd-component-library234.js +20 -42
- package/lib/sd-component-library234.js.map +1 -1
- package/lib/sd-component-library235.js +3 -13
- package/lib/sd-component-library235.js.map +1 -1
- package/lib/sd-component-library236.js +3 -21
- package/lib/sd-component-library236.js.map +1 -1
- package/lib/sd-component-library237.js +39 -108
- package/lib/sd-component-library237.js.map +1 -1
- package/lib/sd-component-library238.js +127 -45
- package/lib/sd-component-library238.js.map +1 -1
- package/lib/sd-component-library239.js +13 -24
- package/lib/sd-component-library239.js.map +1 -1
- package/lib/sd-component-library24.js +2 -2
- package/lib/sd-component-library240.js +14 -53
- package/lib/sd-component-library240.js.map +1 -1
- package/lib/sd-component-library241.js +3 -48
- package/lib/sd-component-library241.js.map +1 -1
- package/lib/sd-component-library242.js +3 -75
- package/lib/sd-component-library242.js.map +1 -1
- package/lib/sd-component-library243.js +63 -39
- package/lib/sd-component-library243.js.map +1 -1
- package/lib/sd-component-library244.js +3 -27
- package/lib/sd-component-library244.js.map +1 -1
- package/lib/sd-component-library245.js +3 -21
- package/lib/sd-component-library245.js.map +1 -1
- package/lib/sd-component-library246.js +46 -20
- package/lib/sd-component-library246.js.map +1 -1
- package/lib/sd-component-library247.js +52 -2
- package/lib/sd-component-library247.js.map +1 -1
- package/lib/sd-component-library248.js +6 -6
- package/lib/sd-component-library25.js +1 -1
- package/lib/sd-component-library250.js +23 -20
- package/lib/sd-component-library250.js.map +1 -1
- package/lib/sd-component-library251.js +3 -29
- package/lib/sd-component-library251.js.map +1 -1
- package/lib/sd-component-library252.js +24 -3
- package/lib/sd-component-library252.js.map +1 -1
- package/lib/sd-component-library253.js +3 -24
- package/lib/sd-component-library253.js.map +1 -1
- package/lib/sd-component-library254.js +16 -3
- package/lib/sd-component-library254.js.map +1 -1
- package/lib/sd-component-library259.js +1 -1
- package/lib/sd-component-library275.js +3 -2
- package/lib/sd-component-library275.js.map +1 -1
- package/lib/sd-component-library276.js +3 -2
- package/lib/sd-component-library276.js.map +1 -1
- package/lib/sd-component-library277.js +3 -70
- package/lib/sd-component-library277.js.map +1 -1
- package/lib/sd-component-library278.js +6 -102
- package/lib/sd-component-library278.js.map +1 -1
- package/lib/sd-component-library279.js +10 -106
- package/lib/sd-component-library279.js.map +1 -1
- package/lib/sd-component-library280.js +2 -10
- package/lib/sd-component-library280.js.map +1 -1
- package/lib/sd-component-library281.js +2 -6
- package/lib/sd-component-library281.js.map +1 -1
- package/lib/sd-component-library282.js +70 -2
- package/lib/sd-component-library282.js.map +1 -1
- package/lib/sd-component-library283.js +101 -35
- package/lib/sd-component-library283.js.map +1 -1
- package/lib/sd-component-library284.js +106 -14
- package/lib/sd-component-library284.js.map +1 -1
- package/lib/sd-component-library285.js +2 -3
- package/lib/sd-component-library285.js.map +1 -1
- package/lib/sd-component-library286.js +36 -3
- package/lib/sd-component-library286.js.map +1 -1
- package/lib/sd-component-library287.js +14 -3
- package/lib/sd-component-library287.js.map +1 -1
- package/lib/sd-component-library293.js +1 -1
- package/lib/sd-component-library294.js +1 -1
- package/lib/sd-component-library299.js +9 -2
- package/lib/sd-component-library299.js.map +1 -1
- package/lib/sd-component-library300.js +5 -2
- package/lib/sd-component-library300.js.map +1 -1
- package/lib/sd-component-library301.js +3 -8
- package/lib/sd-component-library301.js.map +1 -1
- package/lib/sd-component-library302.js +19 -5
- package/lib/sd-component-library302.js.map +1 -1
- package/lib/sd-component-library303.js +3 -4
- package/lib/sd-component-library303.js.map +1 -1
- package/lib/sd-component-library304.js +2 -19
- package/lib/sd-component-library304.js.map +1 -1
- package/lib/sd-component-library305.js +2 -3
- package/lib/sd-component-library305.js.map +1 -1
- package/lib/sd-component-library307.js +31 -54
- package/lib/sd-component-library307.js.map +1 -1
- package/lib/sd-component-library308.js +21 -22
- package/lib/sd-component-library308.js.map +1 -1
- package/lib/sd-component-library309.js +89 -47
- package/lib/sd-component-library309.js.map +1 -1
- package/lib/sd-component-library310.js +47 -89
- package/lib/sd-component-library310.js.map +1 -1
- package/lib/sd-component-library311.js +4 -34
- package/lib/sd-component-library311.js.map +1 -1
- package/lib/sd-component-library312.js +4 -25
- package/lib/sd-component-library312.js.map +1 -1
- package/lib/sd-component-library313.js +57 -4
- package/lib/sd-component-library313.js.map +1 -1
- package/lib/sd-component-library314.js +26 -4
- package/lib/sd-component-library314.js.map +1 -1
- package/lib/sd-component-library316.js +89 -28
- package/lib/sd-component-library316.js.map +1 -1
- package/lib/sd-component-library317.js +25 -17
- package/lib/sd-component-library317.js.map +1 -1
- package/lib/sd-component-library318.js +20 -89
- package/lib/sd-component-library318.js.map +1 -1
- package/lib/sd-component-library32.js +1 -1
- package/lib/sd-component-library33.js +1 -1
- package/lib/sd-component-library49.js +1 -1
- package/lib/sd-component-library5.js +1 -1
- package/lib/sd-component-library50.js +1 -1
- package/lib/sd-component-library52.js +3 -3
- package/lib/sd-component-library53.js +2 -2
- package/lib/sd-component-library54.js +2 -2
- package/lib/sd-component-library55.js +24 -24
- package/lib/sd-component-library55.js.map +1 -1
- package/lib/sd-component-library56.js +2 -2
- package/lib/sd-component-library57.js +5 -5
- package/lib/sd-component-library58.js +1 -1
- package/lib/sd-component-library59.js +2 -2
- package/lib/sd-component-library6.js +1 -1
- package/lib/sd-component-library60.js +1 -1
- package/lib/sd-component-library65.js +28 -28
- package/lib/sd-component-library65.js.map +1 -1
- package/lib/sd-component-library67.js +3 -3
- package/lib/sd-component-library68.js +15 -19
- package/lib/sd-component-library68.js.map +1 -1
- package/lib/sd-component-library69.js +2 -2
- package/lib/sd-component-library70.js +3 -3
- package/lib/sd-component-library71.js +1 -1
- package/lib/sd-component-library72.js +1 -1
- package/lib/sd-component-library73.js +16 -15
- package/lib/sd-component-library73.js.map +1 -1
- package/lib/sd-component-library74.js +1 -1
- package/lib/sd-component-library75.js +1 -1
- package/lib/sd-component-library80.js +1 -1
- package/lib/sd-component-library81.js +6 -6
- package/lib/sd-component-library82.js +2 -2
- package/lib/sd-component-library83.js +1 -1
- package/lib/sd-component-library84.js +5 -5
- package/lib/sd-component-library85.js +1 -1
- package/lib/sd-component-library87.js +6 -6
- package/lib/sd-component-library88.js +1 -1
- package/lib/sd-component-library89.js +7 -7
- package/lib/sd-component-library90.js +1 -1
- package/lib/sd-component-library93.js +2 -2
- package/lib/sd-component-library94.js +3 -3
- package/lib/sd-component-library95.js +2 -2
- package/lib/sd-component-library96.js +3 -3
- package/lib/sd-component-library99.js +4 -4
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SecondaryTextInputProps } from "../secondary-text-input";
|
|
2
|
-
export interface AutocompleteInputProps<T> extends Pick<SecondaryTextInputProps, "width" | "label" | "placeholder" | "errorMessage" | "hideErrorText" | "focusInput" | "autoFocus" | "onFocus" | "errorBackground"> {
|
|
2
|
+
export interface AutocompleteInputProps<T> extends Pick<SecondaryTextInputProps, "width" | "label" | "placeholder" | "errorMessage" | "hideErrorText" | "focusInput" | "autoFocus" | "onFocus" | "onBlur" | "errorBackground"> {
|
|
3
3
|
/**
|
|
4
4
|
* List of total options available.
|
|
5
5
|
*/
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { InputProps as RebassInputProps } from "@rebass/forms";
|
|
2
2
|
import { SxProps } from "rebass";
|
|
3
3
|
import { BaseComponentProps } from "../../interfaces";
|
|
4
|
-
export declare type InputProps = BaseComponentProps & Pick<RebassInputProps, "maxLength"> & {
|
|
4
|
+
export declare type InputProps = BaseComponentProps & Pick<RebassInputProps, "maxLength" | "onFocus" | "onBlur" | "disabled" | "autoFocus" | "placeholder"> & {
|
|
5
5
|
/**
|
|
6
6
|
* The callback to run when the input element changes.
|
|
7
7
|
*/
|
|
@@ -26,10 +26,6 @@ export declare type InputProps = BaseComponentProps & Pick<RebassInputProps, "ma
|
|
|
26
26
|
* The width of the input element
|
|
27
27
|
*/
|
|
28
28
|
width?: string | string[];
|
|
29
|
-
/**
|
|
30
|
-
* The input's placeholder
|
|
31
|
-
*/
|
|
32
|
-
placeholder?: string;
|
|
33
29
|
/**
|
|
34
30
|
* An object that contains the key we
|
|
35
31
|
* want to listen to, and the callback
|
|
@@ -47,15 +43,6 @@ export declare type InputProps = BaseComponentProps & Pick<RebassInputProps, "ma
|
|
|
47
43
|
* Type of data that might be entered by the user.
|
|
48
44
|
*/
|
|
49
45
|
inputMode?: "none" | "decimal" | "text" | "tel" | "url" | "email" | "numeric" | "search";
|
|
50
|
-
/**
|
|
51
|
-
* Callback to be executed when input is getting focused on.
|
|
52
|
-
*/
|
|
53
|
-
onFocus?: () => void;
|
|
54
|
-
/**
|
|
55
|
-
* Whether input is disabled.
|
|
56
|
-
*/
|
|
57
|
-
disabled?: boolean;
|
|
58
|
-
autoFocus?: boolean;
|
|
59
46
|
/**
|
|
60
47
|
* is show background in red color
|
|
61
48
|
*/
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { TextProps } from "rebass";
|
|
2
2
|
import { TextInputProps } from "../text-input";
|
|
3
|
-
export declare type PrimaryTextInputProps =
|
|
3
|
+
export declare type PrimaryTextInputProps = TextInputProps & {
|
|
4
4
|
/**
|
|
5
5
|
* Optional error message
|
|
6
6
|
*/
|
|
@@ -4,7 +4,7 @@ import { PrimaryTextInputProps } from "../primary-text-input";
|
|
|
4
4
|
/**
|
|
5
5
|
* Defines the SecondaryTextInput component's properties.
|
|
6
6
|
*/
|
|
7
|
-
export declare type SecondaryTextInputProps =
|
|
7
|
+
export declare type SecondaryTextInputProps = PrimaryTextInputProps & {
|
|
8
8
|
/**
|
|
9
9
|
* The label for the text input
|
|
10
10
|
*/
|
|
@@ -2,9 +2,4 @@ import { InputProps } from "../input";
|
|
|
2
2
|
/**
|
|
3
3
|
* Defines the TextInput component's properties.
|
|
4
4
|
*/
|
|
5
|
-
export declare type TextInputProps =
|
|
6
|
-
/**
|
|
7
|
-
* The label for the text input
|
|
8
|
-
*/
|
|
9
|
-
label?: string;
|
|
10
|
-
} & Pick<InputProps, "onChange" | "variant" | "placeholder" | "onKeyPress" | "focusInput" | "value" | "type" | "padding" | "textAlign" | "width" | "m" | "mt" | "mr" | "mb" | "ml" | "inputMode" | "onFocus" | "disabled" | "autoFocus" | "errorBackground" | "sx" | "id" | "maxLength">;
|
|
5
|
+
export declare type TextInputProps = InputProps;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { SelectorProps } from "../selector";
|
|
2
|
-
export declare type SecondarySelectorProps<T extends string = string> =
|
|
2
|
+
export declare type SecondarySelectorProps<T extends string = string> = SelectorProps<T> & {
|
|
3
3
|
/**
|
|
4
4
|
* Optional amount of spacing between the
|
|
5
5
|
* selectorLabel and the selectInput. Default value: ["3px"]
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import { CSSProperties } from "react";
|
|
2
|
+
import { SelectProps } from "@rebass/forms";
|
|
2
3
|
import { SecondaryTextInputProps } from "../../inputs/secondary-text-input/interfaces";
|
|
3
4
|
import { BaseComponentProps } from "../../interfaces";
|
|
4
5
|
export declare type SelectorOption<T extends string = string> = {
|
|
@@ -9,7 +10,7 @@ export declare type SelectorOption<T extends string = string> = {
|
|
|
9
10
|
/**
|
|
10
11
|
* Defines the selector component's properties.
|
|
11
12
|
*/
|
|
12
|
-
export declare type SelectorProps<T extends string = string> = BaseComponentProps & {
|
|
13
|
+
export declare type SelectorProps<T extends string = string> = BaseComponentProps & Pick<SelectProps, "onFocus" | "onBlur"> & {
|
|
13
14
|
/**
|
|
14
15
|
* The callback to run when the input element changes.
|
|
15
16
|
*/
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { SelectorProps } from "../selector";
|
|
2
|
-
export declare type TertiarySelectorProps<T extends string = string> =
|
|
2
|
+
export declare type TertiarySelectorProps<T extends string = string> = SelectorProps<T>;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import { j as e } from "./sd-component-library190.js";
|
|
2
2
|
import { PaginationBarButton as i } from "./sd-component-library255.js";
|
|
3
|
-
import { ReactComponent as h } from "./sd-component-
|
|
3
|
+
import { ReactComponent as h } from "./sd-component-library251.js";
|
|
4
4
|
import { PaginationBarCurrentPage as u } from "./sd-component-library256.js";
|
|
5
|
-
import { ReactComponent as f } from "./sd-component-
|
|
5
|
+
import { ReactComponent as f } from "./sd-component-library253.js";
|
|
6
6
|
import { GridContainerV2 as s } from "./sd-component-library39.js";
|
|
7
7
|
import { ResponsiveTextV2 as j } from "./sd-component-library144.js";
|
|
8
8
|
const k = (a) => {
|
|
@@ -1,22 +1,22 @@
|
|
|
1
1
|
import { j as e } from "./sd-component-library190.js";
|
|
2
|
-
import { useMemo as
|
|
3
|
-
import { Select as
|
|
4
|
-
import { Box as
|
|
5
|
-
import { useDependantState as
|
|
2
|
+
import { useMemo as P } from "react";
|
|
3
|
+
import { Select as Z } from "@rebass/forms";
|
|
4
|
+
import { Box as q } from "rebass";
|
|
5
|
+
import { useDependantState as G } from "./sd-component-library3.js";
|
|
6
|
+
import { BaseLabel as J } from "./sd-component-library254.js";
|
|
6
7
|
import { MaxMaxContainer as K } from "./sd-component-library41.js";
|
|
7
|
-
import { BaseLabel as P } from "./sd-component-library221.js";
|
|
8
8
|
import { ResponsiveTextV2 as Q } from "./sd-component-library144.js";
|
|
9
|
-
const U = (
|
|
9
|
+
const U = (s, r, t, d, a, n) => {
|
|
10
10
|
const m = d.find(
|
|
11
|
-
(p) => p[r].trim() ===
|
|
11
|
+
(p) => p[r].trim() === s
|
|
12
12
|
);
|
|
13
|
-
|
|
14
|
-
}, j = (
|
|
13
|
+
a == null || a(m, t), n(m);
|
|
14
|
+
}, j = (s) => s ? "no-translate" : void 0, ae = (s) => {
|
|
15
15
|
const {
|
|
16
16
|
defaultValue: r,
|
|
17
17
|
variant: t,
|
|
18
18
|
selectorLabel: d,
|
|
19
|
-
name:
|
|
19
|
+
name: a,
|
|
20
20
|
options: n,
|
|
21
21
|
onChange: m,
|
|
22
22
|
width: p,
|
|
@@ -29,28 +29,28 @@ const U = (a, r, t, d, o, n) => {
|
|
|
29
29
|
disabledTextValue: x = "No Options",
|
|
30
30
|
textTransform: N = "Capitalize",
|
|
31
31
|
hideDefaultOnSelect: $,
|
|
32
|
-
labelMargin:
|
|
32
|
+
labelMargin: D,
|
|
33
33
|
secondLabel: l,
|
|
34
|
-
selectElementHeight:
|
|
34
|
+
selectElementHeight: E,
|
|
35
35
|
errorMessage: f,
|
|
36
36
|
defaultOptionColor: g,
|
|
37
37
|
selectedOptionColor: h,
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
id: z,
|
|
38
|
+
errorBackground: F,
|
|
39
|
+
useValueInsteadOfTitle: w = !1,
|
|
40
|
+
id: y,
|
|
42
41
|
translateSelect: C = !0,
|
|
43
|
-
translateDefaultOption: v
|
|
44
|
-
|
|
45
|
-
|
|
42
|
+
translateDefaultOption: v,
|
|
43
|
+
...z
|
|
44
|
+
} = s, i = w ? "value" : "title", b = P(
|
|
45
|
+
() => n.find((o) => o[i] === r),
|
|
46
46
|
[n, r, i]
|
|
47
|
-
), [c, B] =
|
|
47
|
+
), [c, B] = G(b), u = n.length === 0, W = !t || !["compact", "tertiary"].includes(t), _ = g && !c ? { color: g } : h ? { color: h } : {}, A = navigator.userAgent.toLowerCase().indexOf("firefox") > -1, I = j(
|
|
48
48
|
v !== !0 && !C || v === !1
|
|
49
49
|
), R = j(!C);
|
|
50
50
|
return /* @__PURE__ */ e.jsxs(
|
|
51
|
-
|
|
51
|
+
q,
|
|
52
52
|
{
|
|
53
|
-
id:
|
|
53
|
+
id: y,
|
|
54
54
|
variant: `_containers.selectors.${t}`,
|
|
55
55
|
sx: {
|
|
56
56
|
pt: "1px",
|
|
@@ -76,12 +76,12 @@ const U = (a, r, t, d, o, n) => {
|
|
|
76
76
|
children: [
|
|
77
77
|
d && /* @__PURE__ */ e.jsxs(K, { gap: ["0px"], children: [
|
|
78
78
|
/* @__PURE__ */ e.jsx(
|
|
79
|
-
|
|
79
|
+
J,
|
|
80
80
|
{
|
|
81
|
-
htmlFor:
|
|
81
|
+
htmlFor: a,
|
|
82
82
|
variant: `selectors.${t}${f ? "Error" : ""}`,
|
|
83
83
|
label: d,
|
|
84
|
-
m:
|
|
84
|
+
m: D
|
|
85
85
|
}
|
|
86
86
|
),
|
|
87
87
|
l && /* @__PURE__ */ e.jsx(
|
|
@@ -98,17 +98,15 @@ const U = (a, r, t, d, o, n) => {
|
|
|
98
98
|
)
|
|
99
99
|
] }),
|
|
100
100
|
/* @__PURE__ */ e.jsx(
|
|
101
|
-
|
|
101
|
+
Z,
|
|
102
102
|
{
|
|
103
|
-
id:
|
|
104
|
-
|
|
105
|
-
height: D,
|
|
103
|
+
id: a,
|
|
104
|
+
height: E,
|
|
106
105
|
value: u ? x : c && c[i].trim() || r,
|
|
107
|
-
|
|
108
|
-
backgroundColor: w ? "rgba(255, 0, 0, 0.05)" : "",
|
|
106
|
+
backgroundColor: F ? "rgba(255, 0, 0, 0.05)" : "",
|
|
109
107
|
variant: `_selectors.${t}${f ? "Error" : ""}`,
|
|
110
|
-
onChange: (
|
|
111
|
-
|
|
108
|
+
onChange: (o) => U(
|
|
109
|
+
o.target.value,
|
|
112
110
|
i,
|
|
113
111
|
c,
|
|
114
112
|
n,
|
|
@@ -121,6 +119,7 @@ const U = (a, r, t, d, o, n) => {
|
|
|
121
119
|
},
|
|
122
120
|
disabled: u,
|
|
123
121
|
"data-testid": "select-element",
|
|
122
|
+
...z,
|
|
124
123
|
children: u ? /* @__PURE__ */ e.jsxs("option", { "data-testid": "disabled-option", children: [
|
|
125
124
|
x,
|
|
126
125
|
" "
|
|
@@ -135,15 +134,15 @@ const U = (a, r, t, d, o, n) => {
|
|
|
135
134
|
},
|
|
136
135
|
"defaultValue"
|
|
137
136
|
),
|
|
138
|
-
|
|
137
|
+
s.options.map((o) => /* @__PURE__ */ e.jsx(
|
|
139
138
|
"option",
|
|
140
139
|
{
|
|
141
|
-
value:
|
|
140
|
+
value: o[i],
|
|
142
141
|
"data-testid": "selector-option",
|
|
143
142
|
className: R,
|
|
144
|
-
children:
|
|
143
|
+
children: o.title
|
|
145
144
|
},
|
|
146
|
-
|
|
145
|
+
o.id
|
|
147
146
|
))
|
|
148
147
|
] })
|
|
149
148
|
}
|
|
@@ -153,7 +152,7 @@ const U = (a, r, t, d, o, n) => {
|
|
|
153
152
|
);
|
|
154
153
|
};
|
|
155
154
|
export {
|
|
156
|
-
|
|
155
|
+
ae as Selector,
|
|
157
156
|
j as getNoTranslateClass
|
|
158
157
|
};
|
|
159
158
|
//# sourceMappingURL=sd-component-library107.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library107.js","sources":["../src/components/selectors/selector/selector.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { MaxMaxContainer } from \"../../containers/grid-containers/max-max-container\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../texts/responsive-text-v2\";\nimport {\n CurrentSelection,\n SelectorProps as Props,\n SelectorOption,\n} from \"./interfaces\";\n\nconst onChangeWrapper = <T extends string = string>(\n selectionString: string,\n conditionAttribute: \"value\" | \"title\",\n oldValue: SelectorOption<T> | undefined,\n options: SelectorOption<T>[],\n callback: (\n newValue: SelectorOption<T>,\n oldValue: SelectorOption<T> | undefined\n ) => void,\n setNewSelection: (option: SelectorOption<T>) => void\n) => {\n const newValue: SelectorOption<T> = options.find(\n (option) => option[conditionAttribute].trim() === selectionString\n )!;\n\n callback?.(newValue, oldValue);\n\n setNewSelection(newValue);\n};\n\nexport const getNoTranslateClass = (flag: boolean) =>\n flag ? \"no-translate\" : undefined;\n\n/**\n * @deprecated use SelectorV2 instead\n */\nexport const Selector = <T extends string = string>(props: Props<T>) => {\n const {\n defaultValue,\n variant,\n selectorLabel,\n name,\n options,\n onChange,\n width,\n m,\n mt,\n mr,\n mb,\n ml,\n gap = [\"20px\"],\n disabledTextValue = \"No Options\",\n textTransform = \"Capitalize\",\n hideDefaultOnSelect,\n labelMargin,\n secondLabel,\n selectElementHeight,\n errorMessage,\n defaultOptionColor,\n selectedOptionColor,\n onFocus,\n errorBackground,\n useValueInsteadOfTitle = false,\n id,\n translateSelect = true,\n translateDefaultOption,\n } = props;\n\n const conditionAttribute = useValueInsteadOfTitle ? \"value\" : \"title\";\n\n const defaultValueObject: CurrentSelection<T> = useMemo(\n () => options.find((option) => option[conditionAttribute] === defaultValue),\n [options, defaultValue, conditionAttribute]\n );\n //`options` needs to be a stable reference. Other wise Selector value reset to default.\n\n const [selection, setSelection] = useDependantState(defaultValueObject);\n\n const noOptionsToSelect = options.length === 0;\n\n const useDefaultIconStyles =\n !variant || ![\"compact\", \"tertiary\"].includes(variant);\n\n const colorSx: { color: string } | {} =\n defaultOptionColor && !selection\n ? { color: defaultOptionColor }\n : selectedOptionColor\n ? { color: selectedOptionColor }\n : {};\n const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n\n const defaultOptionClassName = getNoTranslateClass(\n (translateDefaultOption !== true && !translateSelect) ||\n translateDefaultOption === false\n );\n const regularOptionClassName = getNoTranslateClass(!translateSelect);\n\n return (\n <Box\n id={id}\n variant={`_containers.selectors.${variant}`}\n sx={{\n pt: \"1px\",\n width,\n m,\n mt,\n mr,\n mb,\n ml,\n position: \"relative\",\n ...(useDefaultIconStyles\n ? {\n svg: {\n transform: `translate(-2px,${isFirefox ? 0 : 5}px) scale(.78)`,\n fill: \"#4568F8\",\n },\n }\n : {}),\n path: {\n d: \"path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')\",\n },\n gap,\n }}\n data-testid=\"base-selector\"\n >\n {selectorLabel && (\n <MaxMaxContainer gap={[\"0px\"]}>\n <BaseLabel\n htmlFor={name}\n variant={`selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n label={selectorLabel}\n m={labelMargin}\n />\n\n {secondLabel && (\n <ResponsiveTextV2\n letterSpacing={[\"1px\"]}\n textTransform=\"uppercase\"\n mt={secondLabel.mt}\n ml={secondLabel.ml || [\"3px\"]}\n color={secondLabel.color || \"cl_grey\"}\n fontSizeWeight={secondLabel.fontSizeWeight || [[10, \"semi-bold\"]]}\n >\n {secondLabel.text}\n </ResponsiveTextV2>\n )}\n </MaxMaxContainer>\n )}\n\n <Select\n id={name}\n name={name}\n height={selectElementHeight}\n value={\n noOptionsToSelect\n ? disabledTextValue\n : (selection && selection[conditionAttribute].trim()) ||\n defaultValue\n }\n onFocus={onFocus}\n backgroundColor={errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\"}\n variant={`_selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n onChange={(event) =>\n onChangeWrapper(\n event.target.value,\n conditionAttribute,\n selection,\n options,\n onChange,\n (option) => setSelection(option)\n )\n }\n sx={{\n textTransform,\n ...colorSx,\n }}\n disabled={noOptionsToSelect}\n data-testid=\"select-element\"\n >\n {noOptionsToSelect ? (\n <option key=\"disabledTextValue\" data-testid=\"disabled-option\">\n {disabledTextValue}{\" \"}\n {/* appending space because sometimes last letter gets cropped. */}\n </option>\n ) : (\n <>\n {defaultValueObject === undefined &&\n // When defaultValue is not in the options list\n (!selection || !hideDefaultOnSelect) && (\n <option\n key=\"defaultValue\"\n data-testid=\"selector-option\"\n className={defaultOptionClassName}\n >\n {defaultValue}\n </option>\n )}\n\n {props.options.map((option) => (\n <option\n key={option.id}\n value={option[conditionAttribute]}\n data-testid=\"selector-option\"\n className={regularOptionClassName}\n >\n {option.title}\n </option>\n ))}\n </>\n )}\n </Select>\n </Box>\n );\n};\n"],"names":["onChangeWrapper","selectionString","conditionAttribute","oldValue","options","callback","setNewSelection","newValue","option","getNoTranslateClass","flag","Selector","props","defaultValue","variant","selectorLabel","name","onChange","width","m","mt","mr","mb","ml","gap","disabledTextValue","textTransform","hideDefaultOnSelect","labelMargin","secondLabel","selectElementHeight","errorMessage","defaultOptionColor","selectedOptionColor","onFocus","errorBackground","useValueInsteadOfTitle","id","translateSelect","translateDefaultOption","defaultValueObject","useMemo","selection","setSelection","useDependantState","noOptionsToSelect","useDefaultIconStyles","colorSx","isFirefox","defaultOptionClassName","regularOptionClassName","jsxs","Box","MaxMaxContainer","jsx","BaseLabel","ResponsiveTextV2","Select","event","Fragment"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"sd-component-library107.js","sources":["../src/components/selectors/selector/selector.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport { Select } from \"@rebass/forms\";\nimport { Box } from \"rebass\";\n\nimport { useDependantState } from \"../../../core/custom-hooks\";\nimport { MaxMaxContainer } from \"../../containers\";\nimport { BaseLabel } from \"../../labels/base-label\";\nimport { ResponsiveTextV2 } from \"../../texts\";\nimport {\n CurrentSelection,\n SelectorProps as Props,\n SelectorOption,\n} from \"./interfaces\";\n\nconst onChangeWrapper = <T extends string = string>(\n selectionString: string,\n conditionAttribute: \"value\" | \"title\",\n oldValue: SelectorOption<T> | undefined,\n options: SelectorOption<T>[],\n callback: (\n newValue: SelectorOption<T>,\n oldValue: SelectorOption<T> | undefined\n ) => void,\n setNewSelection: (option: SelectorOption<T>) => void\n) => {\n const newValue: SelectorOption<T> = options.find(\n (option) => option[conditionAttribute].trim() === selectionString\n )!;\n\n callback?.(newValue, oldValue);\n\n setNewSelection(newValue);\n};\n\nexport const getNoTranslateClass = (flag: boolean) =>\n flag ? \"no-translate\" : undefined;\n\n/**\n * @deprecated use SelectorV2 instead\n */\nexport const Selector = <T extends string = string>(props: Props<T>) => {\n const {\n defaultValue,\n variant,\n selectorLabel,\n name,\n options,\n onChange,\n width,\n m,\n mt,\n mr,\n mb,\n ml,\n gap = [\"20px\"],\n disabledTextValue = \"No Options\",\n textTransform = \"Capitalize\",\n hideDefaultOnSelect,\n labelMargin,\n secondLabel,\n selectElementHeight,\n errorMessage,\n defaultOptionColor,\n selectedOptionColor,\n errorBackground,\n useValueInsteadOfTitle = false,\n id,\n translateSelect = true,\n translateDefaultOption,\n ...selectorProps\n } = props;\n\n const conditionAttribute = useValueInsteadOfTitle ? \"value\" : \"title\";\n\n const defaultValueObject: CurrentSelection<T> = useMemo(\n () => options.find((option) => option[conditionAttribute] === defaultValue),\n [options, defaultValue, conditionAttribute]\n );\n //`options` needs to be a stable reference. Other wise Selector value reset to default.\n\n const [selection, setSelection] = useDependantState(defaultValueObject);\n\n const noOptionsToSelect = options.length === 0;\n\n const useDefaultIconStyles =\n !variant || ![\"compact\", \"tertiary\"].includes(variant);\n\n const colorSx: { color: string } | {} =\n defaultOptionColor && !selection\n ? { color: defaultOptionColor }\n : selectedOptionColor\n ? { color: selectedOptionColor }\n : {};\n const isFirefox = navigator.userAgent.toLowerCase().indexOf(\"firefox\") > -1;\n\n const defaultOptionClassName = getNoTranslateClass(\n (translateDefaultOption !== true && !translateSelect) ||\n translateDefaultOption === false\n );\n const regularOptionClassName = getNoTranslateClass(!translateSelect);\n\n return (\n <Box\n id={id}\n variant={`_containers.selectors.${variant}`}\n sx={{\n pt: \"1px\",\n width,\n m,\n mt,\n mr,\n mb,\n ml,\n position: \"relative\",\n ...(useDefaultIconStyles\n ? {\n svg: {\n transform: `translate(-2px,${isFirefox ? 0 : 5}px) scale(.78)`,\n fill: \"#4568F8\",\n },\n }\n : {}),\n path: {\n d: \"path('M12,8.6L6.72,3.29C6.32,2.9,5.68,2.9,5.29,3.29C4.90,3.69,4.9,4.33,5.29,4.73L11.23,10.7C11.44,10.91,11.72,11.01,12,11C12.27,11.01,12.55,10.91,12.76,10.7L18.7,4.73C19.09,4.33,19.09,3.69,18.7,3.29C18.31,2.9,17.67,2.9,17.27,3.29Z M12,8.6')\",\n },\n gap,\n }}\n data-testid=\"base-selector\"\n >\n {selectorLabel && (\n <MaxMaxContainer gap={[\"0px\"]}>\n <BaseLabel\n htmlFor={name}\n variant={`selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n label={selectorLabel}\n m={labelMargin}\n />\n\n {secondLabel && (\n <ResponsiveTextV2\n letterSpacing={[\"1px\"]}\n textTransform=\"uppercase\"\n mt={secondLabel.mt}\n ml={secondLabel.ml || [\"3px\"]}\n color={secondLabel.color || \"cl_grey\"}\n fontSizeWeight={secondLabel.fontSizeWeight || [[10, \"semi-bold\"]]}\n >\n {secondLabel.text}\n </ResponsiveTextV2>\n )}\n </MaxMaxContainer>\n )}\n\n <Select\n id={name}\n height={selectElementHeight}\n value={\n noOptionsToSelect\n ? disabledTextValue\n : (selection && selection[conditionAttribute].trim()) ||\n defaultValue\n }\n backgroundColor={errorBackground ? \"rgba(255, 0, 0, 0.05)\" : \"\"}\n variant={`_selectors.${variant}${errorMessage ? \"Error\" : \"\"}`}\n onChange={(event) =>\n onChangeWrapper(\n event.target.value,\n conditionAttribute,\n selection,\n options,\n onChange,\n (option) => setSelection(option)\n )\n }\n sx={{\n textTransform,\n ...colorSx,\n }}\n disabled={noOptionsToSelect}\n data-testid=\"select-element\"\n {...selectorProps}\n >\n {noOptionsToSelect ? (\n <option key=\"disabledTextValue\" data-testid=\"disabled-option\">\n {disabledTextValue}{\" \"}\n {/* appending space because sometimes last letter gets cropped. */}\n </option>\n ) : (\n <>\n {defaultValueObject === undefined &&\n // When defaultValue is not in the options list\n (!selection || !hideDefaultOnSelect) && (\n <option\n key=\"defaultValue\"\n data-testid=\"selector-option\"\n className={defaultOptionClassName}\n >\n {defaultValue}\n </option>\n )}\n\n {props.options.map((option) => (\n <option\n key={option.id}\n value={option[conditionAttribute]}\n data-testid=\"selector-option\"\n className={regularOptionClassName}\n >\n {option.title}\n </option>\n ))}\n </>\n )}\n </Select>\n </Box>\n );\n};\n"],"names":["onChangeWrapper","selectionString","conditionAttribute","oldValue","options","callback","setNewSelection","newValue","option","getNoTranslateClass","flag","Selector","props","defaultValue","variant","selectorLabel","name","onChange","width","m","mt","mr","mb","ml","gap","disabledTextValue","textTransform","hideDefaultOnSelect","labelMargin","secondLabel","selectElementHeight","errorMessage","defaultOptionColor","selectedOptionColor","errorBackground","useValueInsteadOfTitle","id","translateSelect","translateDefaultOption","selectorProps","defaultValueObject","useMemo","selection","setSelection","useDependantState","noOptionsToSelect","useDefaultIconStyles","colorSx","isFirefox","defaultOptionClassName","regularOptionClassName","jsxs","Box","MaxMaxContainer","jsx","BaseLabel","ResponsiveTextV2","Select","event","Fragment"],"mappings":"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"}
|
|
@@ -1,13 +1,12 @@
|
|
|
1
|
-
import { j as
|
|
2
|
-
import { Selector as
|
|
3
|
-
const i = (
|
|
4
|
-
|
|
1
|
+
import { j as t } from "./sd-component-library190.js";
|
|
2
|
+
import { Selector as o } from "./sd-component-library107.js";
|
|
3
|
+
const i = (r) => /* @__PURE__ */ t.jsx(
|
|
4
|
+
o,
|
|
5
5
|
{
|
|
6
|
-
...
|
|
7
|
-
defaultOptionColor:
|
|
6
|
+
...r,
|
|
7
|
+
defaultOptionColor: r.defaultOptionColor || "cl_grey",
|
|
8
8
|
variant: "tertiary",
|
|
9
|
-
gap: ["0"]
|
|
10
|
-
"data-test": "tertiary-selector"
|
|
9
|
+
gap: ["0"]
|
|
11
10
|
}
|
|
12
11
|
);
|
|
13
12
|
export {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library108.js","sources":["../src/components/selectors/tertiary-selector/tertiary-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Selector } from \"../selector\";\nimport { TertiarySelectorProps as Props } from \"./interfaces\";\n\n/**\n * The TertiarySelector.\n * @deprecated use TertiarySelectorV2 instead\n */\nexport const TertiarySelector = <T extends string = string>(\n props: Props<T>\n) => {\n return (\n <Selector\n {...props}\n defaultOptionColor={props.defaultOptionColor || \"cl_grey\"}\n variant=\"tertiary\"\n gap={[\"0\"]}\n
|
|
1
|
+
{"version":3,"file":"sd-component-library108.js","sources":["../src/components/selectors/tertiary-selector/tertiary-selector.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Selector } from \"../selector\";\nimport { TertiarySelectorProps as Props } from \"./interfaces\";\n\n/**\n * The TertiarySelector.\n * @deprecated use TertiarySelectorV2 instead\n */\nexport const TertiarySelector = <T extends string = string>(\n props: Props<T>\n) => {\n return (\n <Selector\n {...props}\n defaultOptionColor={props.defaultOptionColor || \"cl_grey\"}\n variant=\"tertiary\"\n gap={[\"0\"]}\n />\n );\n};\n"],"names":["TertiarySelector","props","jsx","Selector"],"mappings":";;AASa,MAAAA,IAAmB,CAC9BC,MAGEC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACE,GAAGF;AAAA,IACJ,oBAAoBA,EAAM,sBAAsB;AAAA,IAChD,SAAQ;AAAA,IACR,KAAK,CAAC,GAAG;AAAA,EAAA;AAAA;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as o } from "./sd-component-library190.js";
|
|
2
2
|
import { useState as x } from "react";
|
|
3
|
-
import { BaseLabel as f } from "./sd-component-
|
|
3
|
+
import { BaseLabel as f } from "./sd-component-library254.js";
|
|
4
4
|
import { OutsideClickBox as u } from "./sd-component-library11.js";
|
|
5
5
|
import { ReactComponent as h } from "./sd-component-library181.js";
|
|
6
6
|
import { SecondaryCustomSelectorOptionsBox as S } from "./sd-component-library258.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as o } from "./sd-component-library190.js";
|
|
2
2
|
import { useState as x } from "react";
|
|
3
|
-
import { BaseLabel as f } from "./sd-component-
|
|
3
|
+
import { BaseLabel as f } from "./sd-component-library254.js";
|
|
4
4
|
import { ReactComponent as u } from "./sd-component-library181.js";
|
|
5
5
|
import { CustomScrollableOptionsBox as h } from "./sd-component-library260.js";
|
|
6
6
|
import { GridContainerV2 as S } from "./sd-component-library39.js";
|
|
@@ -2,7 +2,7 @@ import { j as o } from "./sd-component-library190.js";
|
|
|
2
2
|
import { useState as x } from "react";
|
|
3
3
|
import { Flex as i } from "rebass";
|
|
4
4
|
import { OutsideClickBox as d } from "./sd-component-library11.js";
|
|
5
|
-
import { BaseLabel as u } from "./sd-component-
|
|
5
|
+
import { BaseLabel as u } from "./sd-component-library254.js";
|
|
6
6
|
import { ReactComponent as f } from "./sd-component-library181.js";
|
|
7
7
|
import { CustomScrollableOptionsBox as h } from "./sd-component-library261.js";
|
|
8
8
|
import { ResponsiveTextV2 as b } from "./sd-component-library144.js";
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { j as t } from "./sd-component-library190.js";
|
|
2
2
|
import { IconButton as s } from "./sd-component-library22.js";
|
|
3
|
-
import { ReactComponent as c } from "./sd-component-
|
|
3
|
+
import { ReactComponent as c } from "./sd-component-library202.js";
|
|
4
4
|
import { EighteenBold as p } from "./sd-component-library135.js";
|
|
5
5
|
import { GridCenter as g } from "./sd-component-library42.js";
|
|
6
6
|
const C = ({
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { j as i } from "./sd-component-library190.js";
|
|
2
|
-
import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-
|
|
2
|
+
import { renderUpToFiveCrumbs as o, renderMoreThanFiveCrumbs as m } from "./sd-component-library197.js";
|
|
3
3
|
import { GridCenter as d } from "./sd-component-library42.js";
|
|
4
4
|
const h = ({
|
|
5
5
|
textTransform: t,
|
|
@@ -4,7 +4,7 @@ import { Flex as s, Box as i } from "rebass";
|
|
|
4
4
|
import { useHover as m } from "./sd-component-library3.js";
|
|
5
5
|
import { ReactComponent as b } from "./sd-component-library181.js";
|
|
6
6
|
import { TriangularPointerIcon as u } from "./sd-component-library184.js";
|
|
7
|
-
import { ActionBox as g } from "./sd-component-
|
|
7
|
+
import { ActionBox as g } from "./sd-component-library233.js";
|
|
8
8
|
import { HorizontalDivider as n } from "./sd-component-library49.js";
|
|
9
9
|
const B = (x) => {
|
|
10
10
|
const {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { __module as e } from "./sd-component-
|
|
2
|
-
import { __require as r } from "./sd-component-
|
|
3
|
-
import { __require as o } from "./sd-component-
|
|
1
|
+
import { __module as e } from "./sd-component-library194.js";
|
|
2
|
+
import { __require as r } from "./sd-component-library195.js";
|
|
3
|
+
import { __require as o } from "./sd-component-library196.js";
|
|
4
4
|
process.env.NODE_ENV === "production" ? e.exports = r() : e.exports = o();
|
|
5
5
|
var m = e.exports;
|
|
6
6
|
export {
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
|
|
2
|
-
const e = (a) => /* @__PURE__ */ t.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 9.984, height: 6.021, viewBox: "0 0 9.984 6.021", ...a }, /* @__PURE__ */ t.createElement("path", { id: "dropdown_arrow_up", d: "M1262.106,88.295l4.662-4.218a.336.336,0,0,1,.459,0l4.662,4.218a.266.266,0,0,1,0,.416l-.5,1.205a.327.327,0,0,1-.23.091.331.331,0,0,1-.23-.091L1267,86.359l-3.93,3.557a.338.338,0,0,1-.46,0l-.5-1.205a.265.265,0,0,1,0-.416Z", transform: "translate(-1262.005 -83.986)" }));
|
|
1
|
+
var e = { exports: {} };
|
|
3
2
|
export {
|
|
4
|
-
e as
|
|
3
|
+
e as __module
|
|
5
4
|
};
|
|
6
5
|
//# sourceMappingURL=sd-component-library194.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library194.js","sources":[
|
|
1
|
+
{"version":3,"file":"sd-component-library194.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,5 +1,33 @@
|
|
|
1
|
-
|
|
1
|
+
import { __exports as t } from "./sd-component-library273.js";
|
|
2
|
+
import R from "react";
|
|
3
|
+
/**
|
|
4
|
+
* @license React
|
|
5
|
+
* react-jsx-runtime.production.min.js
|
|
6
|
+
*
|
|
7
|
+
* Copyright (c) Facebook, Inc. and its affiliates.
|
|
8
|
+
*
|
|
9
|
+
* This source code is licensed under the MIT license found in the
|
|
10
|
+
* LICENSE file in the root directory of this source tree.
|
|
11
|
+
*/
|
|
12
|
+
var p;
|
|
13
|
+
function v() {
|
|
14
|
+
if (p)
|
|
15
|
+
return t;
|
|
16
|
+
p = 1;
|
|
17
|
+
var s = R, m = Symbol.for("react.element"), l = Symbol.for("react.fragment"), c = Object.prototype.hasOwnProperty, a = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, d = { key: !0, ref: !0, __self: !0, __source: !0 };
|
|
18
|
+
function i(o, r, u) {
|
|
19
|
+
var e, n = {}, _ = null, f = null;
|
|
20
|
+
u !== void 0 && (_ = "" + u), r.key !== void 0 && (_ = "" + r.key), r.ref !== void 0 && (f = r.ref);
|
|
21
|
+
for (e in r)
|
|
22
|
+
c.call(r, e) && !d.hasOwnProperty(e) && (n[e] = r[e]);
|
|
23
|
+
if (o && o.defaultProps)
|
|
24
|
+
for (e in r = o.defaultProps, r)
|
|
25
|
+
n[e] === void 0 && (n[e] = r[e]);
|
|
26
|
+
return { $$typeof: m, type: o, key: _, ref: f, props: n, _owner: a.current };
|
|
27
|
+
}
|
|
28
|
+
return t.Fragment = l, t.jsx = i, t.jsxs = i, t;
|
|
29
|
+
}
|
|
2
30
|
export {
|
|
3
|
-
|
|
31
|
+
v as __require
|
|
4
32
|
};
|
|
5
33
|
//# sourceMappingURL=sd-component-library195.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"sd-component-library195.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
1
|
+
{"version":3,"file":"sd-component-library195.js","sources":["../node_modules/react/cjs/react-jsx-runtime.production.min.js"],"sourcesContent":["/**\n * @license React\n * react-jsx-runtime.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var f=require(\"react\"),k=Symbol.for(\"react.element\"),l=Symbol.for(\"react.fragment\"),m=Object.prototype.hasOwnProperty,n=f.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner,p={key:!0,ref:!0,__self:!0,__source:!0};\nfunction q(c,a,g){var b,d={},e=null,h=null;void 0!==g&&(e=\"\"+g);void 0!==a.key&&(e=\"\"+a.key);void 0!==a.ref&&(h=a.ref);for(b in a)m.call(a,b)&&!p.hasOwnProperty(b)&&(d[b]=a[b]);if(c&&c.defaultProps)for(b in a=c.defaultProps,a)void 0===d[b]&&(d[b]=a[b]);return{$$typeof:k,type:c,key:e,ref:h,props:d,_owner:n.current}}exports.Fragment=l;exports.jsx=q;exports.jsxs=q;\n"],"names":["f","require$$0","k","m","n","p","q","c","a","g","b","d","e","h","reactJsxRuntime_production_min"],"mappings":";;;;;;;;;;;;;;;;AASa,MAAIA,IAAEC,GAAiBC,IAAE,OAAO,IAAI,eAAe,GAAE,IAAE,OAAO,IAAI,gBAAgB,GAAEC,IAAE,OAAO,UAAU,gBAAeC,IAAEJ,EAAE,mDAAmD,mBAAkBK,IAAE,EAAC,KAAI,IAAG,KAAI,IAAG,QAAO,IAAG,UAAS,GAAE;AAClP,WAASC,EAAEC,GAAEC,GAAEC,GAAE;AAAC,QAAIC,GAAEC,IAAE,IAAGC,IAAE,MAAKC,IAAE;AAAK,IAASJ,MAAT,WAAaG,IAAE,KAAGH,IAAYD,EAAE,QAAX,WAAiBI,IAAE,KAAGJ,EAAE,MAAcA,EAAE,QAAX,WAAiBK,IAAEL,EAAE;AAAK,SAAIE,KAAKF;AAAE,MAAAL,EAAE,KAAKK,GAAEE,CAAC,KAAG,CAACL,EAAE,eAAeK,CAAC,MAAIC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,QAAGH,KAAGA,EAAE;AAAa,WAAIG,KAAKF,IAAED,EAAE,cAAaC;AAAE,QAASG,EAAED,CAAC,MAAZ,WAAgBC,EAAED,CAAC,IAAEF,EAAEE,CAAC;AAAG,WAAM,EAAC,UAASR,GAAE,MAAKK,GAAE,KAAIK,GAAE,KAAIC,GAAE,OAAMF,GAAE,QAAOP,EAAE,QAAO;AAAA,EAAC;AAAC,SAAAU,aAAiB,GAAEA,EAAW,MAACR,GAAEQ,EAAA,OAAaR;;","x_google_ignoreList":[0]}
|