bord-design-system 0.0.48 → 0.0.49
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/BordAssignUsersButton/BordAssignUsersButton.d.ts +5 -2
- package/dist/components/BordAssignUsersButton/BordAssignUsersButton.d.ts.map +1 -1
- package/dist/components/BordAssignUsersButton/BordAssignUsersButton.types.d.ts +6 -0
- package/dist/components/BordAssignUsersButton/BordAssignUsersButton.types.d.ts.map +1 -1
- package/dist/components/BordAvatarStack/BordAvatarStack.d.ts +1 -0
- package/dist/components/BordAvatarStack/BordAvatarStack.d.ts.map +1 -1
- package/dist/components/BordAvatarStack/BordAvatarStack.types.d.ts +2 -0
- package/dist/components/BordAvatarStack/BordAvatarStack.types.d.ts.map +1 -1
- package/dist/components/BordTwoToneIcon/BordTwoToneIcon.types.d.ts +3 -2
- package/dist/components/BordTwoToneIcon/BordTwoToneIcon.types.d.ts.map +1 -1
- package/dist/components/BordTwoToneIcon/Icons/BordTwoToneReloadIcon.d.ts +4 -0
- package/dist/components/BordTwoToneIcon/Icons/BordTwoToneReloadIcon.d.ts.map +1 -0
- package/dist/components/BordTwoToneIcon/Icons/listOfBordTwoToneIcons.d.ts +2 -2
- package/dist/components/BordTwoToneIcon/Icons/listOfBordTwoToneIcons.d.ts.map +1 -1
- package/dist/index.d.ts +17 -4
- package/dist/index.esm.js +22 -9
- package/dist/index.esm.js.map +1 -1
- package/dist/index.js +22 -9
- package/dist/index.js.map +1 -1
- package/dist/index.webpack.js +22 -9
- package/dist/index.webpack.js.map +1 -1
- package/package.json +1 -1
|
@@ -4,8 +4,11 @@ import './BordAssignUsersButton.scss';
|
|
|
4
4
|
/**
|
|
5
5
|
* Botón para asignar usuarios (p. ej. responsables de una cotización).
|
|
6
6
|
* Al hacer click abre un dropdown de búsqueda para asignar o quitar usuarios.
|
|
7
|
-
* Si ya hay asignados, muestra avatares apilados, conteo restante y tooltip con la lista completa
|
|
8
|
-
*
|
|
7
|
+
* Si ya hay asignados, muestra avatares apilados, conteo restante y tooltip con la lista completa
|
|
8
|
+
* (desactivable con `showAssignedUsersTooltip={false}` para envolver el componente con un tooltip propio).
|
|
9
|
+
* La variante `inline` prescinde del cromado del botón para usarse dentro de celdas de tabla:
|
|
10
|
+
* con responsables asignados agrega un chip "+" al final del stack de avatares, y sin responsables
|
|
11
|
+
* muestra ese mismo chip junto al label como afordancia de agregar.
|
|
9
12
|
*/
|
|
10
13
|
declare const BordAssignUsersButton: FC<IBordAssignUsersButtonProps>;
|
|
11
14
|
export default BordAssignUsersButton;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordAssignUsersButton.d.ts","sourceRoot":"","sources":["../../../src/components/BordAssignUsersButton/BordAssignUsersButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAO7D,OAAO,KAAK,EAAuB,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAEtG,OAAO,8BAA8B,CAAC;AAKtC
|
|
1
|
+
{"version":3,"file":"BordAssignUsersButton.d.ts","sourceRoot":"","sources":["../../../src/components/BordAssignUsersButton/BordAssignUsersButton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAA+B,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAO7D,OAAO,KAAK,EAAuB,2BAA2B,EAAE,MAAM,+BAA+B,CAAC;AAEtG,OAAO,8BAA8B,CAAC;AAKtC;;;;;;;;GAQG;AACH,QAAA,MAAM,qBAAqB,EAAE,EAAE,CAAC,2BAA2B,CAyI1D,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -29,6 +29,12 @@ export interface IBordAssignUsersButtonProps {
|
|
|
29
29
|
variant?: TBordAssignUsersVariant;
|
|
30
30
|
/** Borde del trigger contra el que se alinea el dropdown. */
|
|
31
31
|
dropdownAlign?: TBordAssignUsersDropdownAlign;
|
|
32
|
+
/** Muestra el tooltip nativo con la lista de asignados al hacer hover sobre el avatarStack. Default `true`. */
|
|
33
|
+
showAssignedUsersTooltip?: boolean;
|
|
34
|
+
/**
|
|
35
|
+
* Texto del trigger cuando no hay asignados. Se usa además como `aria-label` del botón en todos
|
|
36
|
+
* los estados, por lo que conviene que describa la acción y no solo el estado vacío.
|
|
37
|
+
*/
|
|
32
38
|
label?: string;
|
|
33
39
|
searchPlaceholder?: string;
|
|
34
40
|
assignLabel?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordAssignUsersButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordAssignUsersButton/BordAssignUsersButton.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,6BAA6B,GAAG,MAAM,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,2BAA2B;IAC1C,yEAAyE;IACzE,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,iDAAiD;IACjD,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6DAA6D;IAC7D,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2GAA2G;IAC3G,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,6BAA6B,CAAC;IAC9C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
|
|
1
|
+
{"version":3,"file":"BordAssignUsersButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordAssignUsersButton/BordAssignUsersButton.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE1D,MAAM,MAAM,6BAA6B,GAAG,MAAM,GAAG,OAAO,CAAC;AAE7D,MAAM,WAAW,mBAAmB;IAClC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,2BAA2B;IAC1C,yEAAyE;IACzE,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAC7B,iDAAiD;IACjD,eAAe,EAAE,MAAM,EAAE,CAAC;IAC1B,0DAA0D;IAC1D,QAAQ,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,6DAA6D;IAC7D,UAAU,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,2GAA2G;IAC3G,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;OAGG;IACH,OAAO,CAAC,EAAE,uBAAuB,CAAC;IAClC,6DAA6D;IAC7D,aAAa,CAAC,EAAE,6BAA6B,CAAC;IAC9C,+GAA+G;IAC/G,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
|
|
@@ -3,6 +3,7 @@ import type { IBordAvatarStackProps } from './BordAvatarStack.types';
|
|
|
3
3
|
import './BordAvatarStack.scss';
|
|
4
4
|
/**
|
|
5
5
|
* Grupo de usuarios como avatares apilados, con contador de los restantes.
|
|
6
|
+
* Opcionalmente agrega al final un chip "+" (`showAddChip`) para afordancia de agregar más.
|
|
6
7
|
* Es puramente visual: no es interactivo ni abre ningún dropdown.
|
|
7
8
|
*/
|
|
8
9
|
declare const BordAvatarStack: FC<IBordAvatarStackProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordAvatarStack.d.ts","sourceRoot":"","sources":["../../../src/components/BordAvatarStack/BordAvatarStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,wBAAwB,CAAC;AAKhC
|
|
1
|
+
{"version":3,"file":"BordAvatarStack.d.ts","sourceRoot":"","sources":["../../../src/components/BordAvatarStack/BordAvatarStack.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,wBAAwB,CAAC;AAKhC;;;;GAIG;AACH,QAAA,MAAM,eAAe,EAAE,EAAE,CAAC,qBAAqB,CAyC9C,CAAC;AAEF,eAAe,eAAe,CAAC"}
|
|
@@ -12,6 +12,8 @@ export interface IBordAvatarStackProps {
|
|
|
12
12
|
maxVisibleAvatars?: number;
|
|
13
13
|
/** Tamaño de cada avatar apilado. */
|
|
14
14
|
size?: TBordPhotoSize;
|
|
15
|
+
/** Muestra un chip "+" al final del stack (después del contador, si lo hay). */
|
|
16
|
+
showAddChip?: boolean;
|
|
15
17
|
customClassName?: string;
|
|
16
18
|
}
|
|
17
19
|
//# sourceMappingURL=BordAvatarStack.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"BordAvatarStack.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordAvatarStack/BordAvatarStack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACpC,iDAAiD;IACjD,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
|
|
1
|
+
{"version":3,"file":"BordAvatarStack.types.d.ts","sourceRoot":"","sources":["../../../src/components/BordAvatarStack/BordAvatarStack.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAEnE,MAAM,WAAW,oBAAoB;IACnC,EAAE,EAAE,MAAM,CAAC;IACX,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,qBAAqB;IACpC,iDAAiD;IACjD,KAAK,EAAE,oBAAoB,EAAE,CAAC;IAC9B,kFAAkF;IAClF,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,qCAAqC;IACrC,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,gFAAgF;IAChF,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,CAAC;CAC1B"}
|
|
@@ -23,9 +23,10 @@ export declare enum BORD_TWO_TONE_ICONS {
|
|
|
23
23
|
"qrCode" = "qrCode",
|
|
24
24
|
"moving" = "moving",
|
|
25
25
|
"timer" = "timer",
|
|
26
|
-
"hierarchy" = "hierarchy"
|
|
26
|
+
"hierarchy" = "hierarchy",
|
|
27
|
+
"reload" = "reload"
|
|
27
28
|
}
|
|
28
|
-
export type TbordTwoToneIcon = "employee" | "global" | "helpCircle" | "inventory" | "logout1" | "menuSquare" | "pieChart" | "settings" | "shoppingCartCheck2" | "shoppingCart" | "trackingTruck" | "laptopCharging" | "macLaptopSettings" | "laptopSettings" | "computer" | "computerDesk" | "headset" | "computerPhone" | "entry" | "exit" | "qrCode" | "moving" | "timer" | "hierarchy";
|
|
29
|
+
export type TbordTwoToneIcon = "employee" | "global" | "helpCircle" | "inventory" | "logout1" | "menuSquare" | "pieChart" | "settings" | "shoppingCartCheck2" | "shoppingCart" | "trackingTruck" | "laptopCharging" | "macLaptopSettings" | "laptopSettings" | "computer" | "computerDesk" | "headset" | "computerPhone" | "entry" | "exit" | "qrCode" | "moving" | "timer" | "hierarchy" | "reload";
|
|
29
30
|
export interface IBordTwoToneIconProps extends ComponentProps<"svg"> {
|
|
30
31
|
variant: TbordTwoToneIcon;
|
|
31
32
|
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;IACjB,WAAW,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;IACjB,WAAW,cAAc;IACzB,QAAQ,WAAW;CACpB;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,GACP,WAAW,GACX,QAAQ,CAAC;AAEb,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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { ITwoToneIconProps } from "../BordTwoToneIcon.types";
|
|
2
|
+
declare const BordTwoToneReloadIcon: ({ colorTones, ...props }: ITwoToneIconProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export default BordTwoToneReloadIcon;
|
|
4
|
+
//# sourceMappingURL=BordTwoToneReloadIcon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"BordTwoToneReloadIcon.d.ts","sourceRoot":"","sources":["../../../../src/components/BordTwoToneIcon/Icons/BordTwoToneReloadIcon.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE7D,QAAA,MAAM,qBAAqB,6BAA8B,iBAAiB,4CA4BzE,CAAC;AAEF,eAAe,qBAAqB,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { FunctionComponent } from
|
|
2
|
-
import { BORD_TWO_TONE_ICONS, ITwoToneIconProps } from
|
|
1
|
+
import { FunctionComponent } from 'react';
|
|
2
|
+
import { BORD_TWO_TONE_ICONS, ITwoToneIconProps } from '../BordTwoToneIcon.types';
|
|
3
3
|
export declare const listOfBordTwoToneIcons: {
|
|
4
4
|
[key in BORD_TWO_TONE_ICONS]: FunctionComponent<ITwoToneIconProps>;
|
|
5
5
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"listOfBordTwoToneIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/BordTwoToneIcon/Icons/listOfBordTwoToneIcons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,
|
|
1
|
+
{"version":3,"file":"listOfBordTwoToneIcons.d.ts","sourceRoot":"","sources":["../../../../src/components/BordTwoToneIcon/Icons/listOfBordTwoToneIcons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,mBAAmB,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AA2BlF,eAAO,MAAM,sBAAsB,EAAE;KAClC,GAAG,IAAI,mBAAmB,GAAG,iBAAiB,CAAC,iBAAiB,CAAC;CA2BnE,CAAC"}
|
package/dist/index.d.ts
CHANGED
|
@@ -418,6 +418,12 @@ interface IBordAssignUsersButtonProps {
|
|
|
418
418
|
variant?: TBordAssignUsersVariant;
|
|
419
419
|
/** Borde del trigger contra el que se alinea el dropdown. */
|
|
420
420
|
dropdownAlign?: TBordAssignUsersDropdownAlign;
|
|
421
|
+
/** Muestra el tooltip nativo con la lista de asignados al hacer hover sobre el avatarStack. Default `true`. */
|
|
422
|
+
showAssignedUsersTooltip?: boolean;
|
|
423
|
+
/**
|
|
424
|
+
* Texto del trigger cuando no hay asignados. Se usa además como `aria-label` del botón en todos
|
|
425
|
+
* los estados, por lo que conviene que describa la acción y no solo el estado vacío.
|
|
426
|
+
*/
|
|
421
427
|
label?: string;
|
|
422
428
|
searchPlaceholder?: string;
|
|
423
429
|
assignLabel?: string;
|
|
@@ -428,8 +434,11 @@ interface IBordAssignUsersButtonProps {
|
|
|
428
434
|
/**
|
|
429
435
|
* Botón para asignar usuarios (p. ej. responsables de una cotización).
|
|
430
436
|
* Al hacer click abre un dropdown de búsqueda para asignar o quitar usuarios.
|
|
431
|
-
* Si ya hay asignados, muestra avatares apilados, conteo restante y tooltip con la lista completa
|
|
432
|
-
*
|
|
437
|
+
* Si ya hay asignados, muestra avatares apilados, conteo restante y tooltip con la lista completa
|
|
438
|
+
* (desactivable con `showAssignedUsersTooltip={false}` para envolver el componente con un tooltip propio).
|
|
439
|
+
* La variante `inline` prescinde del cromado del botón para usarse dentro de celdas de tabla:
|
|
440
|
+
* con responsables asignados agrega un chip "+" al final del stack de avatares, y sin responsables
|
|
441
|
+
* muestra ese mismo chip junto al label como afordancia de agregar.
|
|
433
442
|
*/
|
|
434
443
|
declare const BordAssignUsersButton: FC<IBordAssignUsersButtonProps>;
|
|
435
444
|
|
|
@@ -770,11 +779,14 @@ interface IBordAvatarStackProps {
|
|
|
770
779
|
maxVisibleAvatars?: number;
|
|
771
780
|
/** Tamaño de cada avatar apilado. */
|
|
772
781
|
size?: TBordPhotoSize;
|
|
782
|
+
/** Muestra un chip "+" al final del stack (después del contador, si lo hay). */
|
|
783
|
+
showAddChip?: boolean;
|
|
773
784
|
customClassName?: string;
|
|
774
785
|
}
|
|
775
786
|
|
|
776
787
|
/**
|
|
777
788
|
* Grupo de usuarios como avatares apilados, con contador de los restantes.
|
|
789
|
+
* Opcionalmente agrega al final un chip "+" (`showAddChip`) para afordancia de agregar más.
|
|
778
790
|
* Es puramente visual: no es interactivo ni abre ningún dropdown.
|
|
779
791
|
*/
|
|
780
792
|
declare const BordAvatarStack: FC<IBordAvatarStackProps>;
|
|
@@ -826,9 +838,10 @@ declare enum BORD_TWO_TONE_ICONS {
|
|
|
826
838
|
"qrCode" = "qrCode",
|
|
827
839
|
"moving" = "moving",
|
|
828
840
|
"timer" = "timer",
|
|
829
|
-
"hierarchy" = "hierarchy"
|
|
841
|
+
"hierarchy" = "hierarchy",
|
|
842
|
+
"reload" = "reload"
|
|
830
843
|
}
|
|
831
|
-
type TbordTwoToneIcon = "employee" | "global" | "helpCircle" | "inventory" | "logout1" | "menuSquare" | "pieChart" | "settings" | "shoppingCartCheck2" | "shoppingCart" | "trackingTruck" | "laptopCharging" | "macLaptopSettings" | "laptopSettings" | "computer" | "computerDesk" | "headset" | "computerPhone" | "entry" | "exit" | "qrCode" | "moving" | "timer" | "hierarchy";
|
|
844
|
+
type TbordTwoToneIcon = "employee" | "global" | "helpCircle" | "inventory" | "logout1" | "menuSquare" | "pieChart" | "settings" | "shoppingCartCheck2" | "shoppingCart" | "trackingTruck" | "laptopCharging" | "macLaptopSettings" | "laptopSettings" | "computer" | "computerDesk" | "headset" | "computerPhone" | "entry" | "exit" | "qrCode" | "moving" | "timer" | "hierarchy" | "reload";
|
|
832
845
|
interface IBordTwoToneIconProps extends ComponentProps<"svg"> {
|
|
833
846
|
variant: TbordTwoToneIcon;
|
|
834
847
|
colorTones?: IcolorTones;
|
package/dist/index.esm.js
CHANGED
|
@@ -4384,21 +4384,22 @@ const BordPhoto = ({ url, size = 's100', variant = 'square', description, imageP
|
|
|
4384
4384
|
return (jsx("div", { className: photoClassNames, ...rest, children: photoBody }));
|
|
4385
4385
|
};
|
|
4386
4386
|
|
|
4387
|
-
var css_248z$22 = ".bordAvatarStack{align-items:center;display:flex}.bordAvatarStack .avatarStackItem{flex-shrink:0}.bordAvatarStack .avatarStackItem:not(:first-child){margin-left:-.8rem}.bordAvatarStack[data-size=s20] .avatarStackItem:not(:first-child){margin-left:-.4rem}.bordAvatarStack .remainingCount{color:var(--ds-c-
|
|
4387
|
+
var css_248z$22 = ".bordAvatarStack{align-items:center;display:flex}.bordAvatarStack .avatarStackItem{flex-shrink:0}.bordAvatarStack .avatarStackItem:not(:first-child){margin-left:-.8rem}.bordAvatarStack[data-size=s20] .avatarStackItem:not(:first-child){margin-left:-.4rem}.bordAvatarStack .remainingCount .bordPhotoDS{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(5 33 67/var(--tw-bg-opacity));border-color:var(--ds-c-stroke-interactive);color:rgb(198 199 203/var(--tw-text-opacity));font-size:1rem;font-weight:400}.bordAvatarStack .addChip{color:var(--ds-c-primary-bg-default)}.bordAvatarStack .addChip .bordPhotoDS{background-color:var(--ds-c-primary-bg-secondary);border-color:var(--ds-c-primary-bg-default)}";
|
|
4388
4388
|
styleInject(css_248z$22);
|
|
4389
4389
|
|
|
4390
4390
|
const DEFAULT_MAX_VISIBLE_AVATARS = 3;
|
|
4391
4391
|
const DEFAULT_SIZE$2 = 's32';
|
|
4392
4392
|
/**
|
|
4393
4393
|
* Grupo de usuarios como avatares apilados, con contador de los restantes.
|
|
4394
|
+
* Opcionalmente agrega al final un chip "+" (`showAddChip`) para afordancia de agregar más.
|
|
4394
4395
|
* Es puramente visual: no es interactivo ni abre ningún dropdown.
|
|
4395
4396
|
*/
|
|
4396
|
-
const BordAvatarStack = ({ users, maxVisibleAvatars = DEFAULT_MAX_VISIBLE_AVATARS, size = DEFAULT_SIZE$2, customClassName = '', }) => {
|
|
4397
|
-
if (!users?.length)
|
|
4397
|
+
const BordAvatarStack = ({ users, maxVisibleAvatars = DEFAULT_MAX_VISIBLE_AVATARS, size = DEFAULT_SIZE$2, showAddChip = false, customClassName = '', }) => {
|
|
4398
|
+
if (!users?.length && !showAddChip)
|
|
4398
4399
|
return null;
|
|
4399
4400
|
const visibleUsers = users.slice(0, maxVisibleAvatars);
|
|
4400
4401
|
const remainingCount = users.length - maxVisibleAvatars;
|
|
4401
|
-
return (jsxs("div", { className: `bordAvatarStack ${customClassName}`, "data-size": size, children: [visibleUsers.map((user, index) => (jsx("div", { className: "avatarStackItem", style: { zIndex: maxVisibleAvatars - index }, children: jsx(BordPhoto, { url: user?.photoProfile, variant: "circle", size: size, avatarProps: { variant: 'circularUser' }, imageProps: { style: { width: '100%', height: '100%', objectFit: 'cover' } } }) }, user?.id))), remainingCount > 0 &&
|
|
4402
|
+
return (jsxs("div", { className: `bordAvatarStack ${customClassName}`, "data-size": size, children: [visibleUsers.map((user, index) => (jsx("div", { className: "avatarStackItem", style: { zIndex: maxVisibleAvatars - index }, children: jsx(BordPhoto, { url: user?.photoProfile, variant: "circle", size: size, avatarProps: { variant: 'circularUser' }, imageProps: { style: { width: '100%', height: '100%', objectFit: 'cover' } } }) }, user?.id))), remainingCount > 0 && (jsx("div", { className: "avatarStackItem remainingCount", style: { zIndex: 0 }, children: jsxs("div", { className: `bordPhotoDS ${size} circle`, children: ["+", remainingCount] }) })), showAddChip && (jsx("div", { className: "avatarStackItem addChip", style: { zIndex: 0 }, children: jsx(BordPhoto, { variant: "circle", size: size, oneToneIconProps: { variant: 'plus', standardSize: 12, stroke: 'currentColor' } }) }))] }));
|
|
4402
4403
|
};
|
|
4403
4404
|
|
|
4404
4405
|
/**
|
|
@@ -4627,7 +4628,7 @@ const BordAssignUsersDropdown = ({ users, assignedUserIds, onAssign, onUnassign,
|
|
|
4627
4628
|
}) })] }));
|
|
4628
4629
|
};
|
|
4629
4630
|
|
|
4630
|
-
var css_248z$1$ = ".bordAssignUsersButtonWrapper{position:relative}.bordAssignUsersButtonWrapper .dropdownContainer{position:absolute;top:calc(100% + .4rem);z-index:30}.bordAssignUsersButtonWrapper .dropdownContainer.left{left:0}.bordAssignUsersButtonWrapper .dropdownContainer.right{right:0}.bordAssignUsersButtonWrapper .assignedUsersTooltip{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.12);left:0;min-width:24rem;padding:.4rem 0;position:absolute;top:calc(100% + .4rem);z-index:20}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea{margin-right:.4rem;max-height:22rem;overflow-y:auto}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar{height:.2rem;width:.2rem}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow{align-items:center;display:flex;gap:.8rem;padding:.8rem 1.2rem;transition:background-color .15s ease}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow:hover{background-color:var(--ds-c-layout-l1)}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo{display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo .tooltipUserName{color:var(--ds-c-content-default);font-size:1.2rem;font-weight:500;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo .tooltipUserEmail{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:400;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAssignUsersButton{align-items:center;cursor:pointer;display:flex;gap:.8rem}.bordAssignUsersButton.button{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.8rem;border-width:1px;height:4.2rem;min-width:18.2rem;padding-left:.8rem;padding-right:.8rem}.bordAssignUsersButton.button.withAssignedUsers{height:4.8rem}.bordAssignUsersButton.inline{background-color:transparent;border-style:none;padding:0}.bordAssignUsersButton.inline .buttonLabel{font-size:1.2rem}.bordAssignUsersButton.isActive.button,.bordAssignUsersButton:hover.button{border-color:var(--ds-c-primary-bg-default)}.bordAssignUsersButton.isActive .addIcon,.bordAssignUsersButton.isActive .buttonLabel,.bordAssignUsersButton
|
|
4631
|
+
var css_248z$1$ = ".bordAssignUsersButtonWrapper{position:relative}.bordAssignUsersButtonWrapper .dropdownContainer{position:absolute;top:calc(100% + .4rem);z-index:30}.bordAssignUsersButtonWrapper .dropdownContainer.left{left:0}.bordAssignUsersButtonWrapper .dropdownContainer.right{right:0}.bordAssignUsersButtonWrapper .assignedUsersTooltip{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.6rem;border-style:solid;border-width:1px;box-shadow:0 .4rem 1.6rem rgba(0,0,0,.12);left:0;min-width:24rem;padding:.4rem 0;position:absolute;top:calc(100% + .4rem);z-index:20}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea{margin-right:.4rem;max-height:22rem;overflow-y:auto}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar{height:.2rem;width:.2rem}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(34 207 171/var(--tw-bg-opacity));border-radius:.4rem;border-width:4px}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipScrollArea::-webkit-scrollbar-track{background-color:var(--ds-c-layout-l2);border-color:var(--ds-c-stroke-default);border-width:4px}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow{align-items:center;display:flex;gap:.8rem;padding:.8rem 1.2rem;transition:background-color .15s ease}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow:hover{background-color:var(--ds-c-layout-l1)}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo{display:flex;flex-direction:column;gap:.2rem;overflow:hidden}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo .tooltipUserName{color:var(--ds-c-content-default);font-size:1.2rem;font-weight:500;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAssignUsersButtonWrapper .assignedUsersTooltip .tooltipUserRow .tooltipUserInfo .tooltipUserEmail{color:var(--ds-c-content-secondary);font-size:1.2rem;font-weight:400;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bordAssignUsersButton{align-items:center;cursor:pointer;display:flex;gap:.8rem}.bordAssignUsersButton.button{background-color:var(--ds-c-layout-bg);border-color:var(--ds-c-stroke-interactive);border-radius:.8rem;border-width:1px;height:4.2rem;min-width:18.2rem;padding-left:.8rem;padding-right:.8rem}.bordAssignUsersButton.button.withAssignedUsers{height:4.8rem}.bordAssignUsersButton.inline{background-color:transparent;border-style:none;gap:.4rem;padding:0}.bordAssignUsersButton.inline .buttonLabel{font-size:1.2rem}.bordAssignUsersButton.isActive.button,.bordAssignUsersButton:hover.button{border-color:var(--ds-c-primary-bg-default)}.bordAssignUsersButton.isActive .addIcon,.bordAssignUsersButton.isActive .buttonLabel,.bordAssignUsersButton:hover .addIcon,.bordAssignUsersButton:hover .buttonLabel{color:var(--ds-c-primary-bg-default)}.bordAssignUsersButton:disabled{cursor:not-allowed;opacity:.5}.bordAssignUsersButton .avatarStack .bordPhotoDS{transition:border-color .15s ease}.bordAssignUsersButton .avatarStack:hover .bordPhotoDS{border-color:var(--ds-c-primary-bg-default)}.bordAssignUsersButton .buttonLabel{color:var(--ds-c-content-secondary);font-size:1.4rem;font-weight:500;line-height:2rem}.bordAssignUsersButton .addIcon{color:var(--ds-c-content-secondary)}";
|
|
4631
4632
|
styleInject(css_248z$1$);
|
|
4632
4633
|
|
|
4633
4634
|
const MAX_VISIBLE_AVATARS = 3;
|
|
@@ -4635,10 +4636,13 @@ const AVATAR_SIZE_BY_VARIANT = { button: 's32', inline: 's20' };
|
|
|
4635
4636
|
/**
|
|
4636
4637
|
* Botón para asignar usuarios (p. ej. responsables de una cotización).
|
|
4637
4638
|
* Al hacer click abre un dropdown de búsqueda para asignar o quitar usuarios.
|
|
4638
|
-
* Si ya hay asignados, muestra avatares apilados, conteo restante y tooltip con la lista completa
|
|
4639
|
-
*
|
|
4639
|
+
* Si ya hay asignados, muestra avatares apilados, conteo restante y tooltip con la lista completa
|
|
4640
|
+
* (desactivable con `showAssignedUsersTooltip={false}` para envolver el componente con un tooltip propio).
|
|
4641
|
+
* La variante `inline` prescinde del cromado del botón para usarse dentro de celdas de tabla:
|
|
4642
|
+
* con responsables asignados agrega un chip "+" al final del stack de avatares, y sin responsables
|
|
4643
|
+
* muestra ese mismo chip junto al label como afordancia de agregar.
|
|
4640
4644
|
*/
|
|
4641
|
-
const BordAssignUsersButton = ({ users, assignedUserIds, onAssign, onUnassign, loadingUserId, disabled = false, maxVisibleAvatars = MAX_VISIBLE_AVATARS, variant = 'button', dropdownAlign = 'left', label = 'Agregar responsables', searchPlaceholder, assignLabel, unassignLabel, customClassName = '', }) => {
|
|
4645
|
+
const BordAssignUsersButton = ({ users, assignedUserIds, onAssign, onUnassign, loadingUserId, disabled = false, maxVisibleAvatars = MAX_VISIBLE_AVATARS, variant = 'button', dropdownAlign = 'left', showAssignedUsersTooltip = true, label = 'Agregar responsables', searchPlaceholder, assignLabel, unassignLabel, customClassName = '', }) => {
|
|
4642
4646
|
const [isHovered, setIsHovered] = useState(false);
|
|
4643
4647
|
const [showDropdown, setShowDropdown] = useState(false);
|
|
4644
4648
|
const [showAvatarTooltip, setShowAvatarTooltip] = useState(false);
|
|
@@ -4653,6 +4657,8 @@ const BordAssignUsersButton = ({ users, assignedUserIds, onAssign, onUnassign, l
|
|
|
4653
4657
|
const showAddAffordance = !isInline || !hasAssignedUsers;
|
|
4654
4658
|
const buttonClassName = `bordAssignUsersButton ${variant}${hasAssignedUsers ? ' withAssignedUsers' : ''}${isActive ? ' isActive' : ''}`;
|
|
4655
4659
|
const handleAvatarMouseEnter = () => {
|
|
4660
|
+
if (!showAssignedUsersTooltip)
|
|
4661
|
+
return;
|
|
4656
4662
|
if (tooltipTimeoutRef.current)
|
|
4657
4663
|
clearTimeout(tooltipTimeoutRef.current);
|
|
4658
4664
|
setShowAvatarTooltip(true);
|
|
@@ -4674,7 +4680,7 @@ const BordAssignUsersButton = ({ users, assignedUserIds, onAssign, onUnassign, l
|
|
|
4674
4680
|
if (tooltipTimeoutRef.current)
|
|
4675
4681
|
clearTimeout(tooltipTimeoutRef.current);
|
|
4676
4682
|
}, []);
|
|
4677
|
-
return (jsxs("div", { className: `bordAssignUsersButtonWrapper ${customClassName}`, ref: wrapperRef, children: [jsxs("button", { className: buttonClassName, onClick: () => setShowDropdown(prev => !prev), disabled: disabled, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [hasAssignedUsers && (jsx("div", { className: "avatarStack", onMouseEnter: handleAvatarMouseEnter, onMouseLeave: handleAvatarMouseLeave, children: jsx(BordAvatarStack, { users: assignedUsers, maxVisibleAvatars: maxVisibleAvatars, size: AVATAR_SIZE_BY_VARIANT[variant] }) })), showAddAffordance && (jsxs(Fragment, { children: [jsx("div", { className: "buttonLabel", children: label }), jsx(BordOneToneIcon, { variant: "plusCircle", standardSize: 14, stroke: "currentColor", customClassName: "addIcon" })] }))] }), showAvatarTooltip && !showDropdown && hasAssignedUsers && (jsx("div", { className: "assignedUsersTooltip", onMouseEnter: handleAvatarMouseEnter, onMouseLeave: handleAvatarMouseLeave, children: jsx("div", { className: "tooltipScrollArea", children: assignedUsers.map(user => (jsxs("div", { className: "tooltipUserRow", children: [jsx(BordPhoto, { url: user?.photoProfile, variant: "circle", size: "s20", avatarProps: { variant: 'circularUser' }, imageProps: { style: { width: '100%', height: '100%', objectFit: 'cover' } } }), jsxs("div", { className: "tooltipUserInfo", children: [jsxs("div", { className: "tooltipUserName", children: [user?.firstName, " ", user?.lastName] }), jsx("div", { className: "tooltipUserEmail", children: user?.email })] })] }, user?.id))) }) })), showDropdown && (jsx("div", { className: `dropdownContainer ${dropdownAlign}`, children: jsx(BordAssignUsersDropdown, { users: users, assignedUserIds: assignedUserIds, onAssign: onAssign, onUnassign: onUnassign, loadingUserId: loadingUserId, disabled: disabled, searchPlaceholder: searchPlaceholder, assignLabel: assignLabel, unassignLabel: unassignLabel }) }))] }));
|
|
4683
|
+
return (jsxs("div", { className: `bordAssignUsersButtonWrapper ${customClassName}`, ref: wrapperRef, children: [jsxs("button", { className: buttonClassName, "aria-label": label, onClick: () => setShowDropdown(prev => !prev), disabled: disabled, onMouseEnter: () => setIsHovered(true), onMouseLeave: () => setIsHovered(false), children: [hasAssignedUsers && (jsx("div", { className: "avatarStack", onMouseEnter: handleAvatarMouseEnter, onMouseLeave: handleAvatarMouseLeave, children: jsx(BordAvatarStack, { users: assignedUsers, maxVisibleAvatars: maxVisibleAvatars, size: AVATAR_SIZE_BY_VARIANT[variant], showAddChip: isInline }) })), showAddAffordance && (jsxs(Fragment, { children: [jsx("div", { className: "buttonLabel", children: label }), isInline ? (jsx(BordAvatarStack, { users: [], showAddChip: true, size: AVATAR_SIZE_BY_VARIANT[variant] })) : (jsx(BordOneToneIcon, { variant: "plusCircle", standardSize: 14, stroke: "currentColor", customClassName: "addIcon" }))] }))] }), showAssignedUsersTooltip && showAvatarTooltip && !showDropdown && hasAssignedUsers && (jsx("div", { className: "assignedUsersTooltip", onMouseEnter: handleAvatarMouseEnter, onMouseLeave: handleAvatarMouseLeave, children: jsx("div", { className: "tooltipScrollArea", children: assignedUsers.map(user => (jsxs("div", { className: "tooltipUserRow", children: [jsx(BordPhoto, { url: user?.photoProfile, variant: "circle", size: "s20", avatarProps: { variant: 'circularUser' }, imageProps: { style: { width: '100%', height: '100%', objectFit: 'cover' } } }), jsxs("div", { className: "tooltipUserInfo", children: [jsxs("div", { className: "tooltipUserName", children: [user?.firstName, " ", user?.lastName] }), jsx("div", { className: "tooltipUserEmail", children: user?.email })] })] }, user?.id))) }) })), showDropdown && (jsx("div", { className: `dropdownContainer ${dropdownAlign}`, children: jsx(BordAssignUsersDropdown, { users: users, assignedUserIds: assignedUserIds, onAssign: onAssign, onUnassign: onUnassign, loadingUserId: loadingUserId, disabled: disabled, searchPlaceholder: searchPlaceholder, assignLabel: assignLabel, unassignLabel: unassignLabel }) }))] }));
|
|
4678
4684
|
};
|
|
4679
4685
|
|
|
4680
4686
|
var FORM_COMPONENTS_STANDARD_SIZES;
|
|
@@ -4775,6 +4781,11 @@ const BordTwoToneMenuSquareIcon = (props) => {
|
|
|
4775
4781
|
return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", fill: "none", viewBox: "0 0 24 24", children: [jsx("g", { stroke: tone1 || bordColorTheme.navyBlue[400], strokeWidth: "1.5", opacity: opacity1 || ".4", children: jsx("path", { d: "M2 18c0-1.5404 0-2.3107.34673-2.8765.19401-.3166.4602-.5828.7768-.7768C3.68934 14 4.45956 14 6 14c1.54044 0 2.31066 0 2.87647.3467.3166.194.58279.4602.7768.7768C10 15.6893 10 16.4596 10 18s0 2.3107-.34673 2.8765c-.19401.3166-.4602.5828-.7768.7768C8.31066 22 7.54044 22 6 22c-1.54044 0-2.31066 0-2.87647-.3467-.3166-.194-.58279-.4602-.7768-.7768C2 20.3107 2 19.5404 2 18ZM14 6c0-1.54044 0-2.31066.3467-2.87647.194-.3166.4602-.58279.7768-.7768C15.6893 2 16.4596 2 18 2s2.3107 0 2.8765.34673c.3166.19401.5828.4602.7768.7768C22 3.68934 22 4.45956 22 6c0 1.54044 0 2.31066-.3467 2.87647-.194.3166-.4602.58279-.7768.7768C20.3107 10 19.5404 10 18 10s-2.3107 0-2.8765-.34673c-.3166-.19401-.5828-.4602-.7768-.7768C14 8.31066 14 7.54044 14 6Z" }) }), jsx("path", { stroke: tone2 || bordColorTheme.navyBlue[400], strokeWidth: "1.5", d: "M14 18c0-1.5404 0-2.3107.3467-2.8765.194-.3166.4602-.5828.7768-.7768C15.6893 14 16.4596 14 18 14s2.3107 0 2.8765.3467c.3166.194.5828.4602.7768.7768C22 15.6893 22 16.4596 22 18s0 2.3107-.3467 2.8765c-.194.3166-.4602.5828-.7768.7768C20.3107 22 19.5404 22 18 22s-2.3107 0-2.8765-.3467c-.3166-.194-.5828-.4602-.7768-.7768C14 20.3107 14 19.5404 14 18ZM2 6c0-1.54044 0-2.31066.34673-2.87647.19401-.3166.4602-.58279.7768-.7768C3.68934 2 4.45956 2 6 2c1.54044 0 2.31066 0 2.87647.34673.3166.19401.58279.4602.7768.7768C10 3.68934 10 4.45956 10 6c0 1.54044 0 2.31066-.34673 2.87647-.19401.3166-.4602.58279-.7768.7768C8.31066 10 7.54044 10 6 10c-1.54044 0-2.31066 0-2.87647-.34673-.3166-.19401-.58279-.4602-.7768-.7768C2 8.31066 2 7.54044 2 6Z", opacity: opacity2 })] }));
|
|
4776
4782
|
};
|
|
4777
4783
|
|
|
4784
|
+
const BordTwoToneReloadIcon = ({ colorTones, ...props }) => {
|
|
4785
|
+
const { tone1, tone2, opacity1, opacity2 } = colorTones || {};
|
|
4786
|
+
return (jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 20 20", fill: "none", ...props, children: [jsx("path", { opacity: opacity1 || ".4", d: "M7.36103 19.1664L6.86272 18.2349C6.52582 17.6052 6.35737 17.2903 6.46876 17.1554C6.58014 17.0206 6.947 17.1295 7.68066 17.3473C8.41416 17.5651 9.19294 17.6823 9.99992 17.6823C14.3722 17.6823 17.9166 14.2427 17.9166 9.99972C17.9166 8.60039 17.5311 7.28845 16.8575 6.15845", stroke: tone1 || bordColorTheme.navyBlue[400], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }), jsx("path", { opacity: opacity2, d: "M12.6386 0.833008L13.1369 1.76448C13.4738 2.39423 13.6422 2.7091 13.5308 2.84395C13.4194 2.9788 13.0526 2.86989 12.3189 2.65207C11.5854 2.43431 10.8067 2.31713 9.99967 2.31713C5.62742 2.31713 2.08301 5.75673 2.08301 9.99967C2.08301 11.399 2.46853 12.7109 3.14212 13.8409", stroke: tone2 || bordColorTheme.navyBlue[400], strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] }));
|
|
4787
|
+
};
|
|
4788
|
+
|
|
4778
4789
|
const BordTwoTonePieChartIcon = (props) => {
|
|
4779
4790
|
const { colorTones } = props;
|
|
4780
4791
|
const { tone1, tone2, opacity1, opacity2 } = colorTones || {};
|
|
@@ -4908,6 +4919,7 @@ const listOfBordTwoToneIcons = {
|
|
|
4908
4919
|
moving: BordTwoToneMovingIcon,
|
|
4909
4920
|
timer: BordTwoToneTimerIcon,
|
|
4910
4921
|
hierarchy: BordTwoToneHierarchyIcon,
|
|
4922
|
+
reload: BordTwoToneReloadIcon,
|
|
4911
4923
|
};
|
|
4912
4924
|
|
|
4913
4925
|
const BordTwoToneIcon = ({ variant, standardSize = 24, customWidth, colorTones, customClassName, }) => {
|
|
@@ -45386,6 +45398,7 @@ var BORD_TWO_TONE_ICONS;
|
|
|
45386
45398
|
BORD_TWO_TONE_ICONS["moving"] = "moving";
|
|
45387
45399
|
BORD_TWO_TONE_ICONS["timer"] = "timer";
|
|
45388
45400
|
BORD_TWO_TONE_ICONS["hierarchy"] = "hierarchy";
|
|
45401
|
+
BORD_TWO_TONE_ICONS["reload"] = "reload";
|
|
45389
45402
|
})(BORD_TWO_TONE_ICONS || (BORD_TWO_TONE_ICONS = {}));
|
|
45390
45403
|
|
|
45391
45404
|
const INCIDENT_TYPE_CONFIG = {
|