bord-design-system 0.0.21 → 0.0.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/BordEmptyState/BordEmptyState.d.ts.map +1 -1
- package/dist/components/BordEmptyState/BordEmptyState.types.d.ts +4 -0
- package/dist/components/BordEmptyState/BordEmptyState.types.d.ts.map +1 -1
- package/dist/components/BordGroupedComboBox/BordGroupedComboBox.d.ts +1 -1
- package/dist/components/BordGroupedComboBox/BordGroupedComboBox.d.ts.map +1 -1
- package/dist/components/BordGroupedComboBox/BordGroupedComboBox.types.d.ts +1 -0
- package/dist/components/BordGroupedComboBox/BordGroupedComboBox.types.d.ts.map +1 -1
- package/dist/components/BordIlustrationIcon/BordIlustration.types.d.ts +1 -0
- package/dist/components/BordIlustrationIcon/BordIlustration.types.d.ts.map +1 -1
- package/dist/components/BordIlustrationIcon/BordIlustrationIcon.d.ts +1 -1
- package/dist/components/BordIlustrationIcon/BordIlustrationIcon.d.ts.map +1 -1
- package/dist/components/BordIncidentCard/BordIncidentCard.types.d.ts +1 -1
- package/dist/components/BordIncidentCard/BordIncidentCard.types.d.ts.map +1 -1
- package/dist/components/BordTwoToneIcon/BordTwoToneIcon.d.ts +1 -1
- package/dist/components/BordTwoToneIcon/BordTwoToneIcon.d.ts.map +1 -1
- package/dist/components/BordTwoToneIcon/BordTwoToneIcon.types.d.ts +1 -0
- package/dist/components/BordTwoToneIcon/BordTwoToneIcon.types.d.ts.map +1 -1
- package/dist/index.d.ts +11 -5
- package/dist/index.esm.js +32 -18
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +32 -18
- package/dist/index.js.map +1 -1
- package/dist/index.webpack.js +32 -18
- package/dist/index.webpack.js.map +1 -1
- package/package.json +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordEmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/BordEmptyState/BordEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAK9D,OAAO,uCAAuC,CAAC;
|
|
1
|
+
{"version":3,"file":"BordEmptyState.d.ts","sourceRoot":"","sources":["../../../src/components/BordEmptyState/BordEmptyState.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAChC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAC;AAK9D,OAAO,uCAAuC,CAAC;AAI/C,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,oBAAoB,CAwE5C,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import type { CSSProperties } from 'react';
|
|
1
2
|
import { IBordButton } from '../BordButton/BordButton.types';
|
|
2
3
|
import { IBordIlustrationIconProps } from '../BordIlustrationIcon/BordIlustration.types';
|
|
3
4
|
import { IbordOneToneIconProps } from '../BordOneToneIcon/BordOneToneIcon';
|
|
@@ -10,7 +11,10 @@ export interface IBordEmptyStateProps {
|
|
|
10
11
|
oneToneIconProps?: IbordOneToneIconProps;
|
|
11
12
|
buttonOneProps?: IBordButton;
|
|
12
13
|
buttonTwoProps?: IBordButton;
|
|
14
|
+
customClassName?: string;
|
|
15
|
+
customClassNameIlustration?: string;
|
|
13
16
|
customClassNameSubTitle?: string;
|
|
14
17
|
customClassNameTitle?: string;
|
|
18
|
+
customStyles?: CSSProperties;
|
|
15
19
|
}
|
|
16
20
|
//# sourceMappingURL=BordEmptyState.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordEmptyState.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordEmptyState/BordEmptyState.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,8CAA8C,CAAC;AACzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,yBAAyB,CAAC;IACjD,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"BordEmptyState.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordEmptyState/BordEmptyState.types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,yBAAyB,EAAE,MAAM,8CAA8C,CAAC;AACzF,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,qBAAqB,EAAE,MAAM,0CAA0C,CAAC;AAEjF,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,oBAAoB,CAAC,EAAE,yBAAyB,CAAC;IACjD,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,gBAAgB,CAAC,EAAE,qBAAqB,CAAC;IACzC,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,cAAc,CAAC,EAAE,WAAW,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,0BAA0B,CAAC,EAAE,MAAM,CAAC;IACpC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,oBAAoB,CAAC,EAAE,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,aAAa,CAAC;CAC9B"}
|
|
@@ -5,6 +5,6 @@ import './BordGroupedComboBox.scss';
|
|
|
5
5
|
* Soporta filtrado en cliente, estado de carga y un selector secundario
|
|
6
6
|
* opcional (visible/habilitable) que se renderiza al lado del buscador.
|
|
7
7
|
*/
|
|
8
|
-
declare const BordGroupedComboBox: <T>({ groups, value, onChange, getOptionLabel, getOptionId, getOptionKey, placeholder, label, caption, errorText, disabled, standardSize, emptyStateText, isLoading, loadingText, isOpen, onOpenChange, onSearchChange, renderOption, secondarySelector, className, }: IBordGroupedComboBox<T>) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
declare const BordGroupedComboBox: <T>({ groups, value, onChange, getOptionLabel, getOptionId, getOptionKey, placeholder, label, caption, errorText, disabled, standardSize, emptyStateText, isLoading, loadingText, isOpen, onOpenChange, onSearchChange, renderOption, getOptionDisabled, secondarySelector, className, }: IBordGroupedComboBox<T>) => import("react/jsx-runtime").JSX.Element;
|
|
9
9
|
export default BordGroupedComboBox;
|
|
10
10
|
//# sourceMappingURL=BordGroupedComboBox.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordGroupedComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/BordGroupedComboBox/BordGroupedComboBox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAA6B,MAAM,6BAA6B,CAAC;AACnG,OAAO,4BAA4B,CAAC;AASpC;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,GAAI,CAAC,
|
|
1
|
+
{"version":3,"file":"BordGroupedComboBox.d.ts","sourceRoot":"","sources":["../../../src/components/BordGroupedComboBox/BordGroupedComboBox.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAA6B,MAAM,6BAA6B,CAAC;AACnG,OAAO,4BAA4B,CAAC;AASpC;;;;GAIG;AACH,QAAA,MAAM,mBAAmB,GAAI,CAAC,wRAuB3B,oBAAoB,CAAC,CAAC,CAAC,4CAwMzB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -38,6 +38,7 @@ export interface IBordGroupedComboBox<T> {
|
|
|
38
38
|
onOpenChange?: (open: boolean) => void;
|
|
39
39
|
onSearchChange?: (searchText: string) => void;
|
|
40
40
|
renderOption?: (item: T) => ReactNode;
|
|
41
|
+
getOptionDisabled?: (item: T) => boolean;
|
|
41
42
|
secondarySelector?: IBordGroupedComboBoxSecondarySelector<T>;
|
|
42
43
|
className?: string;
|
|
43
44
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordGroupedComboBox.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordGroupedComboBox/BordGroupedComboBox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAE7E,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,CAAC,EAAE,CAAC;CACZ;AAED,MAAM,WAAW,mCAAmC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qCAAqC,CAAC,CAAC;IACtD,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC;IAC9C,OAAO,EAAE,mCAAmC,EAAE,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,MAAM,EAAE,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,cAAc,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACpC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACjC,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,4BAA4B,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACtC,iBAAiB,CAAC,EAAE,qCAAqC,CAAC,CAAC,CAAC,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
1
|
+
{"version":3,"file":"BordGroupedComboBox.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordGroupedComboBox/BordGroupedComboBox.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,0BAA0B,CAAC;AAE7E,MAAM,WAAW,yBAAyB,CAAC,CAAC;IAC1C,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,CAAC,EAAE,CAAC;CACZ;AAED,MAAM,WAAW,mCAAmC;IAClD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qCAAqC,CAAC,CAAC;IACtD,OAAO,EAAE,OAAO,CAAC;IACjB,OAAO,CAAC,EAAE,CAAC,YAAY,EAAE,CAAC,GAAG,IAAI,KAAK,OAAO,CAAC;IAC9C,OAAO,EAAE,mCAAmC,EAAE,CAAC;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,oBAAoB,CAAC,CAAC;IACrC,MAAM,EAAE,yBAAyB,CAAC,CAAC,CAAC,EAAE,CAAC;IACvC,KAAK,EAAE,CAAC,GAAG,IAAI,CAAC;IAChB,QAAQ,EAAE,CAAC,QAAQ,EAAE,CAAC,KAAK,IAAI,CAAC;IAChC,cAAc,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACpC,WAAW,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IACjC,YAAY,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAClC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,4BAA4B,CAAC;IAC5C,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,cAAc,CAAC,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC;IACtC,iBAAiB,CAAC,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,OAAO,CAAC;IACzC,iBAAiB,CAAC,EAAE,qCAAqC,CAAC,CAAC,CAAC,CAAC;IAC7D,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -31,5 +31,6 @@ export interface IBordIlustrationIconProps extends ComponentProps<'svg'> {
|
|
|
31
31
|
variant: TbordilustrationIcon;
|
|
32
32
|
standardSize?: 12 | 14 | 16 | 20 | 24 | 32 | 48 | 100 | number;
|
|
33
33
|
customWidth?: string;
|
|
34
|
+
customClassName?: string;
|
|
34
35
|
}
|
|
35
36
|
//# sourceMappingURL=BordIlustration.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordIlustration.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordIlustrationIcon/BordIlustration.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,SAAS,GACT,aAAa,GACb,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,OAAO,GACP,eAAe,GACf,OAAO,GACP,gCAAgC,GAChC,WAAW,GACX,eAAe,GACf,mBAAmB,GACnB,OAAO,GACP,WAAW,GACX,WAAW,GACX,UAAU,GACV,eAAe,CAAC;AAEpB,oBAAY,sBAAsB;IAChC,QAAQ,WAAW;IACnB,UAAU,aAAa;IACvB,QAAQ,WAAW;IACnB,KAAK,QAAQ;IACb,SAAS,YAAY;IACrB,aAAa,gBAAgB;IAC7B,QAAQ,WAAW;IACnB,KAAK,QAAQ;IACb,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,OAAO,UAAU;IACjB,OAAO,UAAU;IACjB,eAAe,kBAAkB;IACjC,OAAO,UAAU;IACjB,gCAAgC,mCAAmC;IACnE,WAAW,cAAc;IACzB,eAAe,kBAAkB;IACjC,mBAAmB,sBAAsB;IACzC,OAAO,UAAU;IACjB,WAAW,cAAc;IACzB,WAAW,cAAc;IACzB,UAAU,aAAa;IACvB,eAAe,kBAAkB;CAClC;AAED,MAAM,WAAW,yBAA0B,SAAQ,cAAc,CAAC,KAAK,CAAC;IACtE,OAAO,EAAE,oBAAoB,CAAC;IAC9B,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,MAAM,CAAC;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"BordIlustration.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordIlustrationIcon/BordIlustration.types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,MAAM,oBAAoB,GAC5B,QAAQ,GACR,UAAU,GACV,QAAQ,GACR,KAAK,GACL,SAAS,GACT,aAAa,GACb,QAAQ,GACR,KAAK,GACL,SAAS,GACT,QAAQ,GACR,SAAS,GACT,QAAQ,GACR,OAAO,GACP,OAAO,GACP,eAAe,GACf,OAAO,GACP,gCAAgC,GAChC,WAAW,GACX,eAAe,GACf,mBAAmB,GACnB,OAAO,GACP,WAAW,GACX,WAAW,GACX,UAAU,GACV,eAAe,CAAC;AAEpB,oBAAY,sBAAsB;IAChC,QAAQ,WAAW;IACnB,UAAU,aAAa;IACvB,QAAQ,WAAW;IACnB,KAAK,QAAQ;IACb,SAAS,YAAY;IACrB,aAAa,gBAAgB;IAC7B,QAAQ,WAAW;IACnB,KAAK,QAAQ;IACb,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,SAAS,YAAY;IACrB,QAAQ,WAAW;IACnB,OAAO,UAAU;IACjB,OAAO,UAAU;IACjB,eAAe,kBAAkB;IACjC,OAAO,UAAU;IACjB,gCAAgC,mCAAmC;IACnE,WAAW,cAAc;IACzB,eAAe,kBAAkB;IACjC,mBAAmB,sBAAsB;IACzC,OAAO,UAAU;IACjB,WAAW,cAAc;IACzB,WAAW,cAAc;IACzB,UAAU,aAAa;IACvB,eAAe,kBAAkB;CAClC;AAED,MAAM,WAAW,yBAA0B,SAAQ,cAAc,CAAC,KAAK,CAAC;IACtE,OAAO,EAAE,oBAAoB,CAAC;IAC9B,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,MAAM,CAAC;IAC/D,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IBordIlustrationIconProps } from "./BordIlustration.types";
|
|
2
|
-
declare const BordIlustrationIcon: ({ variant, standardSize, customWidth, style, }: IBordIlustrationIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const BordIlustrationIcon: ({ variant, standardSize, customWidth, style, customClassName, }: IBordIlustrationIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default BordIlustrationIcon;
|
|
4
4
|
//# sourceMappingURL=BordIlustrationIcon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordIlustrationIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BordIlustrationIcon/BordIlustrationIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,QAAA,MAAM,mBAAmB,
|
|
1
|
+
{"version":3,"file":"BordIlustrationIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BordIlustrationIcon/BordIlustrationIcon.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,yBAAyB,CAAC;AAEpE,QAAA,MAAM,mBAAmB,oEAMtB,yBAAyB,4CAY3B,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentProps, ReactNode } from 'react';
|
|
2
2
|
import { IBordButton } from '../BordButton/BordButton.types';
|
|
3
3
|
export type TIncidentVariant = 'blocking' | 'informative' | 'progress';
|
|
4
|
-
export type TIncidentStatus = 'open' | 'closed' | '
|
|
4
|
+
export type TIncidentStatus = 'open' | 'closed' | 'cancelled';
|
|
5
5
|
export type TIncidentType = string;
|
|
6
6
|
export interface IIncidentTypeConfig {
|
|
7
7
|
title: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordIncidentCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordIncidentCard/BordIncidentCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,aAAa,GAAG,UAAU,CAAC;AAEvE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,
|
|
1
|
+
{"version":3,"file":"BordIncidentCard.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordIncidentCard/BordIncidentCard.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAE7D,MAAM,MAAM,gBAAgB,GAAG,UAAU,GAAG,aAAa,GAAG,UAAU,CAAC;AAEvE,MAAM,MAAM,eAAe,GAAG,MAAM,GAAG,QAAQ,GAAG,WAAW,CAAC;AAE9D,MAAM,MAAM,aAAa,GAAG,MAAM,CAAC;AAEnC,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,gBAAgB,CAAC;CAC3B;AAED,MAAM,WAAW,sBAAuB,SAAQ,IAAI,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE,OAAO,CAAC;IAClF,OAAO,EAAE,gBAAgB,CAAC;IAC1B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,WAAW,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
1
|
import { IBordTwoToneIconProps } from "./BordTwoToneIcon.types";
|
|
2
|
-
declare const BordTwoToneIcon: ({ variant, standardSize, customWidth, colorTones, }: IBordTwoToneIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const BordTwoToneIcon: ({ variant, standardSize, customWidth, colorTones, customClassName, }: IBordTwoToneIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default BordTwoToneIcon;
|
|
4
4
|
//# sourceMappingURL=BordTwoToneIcon.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordTwoToneIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BordTwoToneIcon/BordTwoToneIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,QAAA,MAAM,eAAe,
|
|
1
|
+
{"version":3,"file":"BordTwoToneIcon.d.ts","sourceRoot":"","sources":["../../../src/components/BordTwoToneIcon/BordTwoToneIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAGhE,QAAA,MAAM,eAAe,yEAMlB,qBAAqB,4CAYvB,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -30,6 +30,7 @@ export interface IBordTwoToneIconProps extends ComponentProps<"svg"> {
|
|
|
30
30
|
colorTones?: IcolorTones;
|
|
31
31
|
standardSize?: 12 | 16 | 18 | 20 | 24 | 32;
|
|
32
32
|
customWidth?: string;
|
|
33
|
+
customClassName?: string;
|
|
33
34
|
}
|
|
34
35
|
export interface ITwoToneIconProps extends ComponentProps<"svg"> {
|
|
35
36
|
colorTones?: IcolorTones;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordTwoToneIcon.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordTwoToneIcon/BordTwoToneIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,mBAAmB;IAC7B,UAAU,aAAa;IACvB,QAAQ,WAAW;IACnB,YAAY,eAAe;IAC3B,WAAW,cAAc;IACzB,SAAS,YAAY;IACrB,YAAY,eAAe;IAC3B,UAAU,aAAa;IACvB,UAAU,aAAa;IACvB,oBAAoB,uBAAuB;IAC3C,cAAc,iBAAiB;IAC/B,eAAe,kBAAkB;IACjC,gBAAgB,mBAAmB;IACnC,mBAAmB,sBAAsB;IACzC,gBAAgB,mBAAmB;IACnC,UAAU,aAAa;IACvB,cAAc,iBAAiB;IAC/B,SAAS,YAAY;IACrB,eAAe,kBAAkB;IACjC,OAAO,UAAU;IACjB,MAAM,SAAS;IACf,QAAQ,WAAW;IACnB,QAAQ,WAAW;IACnB,OAAO,UAAU;CAClB;AAED,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,UAAU,GACV,oBAAoB,GACpB,cAAc,GACd,eAAe,GACf,gBAAgB,GAChB,mBAAmB,GACnB,gBAAgB,GAChB,UAAU,GACV,cAAc,GACd,SAAS,GACT,eAAe,GACf,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,CAAC;AAEZ,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAClE,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;
|
|
1
|
+
{"version":3,"file":"BordTwoToneIcon.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordTwoToneIcon/BordTwoToneIcon.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,oBAAY,mBAAmB;IAC7B,UAAU,aAAa;IACvB,QAAQ,WAAW;IACnB,YAAY,eAAe;IAC3B,WAAW,cAAc;IACzB,SAAS,YAAY;IACrB,YAAY,eAAe;IAC3B,UAAU,aAAa;IACvB,UAAU,aAAa;IACvB,oBAAoB,uBAAuB;IAC3C,cAAc,iBAAiB;IAC/B,eAAe,kBAAkB;IACjC,gBAAgB,mBAAmB;IACnC,mBAAmB,sBAAsB;IACzC,gBAAgB,mBAAmB;IACnC,UAAU,aAAa;IACvB,cAAc,iBAAiB;IAC/B,SAAS,YAAY;IACrB,eAAe,kBAAkB;IACjC,OAAO,UAAU;IACjB,MAAM,SAAS;IACf,QAAQ,WAAW;IACnB,QAAQ,WAAW;IACnB,OAAO,UAAU;CAClB;AAED,MAAM,MAAM,gBAAgB,GACxB,UAAU,GACV,QAAQ,GACR,YAAY,GACZ,WAAW,GACX,SAAS,GACT,YAAY,GACZ,UAAU,GACV,UAAU,GACV,oBAAoB,GACpB,cAAc,GACd,eAAe,GACf,gBAAgB,GAChB,mBAAmB,GACnB,gBAAgB,GAChB,UAAU,GACV,cAAc,GACd,SAAS,GACT,eAAe,GACf,OAAO,GACP,MAAM,GACN,QAAQ,GACR,QAAQ,GACR,OAAO,CAAC;AAEZ,MAAM,WAAW,qBAAsB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAClE,OAAO,EAAE,gBAAgB,CAAC;IAC1B,UAAU,CAAC,EAAE,WAAW,CAAC;IACzB,YAAY,CAAC,EAAE,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;IAC9D,UAAU,CAAC,EAAE,WAAW,CAAC;CAC1B;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB"}
|
package/dist/index.d.ts
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
2
|
import * as React$1 from 'react';
|
|
3
|
-
import React__default, { ComponentProps, ChangeEvent, ReactNode, ReactElement, RefObject, FC, Dispatch, SetStateAction,
|
|
3
|
+
import React__default, { ComponentProps, ChangeEvent, ReactNode, ReactElement, RefObject, FC, Dispatch, SetStateAction, CSSProperties, ButtonHTMLAttributes, HTMLAttributes, Ref } from 'react';
|
|
4
4
|
|
|
5
5
|
declare enum BORD_AVATARS {
|
|
6
6
|
'circularFigma' = "circularFigma",
|
|
@@ -669,6 +669,7 @@ interface IBordTwoToneIconProps extends ComponentProps<"svg"> {
|
|
|
669
669
|
colorTones?: IcolorTones;
|
|
670
670
|
standardSize?: 12 | 16 | 18 | 20 | 24 | 32;
|
|
671
671
|
customWidth?: string;
|
|
672
|
+
customClassName?: string;
|
|
672
673
|
}
|
|
673
674
|
interface ITwoToneIconProps extends ComponentProps<"svg"> {
|
|
674
675
|
colorTones?: IcolorTones;
|
|
@@ -680,7 +681,7 @@ interface IcolorTones {
|
|
|
680
681
|
opacity2?: string;
|
|
681
682
|
}
|
|
682
683
|
|
|
683
|
-
declare const BordTwoToneIcon: ({ variant, standardSize, customWidth, colorTones, }: IBordTwoToneIconProps) => react_jsx_runtime.JSX.Element;
|
|
684
|
+
declare const BordTwoToneIcon: ({ variant, standardSize, customWidth, colorTones, customClassName, }: IBordTwoToneIconProps) => react_jsx_runtime.JSX.Element;
|
|
684
685
|
|
|
685
686
|
interface IBordBackButtonProps extends ComponentProps<"div"> {
|
|
686
687
|
buttonText: string;
|
|
@@ -1223,6 +1224,7 @@ interface IBordIlustrationIconProps extends ComponentProps<'svg'> {
|
|
|
1223
1224
|
variant: TbordilustrationIcon;
|
|
1224
1225
|
standardSize?: 12 | 14 | 16 | 20 | 24 | 32 | 48 | 100 | number;
|
|
1225
1226
|
customWidth?: string;
|
|
1227
|
+
customClassName?: string;
|
|
1226
1228
|
}
|
|
1227
1229
|
|
|
1228
1230
|
interface IBordModalProps {
|
|
@@ -1281,7 +1283,7 @@ declare const BordModal: React__default.FC<IBordModalProps>;
|
|
|
1281
1283
|
|
|
1282
1284
|
declare const ModalContent: ({ CustomModalComponent, toCloseModal, customWidth, customHeight, leftAlignmentTitle, customHeaderClass, excludeHeader, title, subTitle, showButtonOne, showButtonTwo, sizeButtonOne, sizeButtonTwo, textButtonOne, textButtonTwo, modalSize, onClickButtonOne, onClickButtonTwo, onClickBackButton, buttonOneProps, buttonTwoProps, customClassButtonOne, customClassButtonTwo, customSubtitleClass, customModalContent, withoutHeaderCustomClass, noPadding, excludeCloseButton, stylesCustomHeaderProps, gradientBackground, customIconContainerClass, iconIllustration, iconIllustrationVariant, iconIllustrationWidth, customButtonsContainerClass, textBackButton }: IBordModalContent) => react_jsx_runtime.JSX.Element;
|
|
1283
1285
|
|
|
1284
|
-
declare const BordIlustrationIcon: ({ variant, standardSize, customWidth, style, }: IBordIlustrationIconProps) => react_jsx_runtime.JSX.Element;
|
|
1286
|
+
declare const BordIlustrationIcon: ({ variant, standardSize, customWidth, style, customClassName, }: IBordIlustrationIconProps) => react_jsx_runtime.JSX.Element;
|
|
1285
1287
|
|
|
1286
1288
|
type toastVariants = 'informative' | 'success' | 'warning' | 'danger';
|
|
1287
1289
|
interface IBordToastProps {
|
|
@@ -1387,8 +1389,11 @@ interface IBordEmptyStateProps {
|
|
|
1387
1389
|
oneToneIconProps?: IbordOneToneIconProps;
|
|
1388
1390
|
buttonOneProps?: IBordButton;
|
|
1389
1391
|
buttonTwoProps?: IBordButton;
|
|
1392
|
+
customClassName?: string;
|
|
1393
|
+
customClassNameIlustration?: string;
|
|
1390
1394
|
customClassNameSubTitle?: string;
|
|
1391
1395
|
customClassNameTitle?: string;
|
|
1396
|
+
customStyles?: CSSProperties;
|
|
1392
1397
|
}
|
|
1393
1398
|
|
|
1394
1399
|
declare const BordEmptyState: FC<IBordEmptyStateProps>;
|
|
@@ -2142,6 +2147,7 @@ interface IBordGroupedComboBox<T> {
|
|
|
2142
2147
|
onOpenChange?: (open: boolean) => void;
|
|
2143
2148
|
onSearchChange?: (searchText: string) => void;
|
|
2144
2149
|
renderOption?: (item: T) => ReactNode;
|
|
2150
|
+
getOptionDisabled?: (item: T) => boolean;
|
|
2145
2151
|
secondarySelector?: IBordGroupedComboBoxSecondarySelector<T>;
|
|
2146
2152
|
className?: string;
|
|
2147
2153
|
}
|
|
@@ -2151,7 +2157,7 @@ interface IBordGroupedComboBox<T> {
|
|
|
2151
2157
|
* Soporta filtrado en cliente, estado de carga y un selector secundario
|
|
2152
2158
|
* opcional (visible/habilitable) que se renderiza al lado del buscador.
|
|
2153
2159
|
*/
|
|
2154
|
-
declare const BordGroupedComboBox: <T>({ groups, value, onChange, getOptionLabel, getOptionId, getOptionKey, placeholder, label, caption, errorText, disabled, standardSize, emptyStateText, isLoading, loadingText, isOpen, onOpenChange, onSearchChange, renderOption, secondarySelector, className, }: IBordGroupedComboBox<T>) => react_jsx_runtime.JSX.Element;
|
|
2160
|
+
declare const BordGroupedComboBox: <T>({ groups, value, onChange, getOptionLabel, getOptionId, getOptionKey, placeholder, label, caption, errorText, disabled, standardSize, emptyStateText, isLoading, loadingText, isOpen, onOpenChange, onSearchChange, renderOption, getOptionDisabled, secondarySelector, className, }: IBordGroupedComboBox<T>) => react_jsx_runtime.JSX.Element;
|
|
2155
2161
|
|
|
2156
2162
|
interface IBordEmailPreview {
|
|
2157
2163
|
imageUrl: string;
|
|
@@ -2253,7 +2259,7 @@ interface IBordTrackingEventCardProps extends Omit<ComponentProps<'div'>, 'title
|
|
|
2253
2259
|
declare const BordTrackingEventCard: FC<IBordTrackingEventCardProps>;
|
|
2254
2260
|
|
|
2255
2261
|
type TIncidentVariant = 'blocking' | 'informative' | 'progress';
|
|
2256
|
-
type TIncidentStatus = 'open' | 'closed' | '
|
|
2262
|
+
type TIncidentStatus = 'open' | 'closed' | 'cancelled';
|
|
2257
2263
|
type TIncidentType = string;
|
|
2258
2264
|
interface IIncidentTypeConfig {
|
|
2259
2265
|
title: string;
|
package/dist/index.esm.js
CHANGED
|
@@ -4379,11 +4379,12 @@ const listOfBordTwoToneIcons = {
|
|
|
4379
4379
|
timer: BordTwoToneTimerIcon,
|
|
4380
4380
|
};
|
|
4381
4381
|
|
|
4382
|
-
const BordTwoToneIcon = ({ variant, standardSize = 24, customWidth, colorTones, }) => {
|
|
4382
|
+
const BordTwoToneIcon = ({ variant, standardSize = 24, customWidth, colorTones, customClassName, }) => {
|
|
4383
4383
|
const twoToneIcon = listOfBordTwoToneIcons[variant];
|
|
4384
4384
|
const standardSizeStyle = `${(standardSize / 10).toFixed(1)}rem`;
|
|
4385
4385
|
const iconWidth = customWidth || standardSizeStyle;
|
|
4386
|
-
|
|
4386
|
+
const className = ['bordTwoToneIcon', customClassName].filter(Boolean).join(' ');
|
|
4387
|
+
return (jsx("div", { className: className, style: { width: iconWidth }, children: React__default.createElement(twoToneIcon, { colorTones }) }));
|
|
4387
4388
|
};
|
|
4388
4389
|
|
|
4389
4390
|
var css_248z$1z = ".bordBackButtonDS{align-items:center;cursor:pointer;display:flex;gap:.4rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.bordBackButtonDS .buttonText{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity));font-size:1.2rem;line-height:1.6rem}";
|
|
@@ -10687,11 +10688,12 @@ const listOfBordIlustrationIcon = {
|
|
|
10687
10688
|
'3DSpecialBell': Bord3dSpecialBell,
|
|
10688
10689
|
};
|
|
10689
10690
|
|
|
10690
|
-
const BordIlustrationIcon = ({ variant, standardSize = 24, customWidth, style, }) => {
|
|
10691
|
+
const BordIlustrationIcon = ({ variant, standardSize = 24, customWidth, style, customClassName, }) => {
|
|
10691
10692
|
const iconComponent = listOfBordIlustrationIcon[variant];
|
|
10692
10693
|
const standardSizeStyle = `${(standardSize / 10).toFixed(1)}rem`;
|
|
10693
10694
|
const iconWidth = customWidth || standardSizeStyle;
|
|
10694
|
-
|
|
10695
|
+
const className = ['bordIlustrationIcon', customClassName].filter(Boolean).join(' ');
|
|
10696
|
+
return (jsx("div", { className: className, style: { ...style, width: iconWidth }, children: React__default.createElement(iconComponent, {}) }));
|
|
10695
10697
|
};
|
|
10696
10698
|
|
|
10697
10699
|
var css_248z$15 = ".modalContentDS{align-items:center;background-color:var(--ds-c-layout-bg);border-radius:.6rem;display:flex;flex-direction:column;justify-content:center;position:relative;z-index:50}.modalContentDS.gradientBackground{overflow:hidden}.modalContentDS .contentHeader{align-items:center;display:flex;flex-direction:row;justify-content:center;margin-top:4rem}.modalContentDS .contentHeader.showIconIllustration{flex-direction:column}.modalContentDS .contentHeader .contentIconIllustration{margin-bottom:3.4rem}.modalContentDS .contentHeader .title{color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.modalContentDS .contentHeader .subTitle{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.modalContentDS .leftAlignmentTitle{justify-content:flex-start}.modalContentDS .customSectionContainer{overflow-y:scroll}.modalContentDS .customModalContainer{align-items:flex-start;display:flex;height:100%;justify-content:center;padding-left:4rem;padding-right:4rem}.modalContentDS .withoutHeader{height:100%;overflow:auto;padding:4rem;width:100%}.modalContentDS .exitContentButton{cursor:pointer;position:absolute;right:2.4rem;top:2.4rem;z-index:10}.modalContentDS .exitContentButton svg>path{stroke:var(--ds-c-content-secondary)}.modalContentDS .backContentButton{cursor:pointer;left:2.4rem;position:absolute;top:2.4rem}.modalContentDS .buttonsContainer{display:flex;gap:1.2rem;justify-content:center;padding:4rem}@media (max-width:768px){.modalContentDS .buttonsContainer{padding:1.6rem 1.2rem}}@media (max-width:350px){.modalContentDS .buttonsContainer{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:1.6rem 1.2rem}}.modalContentDS.sm{height:34rem;width:48rem}@media (max-width:768px){.modalContentDS.sm{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalContentDS.md{height:48rem;width:58rem}@media (max-width:768px){.modalContentDS.md{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalContentDS.lg{height:50rem;width:68rem}@media (max-width:768px){.modalContentDS.lg{height:-moz-max-content;height:max-content;padding:1.2rem;width:100%}}.modalShow{animation:animationShow .2s}.modalHide{animation:animationHide .25s;opacity:0;z-index:-1}@keyframes animationShow{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}@keyframes animationHide{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(0)}}";
|
|
@@ -10877,23 +10879,30 @@ const BordSortSelect = ({ triggerLabel, sortByOptions, selectedSortById, order,
|
|
|
10877
10879
|
return (jsxs("div", { ref: rootRef, className: classnames, children: [jsx("button", { type: "button", className: "bordSortSelectTrigger", onClick: toggleOpen, disabled: disabled, "aria-expanded": isOpen, "aria-haspopup": "dialog", "aria-disabled": disabled, children: jsxs("span", { className: "bordSortSelectTriggerLabel", children: [jsx("span", { className: "truncate", children: triggerLabel }), jsx("span", { className: "bordSortSelectDirectionIcon", "aria-hidden": true, children: jsx(BordOneToneIcon, { variant: directionIconVariant, standardSize: 18 }) })] }) }), isOpen && (jsxs("div", { className: `bordSortSelectPanel ${panelAlign === 'end' ? 'bordSortSelectPanel--alignEnd' : ''}`, role: "presentation", onMouseDown: (e) => e.stopPropagation(), children: [jsxs("div", { className: "bordSortSelectSection", children: [jsx("div", { className: "bordSortSelectSectionTitle", children: sortBySectionLabel }), jsx("div", { className: "bordSortSelectRadios", children: sortByOptions.map((option) => (jsx(BordRadioButton, { componentSize: "small", label: option.label, isButtonActive: selectedSortById === option.id, onClick: () => onSortByChange(option.id) }, option.id))) })] }), jsxs("div", { className: "bordSortSelectSection", children: [jsx("div", { className: "bordSortSelectSectionTitle", children: orderSectionLabel }), jsxs("div", { className: "bordSortSelectRadios", children: [jsx(BordRadioButton, { componentSize: "small", label: orderAscLabel, isButtonActive: order === 'asc', onClick: () => onOrderChange('asc') }), jsx(BordRadioButton, { componentSize: "small", label: orderDescLabel, isButtonActive: order === 'desc', onClick: () => onOrderChange('desc') })] })] })] }))] }));
|
|
10878
10880
|
};
|
|
10879
10881
|
|
|
10880
|
-
var css_248z$$ = ".bordEmptyStateDS{align-items:center;display:flex;flex-direction:column;gap:2.4rem;text-align:center}.bordEmptyStateDS .titleAndSubTitleContainer{max-width:58rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-max-content;width:max-content}.bordEmptyStateDS .
|
|
10882
|
+
var css_248z$$ = ".bordEmptyStateDS{align-items:center;display:flex;flex-direction:column;gap:2.4rem;text-align:center}.bordEmptyStateDS .titleAndSubTitleContainer{max-width:58rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:-moz-max-content;width:max-content}.bordEmptyStateDS :where(.title){color:var(--ds-c-content-default);font-size:2rem;font-weight:700;line-height:2.6rem}.bordEmptyStateDS :where(.subTitle){color:var(--ds-c-content-secondary);font-size:1.6rem;font-weight:400;line-height:2.1rem;margin-top:.8rem}.bordEmptyStateDS .buttonsContainer{align-items:center;display:flex;gap:1.2rem}";
|
|
10881
10883
|
styleInject(css_248z$$);
|
|
10882
10884
|
|
|
10883
|
-
const
|
|
10885
|
+
const mergeClassNames = (...classNames) => classNames.filter(Boolean).join(' ');
|
|
10886
|
+
const BordEmptyState = ({ title = 'title', subTitle, customClassName = '', customClassNameTitle = '', customClassNameSubTitle = '', customClassNameIlustration = '', customStyles, buttonOneProps, buttonTwoProps, ilustrationIconProps, oneToneIconProps, twoToneIconProps, }) => {
|
|
10884
10887
|
const defaultIcon = 'search';
|
|
10885
10888
|
const defaultStandardSize = 100;
|
|
10886
10889
|
const getIlustration = () => {
|
|
10887
|
-
if (ilustrationIconProps)
|
|
10888
|
-
return jsx(BordIlustrationIcon, { ...ilustrationIconProps });
|
|
10889
|
-
|
|
10890
|
-
|
|
10891
|
-
|
|
10892
|
-
|
|
10893
|
-
|
|
10890
|
+
if (ilustrationIconProps) {
|
|
10891
|
+
return (jsx(BordIlustrationIcon, { ...ilustrationIconProps, customClassName: mergeClassNames(ilustrationIconProps.customClassName, customClassNameIlustration) }));
|
|
10892
|
+
}
|
|
10893
|
+
if (twoToneIconProps) {
|
|
10894
|
+
return (jsx(BordTwoToneIcon, { ...twoToneIconProps, customClassName: mergeClassNames(twoToneIconProps.customClassName, customClassNameIlustration) }));
|
|
10895
|
+
}
|
|
10896
|
+
if (oneToneIconProps) {
|
|
10897
|
+
return (jsx(BordOneToneIcon, { ...oneToneIconProps, customClassName: mergeClassNames(oneToneIconProps.customClassName, customClassNameIlustration) }));
|
|
10898
|
+
}
|
|
10899
|
+
return (jsx(BordIlustrationIcon, { standardSize: defaultStandardSize, variant: defaultIcon, customClassName: customClassNameIlustration }));
|
|
10894
10900
|
};
|
|
10895
10901
|
const ilustration = getIlustration();
|
|
10896
|
-
|
|
10902
|
+
const rootClassName = mergeClassNames('bordEmptyStateDS', customClassName);
|
|
10903
|
+
const titleAndSubTitleContainerClassName = mergeClassNames('titleAndSubTitleContainer');
|
|
10904
|
+
const buttonsContainerClassName = mergeClassNames('buttonsContainer');
|
|
10905
|
+
return (jsxs("div", { className: rootClassName, style: customStyles, children: [ilustration, jsxs("div", { className: titleAndSubTitleContainerClassName, children: [jsx("div", { className: mergeClassNames('title', customClassNameTitle), children: title }), subTitle && jsx("div", { className: mergeClassNames('subTitle', customClassNameSubTitle), children: subTitle })] }), jsxs("div", { className: buttonsContainerClassName, children: [buttonOneProps && jsx(BordButton, { ...buttonOneProps }), buttonTwoProps && jsx(BordButton, { ...buttonTwoProps })] })] }));
|
|
10897
10906
|
};
|
|
10898
10907
|
|
|
10899
10908
|
var css_248z$_ = ".dsSwitchVariant-default{align-items:center;background-color:transparent;border-color:var(--ds-c-stroke-interactive);border-radius:4rem;border-style:solid;border-width:1px;border-width:.1rem;box-sizing:content-box;cursor:pointer;display:flex;flex-shrink:0;height:2.4rem;padding:0;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:5.6rem}.dsSwitchVariant-default,.dsSwitchVariant-default .dsSwitchThumb{position:relative}.dsSwitchVariant-default .dsSwitchThumb{background-color:var(--ds-c-stroke-default);border-radius:15998.4rem;color:var(--ds-c-content-secondary);display:grid;flex-shrink:0;height:2rem;margin-left:.2rem;place-items:center;transform:translateX(0);transition-duration:.2s;transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);width:2rem}.dsSwitchVariant-default.dsSwitchRootOn .dsSwitchThumb{background-color:var(--ds-c-primary-bg-default);color:var(--ds-c-layout-l1);transform:translateX(3.1rem)}.dsSwitchVariant-default:disabled{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default);cursor:not-allowed}.dsSwitchVariant-default:disabled .dsSwitchThumb,.dsSwitchVariant-default:disabled.dsSwitchRootOn .dsSwitchThumb{background-color:var(--ds-c-bool-disabled-fg);color:var(--ds-c-bool-disabled-sec-bg)}.dsSwitchSkeleton.dsSwitchVariant-default{width:5.6rem}";
|
|
@@ -42997,7 +43006,7 @@ const BordTickSpinner = ({ size = DEFAULT_SIZE, color, tickCount = DEFAULT_TICK_
|
|
|
42997
43006
|
} }, i))) }));
|
|
42998
43007
|
};
|
|
42999
43008
|
|
|
43000
|
-
var css_248z$8 = ".bordGroupedComboBoxDS{display:inline-block;position:relative;width:100%}.bordGroupedComboBoxDS .bordGroupedComboBoxDSlabel{color:var(--ds-c-content-secondary);display:block;font-size:1rem;line-height:1.3rem;margin-bottom:.4rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSrow{align-items:flex-start;display:flex;gap:1.2rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputColumn{flex:1 1 0%;min-width:0;position:relative}.bordGroupedComboBoxDS .bordGroupedComboBoxDSsecondary{flex-shrink:0}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper{--tw-border-opacity:1;align-items:center;background-color:var(--ds-c-layout-l1);border-color:rgb(180 180 180/var(--tw-border-opacity));border-radius:.6rem;border-style:solid;border-width:1px;cursor:text;display:flex;gap:.8rem;height:4rem;padding-left:1.2rem;padding-right:1.2rem;position:relative;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover{border-color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinputIcon{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinput::-moz-placeholder{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinput::placeholder{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputIcon{--tw-text-opacity:1;align-items:center;color:rgb(180 180 180/var(--tw-text-opacity));display:flex;flex-shrink:0;justify-content:center}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput{background-color:transparent;border-style:none;color:var(--ds-c-content-default);flex:1 1 0%;font-size:1.4rem;line-height:1.8rem;outline:2px solid transparent;outline-offset:2px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput::-moz-placeholder{--tw-text-opacity:1;color:rgb(180 180 180/var(--tw-text-opacity))}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput::placeholder{--tw-text-opacity:1;color:rgb(180 180 180/var(--tw-text-opacity))}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown{--tw-shadow:0 0.4rem 0.5rem rgba(0,0,0,.08);--tw-shadow-colored:0 0.4rem 0.5rem var(--tw-shadow-color);background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default);border-radius:.6rem;border-style:solid;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);left:0;margin-top:.4rem;max-height:46.8rem;overflow-x:hidden;overflow-y:auto;padding-bottom:.8rem;padding-top:.8rem;position:absolute;right:0;top:100%;z-index:50}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown::-webkit-scrollbar{width:2px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown::-webkit-scrollbar-thumb{background-color:var(--ds-c-primary-bg-default);min-height:71px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroup{display:block}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroup+.bordGroupedComboBoxDSgroup{margin-top:.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroupLabel{--tw-border-opacity:1;border-bottom-width:1px;border-inline-start-color:rgb(180 180 180/var(--tw-border-opacity));border-style:solid;color:var(--ds-c-content-secondary);font-size:1.4rem;line-height:1.8rem;padding:.8rem 1.6rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption{align-items:baseline;background-color:transparent;border-style:none;border-left:3px solid transparent;color:var(--ds-c-content-default);cursor:pointer;display:flex;font-size:1.2rem;gap:.4rem;line-height:1.5rem;min-width:0;padding:.8rem 1.6rem;text-align:left;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.selected,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:hover{background-color:var(--ds-c-primary-bg-secondary);border-color:var(--ds-c-primary-bg-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoptionLabel{color:var(--ds-c-content-default);flex-shrink:0;font-size:1.4rem;line-height:1.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoptionId{color:var(--ds-c-content-secondary);flex:1 1 0%;font-size:1.4rem;line-height:1.8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordGroupedComboBoxDS .bordGroupedComboBoxDSemptyState{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;padding:.8rem 1.6rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSloader{display:block;padding:2.4rem 1.6rem;text-align:center}.bordGroupedComboBoxDS .bordGroupedComboBoxDSloaderText{color:var(--ds-c-content-secondary);display:block;font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDScaption{color:var(--ds-c-content-secondary);display:block;font-size:1rem;line-height:1.3rem;margin-top:.4rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSerrorText{color:var(--ds-c-bool-danger-fg);display:block;font-size:1rem;line-height:1.3rem;margin-top:.4rem}.bordGroupedComboBoxDS.filled .bordGroupedComboBoxDSinputWrapper,.bordGroupedComboBoxDS.isOpen .bordGroupedComboBoxDSinputWrapper{border-color:var(--ds-c-primary-bg-default)}.bordGroupedComboBoxDS.error .bordGroupedComboBoxDSinputWrapper{border-color:var(--ds-c-bool-danger-fg)}.bordGroupedComboBoxDS.disabled{pointer-events:none}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinputWrapper{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput::-moz-placeholder{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput::placeholder{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinputIcon{color:var(--ds-c-bool-disabled-fg)}";
|
|
43009
|
+
var css_248z$8 = ".bordGroupedComboBoxDS{display:inline-block;position:relative;width:100%}.bordGroupedComboBoxDS .bordGroupedComboBoxDSlabel{color:var(--ds-c-content-secondary);display:block;font-size:1rem;line-height:1.3rem;margin-bottom:.4rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSrow{align-items:flex-start;display:flex;gap:1.2rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputColumn{flex:1 1 0%;min-width:0;position:relative}.bordGroupedComboBoxDS .bordGroupedComboBoxDSsecondary{flex-shrink:0}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper{--tw-border-opacity:1;align-items:center;background-color:var(--ds-c-layout-l1);border-color:rgb(180 180 180/var(--tw-border-opacity));border-radius:.6rem;border-style:solid;border-width:1px;cursor:text;display:flex;gap:.8rem;height:4rem;padding-left:1.2rem;padding-right:1.2rem;position:relative;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover{border-color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinputIcon{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinput::-moz-placeholder{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputWrapper:hover .bordGroupedComboBoxDSinput::placeholder{color:var(--ds-c-content-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS .bordGroupedComboBoxDSinputIcon{--tw-text-opacity:1;align-items:center;color:rgb(180 180 180/var(--tw-text-opacity));display:flex;flex-shrink:0;justify-content:center}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput{background-color:transparent;border-style:none;color:var(--ds-c-content-default);flex:1 1 0%;font-size:1.4rem;line-height:1.8rem;outline:2px solid transparent;outline-offset:2px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput::-moz-placeholder{--tw-text-opacity:1;color:rgb(180 180 180/var(--tw-text-opacity))}.bordGroupedComboBoxDS .bordGroupedComboBoxDSinput::placeholder{--tw-text-opacity:1;color:rgb(180 180 180/var(--tw-text-opacity))}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown{--tw-shadow:0 0.4rem 0.5rem rgba(0,0,0,.08);--tw-shadow-colored:0 0.4rem 0.5rem var(--tw-shadow-color);background-color:var(--ds-c-layout-l1);border-color:var(--ds-c-stroke-default);border-radius:.6rem;border-style:solid;border-width:1px;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow);left:0;margin-top:.4rem;max-height:46.8rem;overflow-x:hidden;overflow-y:auto;padding-bottom:.8rem;padding-top:.8rem;position:absolute;right:0;top:100%;z-index:50}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown::-webkit-scrollbar{width:2px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSdropdown::-webkit-scrollbar-thumb{background-color:var(--ds-c-primary-bg-default);min-height:71px}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroup{display:block}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroup+.bordGroupedComboBoxDSgroup{margin-top:.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSgroupLabel{--tw-border-opacity:1;border-bottom-width:1px;border-inline-start-color:rgb(180 180 180/var(--tw-border-opacity));border-style:solid;color:var(--ds-c-content-secondary);font-size:1.4rem;line-height:1.8rem;padding:.8rem 1.6rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption{align-items:baseline;background-color:transparent;border-style:none;border-left:3px solid transparent;color:var(--ds-c-content-default);cursor:pointer;display:flex;font-size:1.2rem;gap:.4rem;line-height:1.5rem;min-width:0;padding:.8rem 1.6rem;text-align:left;transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);width:100%}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.selected,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:hover{background-color:var(--ds-c-primary-bg-secondary);border-color:var(--ds-c-primary-bg-default)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.disabled,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:disabled{background-color:transparent;border-left-color:transparent;cursor:not-allowed}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.disabled:hover,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:disabled:hover{background-color:transparent;border-left-color:transparent}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.disabled .bordGroupedComboBoxDSoptionId,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption.disabled .bordGroupedComboBoxDSoptionLabel,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:disabled .bordGroupedComboBoxDSoptionId,.bordGroupedComboBoxDS .bordGroupedComboBoxDSoption:disabled .bordGroupedComboBoxDSoptionLabel{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoptionLabel{color:var(--ds-c-content-default);flex-shrink:0;font-size:1.4rem;line-height:1.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSoptionId{color:var(--ds-c-content-secondary);flex:1 1 0%;font-size:1.4rem;line-height:1.8rem;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordGroupedComboBoxDS .bordGroupedComboBoxDSemptyState{color:var(--ds-c-content-secondary);font-size:1.2rem;line-height:1.5rem;padding:.8rem 1.6rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSloader{display:block;padding:2.4rem 1.6rem;text-align:center}.bordGroupedComboBoxDS .bordGroupedComboBoxDSloaderText{color:var(--ds-c-content-secondary);display:block;font-size:1.2rem;line-height:1.5rem;margin-top:.8rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDScaption{color:var(--ds-c-content-secondary);display:block;font-size:1rem;line-height:1.3rem;margin-top:.4rem}.bordGroupedComboBoxDS .bordGroupedComboBoxDSerrorText{color:var(--ds-c-bool-danger-fg);display:block;font-size:1rem;line-height:1.3rem;margin-top:.4rem}.bordGroupedComboBoxDS.filled .bordGroupedComboBoxDSinputWrapper,.bordGroupedComboBoxDS.isOpen .bordGroupedComboBoxDSinputWrapper{border-color:var(--ds-c-primary-bg-default)}.bordGroupedComboBoxDS.error .bordGroupedComboBoxDSinputWrapper{border-color:var(--ds-c-bool-danger-fg)}.bordGroupedComboBoxDS.disabled{pointer-events:none}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinputWrapper{background-color:var(--ds-c-bool-disabled-bg);border-color:var(--ds-c-stroke-default)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput::-moz-placeholder{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinput::placeholder{color:var(--ds-c-bool-disabled-fg)}.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSchevron,.bordGroupedComboBoxDS.disabled .bordGroupedComboBoxDSinputIcon{color:var(--ds-c-bool-disabled-fg)}";
|
|
43001
43010
|
styleInject(css_248z$8);
|
|
43002
43011
|
|
|
43003
43012
|
const DEFAULT_PLACEHOLDER = 'Selecciona o escribe el reporte';
|
|
@@ -43011,7 +43020,7 @@ const DROPDOWN_SPINNER_SIZE = '3.2rem';
|
|
|
43011
43020
|
* Soporta filtrado en cliente, estado de carga y un selector secundario
|
|
43012
43021
|
* opcional (visible/habilitable) que se renderiza al lado del buscador.
|
|
43013
43022
|
*/
|
|
43014
|
-
const BordGroupedComboBox = ({ groups, value, onChange, getOptionLabel, getOptionId, getOptionKey, placeholder = DEFAULT_PLACEHOLDER, label, caption, errorText, disabled = false, standardSize, emptyStateText = DEFAULT_EMPTY_STATE$1, isLoading = false, loadingText = DEFAULT_LOADING_TEXT, isOpen, onOpenChange, onSearchChange, renderOption, secondarySelector, className = '', }) => {
|
|
43023
|
+
const BordGroupedComboBox = ({ groups, value, onChange, getOptionLabel, getOptionId, getOptionKey, placeholder = DEFAULT_PLACEHOLDER, label, caption, errorText, disabled = false, standardSize, emptyStateText = DEFAULT_EMPTY_STATE$1, isLoading = false, loadingText = DEFAULT_LOADING_TEXT, isOpen, onOpenChange, onSearchChange, renderOption, getOptionDisabled, secondarySelector, className = '', }) => {
|
|
43015
43024
|
const rootRef = useRef(null);
|
|
43016
43025
|
const inputRef = useRef(null);
|
|
43017
43026
|
const [internalOpen, setInternalOpen] = useState(false);
|
|
@@ -43102,7 +43111,12 @@ const BordGroupedComboBox = ({ groups, value, onChange, getOptionLabel, getOptio
|
|
|
43102
43111
|
}, children: [jsx("span", { className: "bordGroupedComboBoxDSinputIcon", "aria-hidden": true, children: jsx(BordOneToneIcon, { variant: "search", standardSize: SEARCH_ICON_SIZE$1 }) }), jsx("input", { ref: inputRef, type: "text", className: "bordGroupedComboBoxDSinput", placeholder: placeholder, value: displayValue, onChange: handleInputChange, onFocus: handleInputFocus, disabled: disabled, autoComplete: "off", role: "combobox", "aria-expanded": open, "aria-controls": "bordGroupedComboBoxList" }), jsx("span", { className: "bordGroupedComboBoxDSchevron", "aria-hidden": true, children: jsx(BordOneToneIcon, { variant: open ? 'arrowHeadUp' : 'arrowHeadDown', standardSize: CHEVRON_ICON_SIZE }) })] }), open && !disabled && (jsx("div", { className: "bordGroupedComboBoxDSdropdown", id: "bordGroupedComboBoxList", role: "listbox", children: isLoading ? (jsxs("div", { className: "bordGroupedComboBoxDSloader", children: [jsx(BordTickSpinner, { size: DROPDOWN_SPINNER_SIZE, ariaLabel: loadingText }), jsx("span", { className: "bordGroupedComboBoxDSloaderText", children: loadingText })] })) : isEmpty ? (jsx("div", { className: "bordGroupedComboBoxDSemptyState", children: emptyStateText })) : (filteredGroups.map((group) => (jsxs("div", { className: "bordGroupedComboBoxDSgroup", children: [jsx("div", { className: "bordGroupedComboBoxDSgroupLabel", children: group.groupLabel }), group.items.map((item) => {
|
|
43103
43112
|
const key = getOptionKey(item);
|
|
43104
43113
|
const isSelected = hasValue && getOptionKey(value) === key;
|
|
43105
|
-
|
|
43114
|
+
const isItemDisabled = getOptionDisabled?.(item) ?? false;
|
|
43115
|
+
return (jsx("button", { type: "button", className: `bordGroupedComboBoxDSoption ${isSelected ? 'selected' : ''} ${isItemDisabled ? 'disabled' : ''}`, onClick: () => {
|
|
43116
|
+
if (isItemDisabled)
|
|
43117
|
+
return;
|
|
43118
|
+
handleSelect(item);
|
|
43119
|
+
}, disabled: isItemDisabled, "aria-disabled": isItemDisabled, role: "option", "aria-selected": isSelected, children: renderOption ? (renderOption(item)) : (jsxs(Fragment, { children: [jsx("span", { className: "bordGroupedComboBoxDSoptionLabel", children: getOptionLabel(item) }), jsxs("span", { className: "bordGroupedComboBoxDSoptionId", children: ["(ID: ", getOptionId(item), ")"] })] })) }, key));
|
|
43106
43120
|
})] }, group.groupId)))) }))] }), showSecondary && secondarySelector && (jsx("div", { className: "bordGroupedComboBoxDSsecondary", children: jsx(BordSelect, { options: secondarySelector.options, value: secondarySelector.value, onChange: secondarySelector.onChange, placeholder: secondarySelector.placeholder, triggerWidth: secondarySelector.width, disabled: !isSecondaryEnabled }) }))] }), hasError ? (jsx("span", { className: "bordGroupedComboBoxDSerrorText", children: errorText })) : (caption && jsx("span", { className: "bordGroupedComboBoxDScaption", children: caption }))] }));
|
|
43107
43121
|
};
|
|
43108
43122
|
|
|
@@ -43218,7 +43232,7 @@ const BordTrackingEventCard = ({ timestamp, title, subtitle, badge, isPast = fal
|
|
|
43218
43232
|
return (jsxs("div", { className: rootClass, ...restProps, children: [jsxs("div", { className: "bordTrackingEventCardHeader", children: [jsx("span", { className: "bordTrackingEventCardTimestamp", children: timestamp }), badge && jsx("div", { className: "bordTrackingEventCardBadgeSlot", children: badge })] }), jsx("div", { className: "bordTrackingEventCardTitle", children: title }), subtitle && jsx("div", { className: "bordTrackingEventCardSubtitle", children: subtitle })] }));
|
|
43219
43233
|
};
|
|
43220
43234
|
|
|
43221
|
-
var css_248z$3 = ".bordIncidentCardDS{border-radius:.8rem;border-width:1px;max-width:100%;min-height:6.9rem;padding:.8rem;position:relative;width:65.4rem}.bordIncidentCardDS .bordIncidentCardPin{align-items:center;display:inline-flex;justify-content:center;pointer-events:none;position:absolute;right:.8rem;top:.4rem}.bordIncidentCardDS .bordIncidentCardLayout{align-items:stretch;display:flex;gap:.4rem;height:100%}.bordIncidentCardDS .bordIncidentCardContent{display:flex;flex:1 1 0%;flex-direction:column;gap:.4rem;min-width:0}.bordIncidentCardDS .bordIncidentCardHeader{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;min-height:2.4rem}.bordIncidentCardDS .bordIncidentCardTimestamp{color:var(--ds-c-content-secondary);font-size:1rem;line-height:1.3rem}.bordIncidentCardDS .bordIncidentCardBadgeSlot{align-items:center;display:inline-flex}.bordIncidentCardDS .bordIncidentCardBadgeSlot .bordBadgeDS.outlined:not(.dangerBordBadge){align-items:center;display:flex;font-size:1.2rem;height:2.4rem;justify-content:center;line-height:1.5rem;padding-left:.4rem;padding-right:.4rem;white-space:nowrap;width:13.8rem}.bordIncidentCardDS .bordIncidentCardSubtitle,.bordIncidentCardDS .bordIncidentCardTitle{font-size:1.2rem;line-height:1.5rem;overflow-wrap:break-word}.bordIncidentCardDS .bordIncidentCardSubtitle{color:var(--ds-c-content-default)}.bordIncidentCardDS .bordIncidentCardCta{align-items:flex-end;display:flex;flex-shrink:0;margin-bottom:-.4rem}.bordIncidentCardDS.bordIncidentCardVariant--blocking{--tw-border-opacity:1;background-color:rgba(252,84,61,.1);border-color:rgb(252 84 61/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(252 84 61/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardBadgeSlot .bordBadgeDS.outlined.dangerBordBadge{--tw-border-opacity:1;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(252 84 61/var(--tw-border-opacity));color:rgb(252 84 61/var(--tw-text-opacity));display:flex;font-size:1.2rem;height:2.4rem;justify-content:center;line-height:1.5rem;padding-left:.4rem;padding-right:.4rem;white-space:nowrap;width:11.8rem}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardBadgeSlot .bordBadgeDS.outlined.dangerBordBadge .bordBadgeBullet{--tw-bg-opacity:1;background-color:rgb(252 84 61/var(--tw-bg-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardCta .bordButtonDS{--tw-border-opacity:1;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(252 84 61/var(--tw-border-opacity));border-style:solid;border-width:1px;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;gap:.8rem;height:3.2rem;justify-content:center;padding-left:.8rem;padding-right:.8rem;white-space:nowrap;width:13.2rem}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardCta .bordButtonDS .textContainer{--tw-text-opacity:1;align-items:center;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:1.2rem;font-weight:400;line-height:1.5rem}.bordIncidentCardDS.bordIncidentCardVariant--informative{--tw-border-opacity:1;background-color:rgba(220,196,16,.1);border-color:rgb(220 196 16/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--informative .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(220 196 16/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--progress{--tw-border-opacity:1;background-color:rgba(34,207,171,.1);border-color:rgb(34 207 171/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--progress .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(34 207 171/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardState--closed.
|
|
43235
|
+
var css_248z$3 = ".bordIncidentCardDS{border-radius:.8rem;border-width:1px;max-width:100%;min-height:6.9rem;padding:.8rem;position:relative;width:65.4rem}.bordIncidentCardDS .bordIncidentCardPin{align-items:center;display:inline-flex;justify-content:center;pointer-events:none;position:absolute;right:.8rem;top:.4rem}.bordIncidentCardDS .bordIncidentCardLayout{align-items:stretch;display:flex;gap:.4rem;height:100%}.bordIncidentCardDS .bordIncidentCardContent{display:flex;flex:1 1 0%;flex-direction:column;gap:.4rem;min-width:0}.bordIncidentCardDS .bordIncidentCardHeader{align-items:center;display:flex;flex-wrap:wrap;gap:.8rem;min-height:2.4rem}.bordIncidentCardDS .bordIncidentCardTimestamp{color:var(--ds-c-content-secondary);font-size:1rem;line-height:1.3rem}.bordIncidentCardDS .bordIncidentCardBadgeSlot{align-items:center;display:inline-flex}.bordIncidentCardDS .bordIncidentCardBadgeSlot .bordBadgeDS.outlined:not(.dangerBordBadge){align-items:center;display:flex;font-size:1.2rem;height:2.4rem;justify-content:center;line-height:1.5rem;padding-left:.4rem;padding-right:.4rem;white-space:nowrap;width:13.8rem}.bordIncidentCardDS .bordIncidentCardSubtitle,.bordIncidentCardDS .bordIncidentCardTitle{font-size:1.2rem;line-height:1.5rem;overflow-wrap:break-word}.bordIncidentCardDS .bordIncidentCardSubtitle{color:var(--ds-c-content-default)}.bordIncidentCardDS .bordIncidentCardCta{align-items:flex-end;display:flex;flex-shrink:0;margin-bottom:-.4rem}.bordIncidentCardDS.bordIncidentCardVariant--blocking{--tw-border-opacity:1;background-color:rgba(252,84,61,.1);border-color:rgb(252 84 61/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(252 84 61/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardBadgeSlot .bordBadgeDS.outlined.dangerBordBadge{--tw-border-opacity:1;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(252 84 61/var(--tw-border-opacity));color:rgb(252 84 61/var(--tw-text-opacity));display:flex;font-size:1.2rem;height:2.4rem;justify-content:center;line-height:1.5rem;padding-left:.4rem;padding-right:.4rem;white-space:nowrap;width:11.8rem}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardBadgeSlot .bordBadgeDS.outlined.dangerBordBadge .bordBadgeBullet{--tw-bg-opacity:1;background-color:rgb(252 84 61/var(--tw-bg-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardCta .bordButtonDS{--tw-border-opacity:1;--tw-text-opacity:1;align-items:center;background-color:transparent;border-color:rgb(252 84 61/var(--tw-border-opacity));border-style:solid;border-width:1px;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;gap:.8rem;height:3.2rem;justify-content:center;padding-left:.8rem;padding-right:.8rem;white-space:nowrap;width:13.2rem}.bordIncidentCardDS.bordIncidentCardVariant--blocking .bordIncidentCardCta .bordButtonDS .textContainer{--tw-text-opacity:1;align-items:center;color:rgb(255 255 255/var(--tw-text-opacity));display:flex;font-size:1.2rem;font-weight:400;line-height:1.5rem}.bordIncidentCardDS.bordIncidentCardVariant--informative{--tw-border-opacity:1;background-color:rgba(220,196,16,.1);border-color:rgb(220 196 16/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--informative .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(220 196 16/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--progress{--tw-border-opacity:1;background-color:rgba(34,207,171,.1);border-color:rgb(34 207 171/var(--tw-border-opacity))}.bordIncidentCardDS.bordIncidentCardVariant--progress .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(34 207 171/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardState--closed{--tw-bg-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity));border-color:transparent}.bordIncidentCardDS.bordIncidentCardState--closed .bordIncidentCardTitle{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity))}.bordIncidentCardDS.bordIncidentCardState--closed .bordIncidentCardSubtitle{color:var(--ds-c-content-secondary)}.bordIncidentCardDS.bordIncidentCardState--cancelled{--tw-bg-opacity:1;background-color:rgb(38 43 57/var(--tw-bg-opacity))}";
|
|
43222
43236
|
styleInject(css_248z$3);
|
|
43223
43237
|
|
|
43224
43238
|
/**
|