@ganpatiinfo/gids-react-web 14.0.0 → 16.0.0
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/GidsBasicTableBody/GidsBasicTableBody.d.ts +29 -5
- package/dist/components/GidsBasicTableBody/GidsBasicTableBody.d.ts.map +1 -1
- package/dist/components/GidsBasicTableBody/GidsBasicTableBody.js +19 -3
- package/dist/components/GidsBasicTableBody/GidsBasicTableBody.js.map +1 -1
- package/dist/components/GidsBasicTableHead/GidsBasicTableHead.d.ts +25 -0
- package/dist/components/GidsBasicTableHead/GidsBasicTableHead.d.ts.map +1 -1
- package/dist/components/GidsBasicTableHead/GidsBasicTableHead.js +5 -0
- package/dist/components/GidsBasicTableHead/GidsBasicTableHead.js.map +1 -1
- package/dist/components/GidsBasicTableHeader/GidsBasicTableHeader.d.ts +23 -4
- package/dist/components/GidsBasicTableHeader/GidsBasicTableHeader.d.ts.map +1 -1
- package/dist/components/GidsBasicTableHeader/GidsBasicTableHeader.js +7 -2
- package/dist/components/GidsBasicTableHeader/GidsBasicTableHeader.js.map +1 -1
- package/dist/components/GidsBasicTableRow/GidsBasicTableRow.d.ts +20 -4
- package/dist/components/GidsBasicTableRow/GidsBasicTableRow.d.ts.map +1 -1
- package/dist/components/GidsBasicTableRow/GidsBasicTableRow.js +20 -5
- package/dist/components/GidsBasicTableRow/GidsBasicTableRow.js.map +1 -1
- package/dist/components/GidsBsTable/GidsBsTable.d.ts +29 -5
- package/dist/components/GidsBsTable/GidsBsTable.d.ts.map +1 -1
- package/dist/components/GidsBsTable/GidsBsTable.js +21 -5
- package/dist/components/GidsBsTable/GidsBsTable.js.map +1 -1
- package/dist/components/GidsColorSwatch/GidsColorSwatch.d.ts +7 -0
- package/dist/components/GidsColorSwatch/GidsColorSwatch.d.ts.map +1 -0
- package/dist/components/GidsColorSwatch/GidsColorSwatch.js +41 -0
- package/dist/components/GidsColorSwatch/GidsColorSwatch.js.map +1 -0
- package/dist/components/GidsCrossTable/GidsCrossTable.d.ts +17 -0
- package/dist/components/GidsCrossTable/GidsCrossTable.d.ts.map +1 -0
- package/dist/components/GidsCrossTable/GidsCrossTable.js +73 -0
- package/dist/components/GidsCrossTable/GidsCrossTable.js.map +1 -0
- package/dist/components/GidsCrossTableBody/GidsCrossTableBody.d.ts +12 -0
- package/dist/components/GidsCrossTableBody/GidsCrossTableBody.d.ts.map +1 -0
- package/dist/components/GidsCrossTableBody/GidsCrossTableBody.js +65 -0
- package/dist/components/GidsCrossTableBody/GidsCrossTableBody.js.map +1 -0
- package/dist/components/GidsCrossTableRow/GidsCrossTableRow.d.ts +12 -0
- package/dist/components/GidsCrossTableRow/GidsCrossTableRow.d.ts.map +1 -0
- package/dist/components/GidsCrossTableRow/GidsCrossTableRow.js +34 -0
- package/dist/components/GidsCrossTableRow/GidsCrossTableRow.js.map +1 -0
- package/dist/components/GidsDialog/GidsDialog.d.ts +13 -0
- package/dist/components/GidsDialog/GidsDialog.d.ts.map +1 -0
- package/dist/components/GidsDialog/GidsDialog.js +111 -0
- package/dist/components/GidsDialog/GidsDialog.js.map +1 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.d.ts +34 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.d.ts.map +1 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.js +38 -0
- package/dist/components/GidsMatrixTable/GidsMatrixTable.js.map +1 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.d.ts +34 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.d.ts.map +1 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.js +58 -0
- package/dist/components/GidsMatrixTableBody/GidsMatrixTableBody.js.map +1 -0
- package/dist/components/GidsMenu/GidsMenu.d.ts.map +1 -1
- package/dist/components/GidsMenu/GidsMenu.js +6 -3
- package/dist/components/GidsMenu/GidsMenu.js.map +1 -1
- package/dist/components/GidsPagination/GidsPagination.d.ts +9 -0
- package/dist/components/GidsPagination/GidsPagination.d.ts.map +1 -1
- package/dist/components/GidsPagination/GidsPagination.js +9 -15
- package/dist/components/GidsPagination/GidsPagination.js.map +1 -1
- package/dist/components/GidsPaginator/GidsPaginator.d.ts +7 -0
- package/dist/components/GidsPaginator/GidsPaginator.d.ts.map +1 -0
- package/dist/components/GidsPaginator/GidsPaginator.js +142 -0
- package/dist/components/GidsPaginator/GidsPaginator.js.map +1 -0
- package/dist/components/GidsPaginatorItem/GidsPaginatorItem.d.ts +7 -0
- package/dist/components/GidsPaginatorItem/GidsPaginatorItem.d.ts.map +1 -0
- package/dist/components/GidsPaginatorItem/GidsPaginatorItem.js +29 -0
- package/dist/components/GidsPaginatorItem/GidsPaginatorItem.js.map +1 -0
- package/dist/components/GidsTable/GidsTable.d.ts +16 -0
- package/dist/components/GidsTable/GidsTable.d.ts.map +1 -0
- package/dist/components/GidsTable/GidsTable.js +57 -0
- package/dist/components/GidsTable/GidsTable.js.map +1 -0
- package/dist/components/GidsTableBody/GidsTableBody.d.ts +12 -0
- package/dist/components/GidsTableBody/GidsTableBody.d.ts.map +1 -0
- package/dist/components/GidsTableBody/GidsTableBody.js +44 -0
- package/dist/components/GidsTableBody/GidsTableBody.js.map +1 -0
- package/dist/components/GidsTableCell/GidsTableCell.d.ts +22 -0
- package/dist/components/GidsTableCell/GidsTableCell.d.ts.map +1 -0
- package/dist/components/GidsTableCell/GidsTableCell.js +91 -0
- package/dist/components/GidsTableCell/GidsTableCell.js.map +1 -0
- package/dist/components/GidsTableEntry/GidsTableEntry.d.ts +10 -0
- package/dist/components/GidsTableEntry/GidsTableEntry.d.ts.map +1 -0
- package/dist/components/GidsTableEntry/GidsTableEntry.js +175 -0
- package/dist/components/GidsTableEntry/GidsTableEntry.js.map +1 -0
- package/dist/components/GidsTableFooter/GidsTableFooter.d.ts +12 -0
- package/dist/components/GidsTableFooter/GidsTableFooter.d.ts.map +1 -0
- package/dist/components/GidsTableFooter/GidsTableFooter.js +23 -0
- package/dist/components/GidsTableFooter/GidsTableFooter.js.map +1 -0
- package/dist/components/GidsTableFooterControl/GidsTableFooterControl.d.ts +8 -0
- package/dist/components/GidsTableFooterControl/GidsTableFooterControl.d.ts.map +1 -0
- package/dist/components/GidsTableFooterControl/GidsTableFooterControl.js +45 -0
- package/dist/components/GidsTableFooterControl/GidsTableFooterControl.js.map +1 -0
- package/dist/components/GidsTableHeader/GidsTableHeader.d.ts +10 -0
- package/dist/components/GidsTableHeader/GidsTableHeader.d.ts.map +1 -0
- package/dist/components/GidsTableHeader/GidsTableHeader.js +20 -0
- package/dist/components/GidsTableHeader/GidsTableHeader.js.map +1 -0
- package/dist/components/GidsTableRow/GidsTableRow.d.ts +10 -0
- package/dist/components/GidsTableRow/GidsTableRow.d.ts.map +1 -0
- package/dist/components/GidsTableRow/GidsTableRow.js +24 -0
- package/dist/components/GidsTableRow/GidsTableRow.js.map +1 -0
- package/dist/components/GidsTableToolbar/GidsTableToolbar.d.ts +15 -0
- package/dist/components/GidsTableToolbar/GidsTableToolbar.d.ts.map +1 -0
- package/dist/components/GidsTableToolbar/GidsTableToolbar.js +26 -0
- package/dist/components/GidsTableToolbar/GidsTableToolbar.js.map +1 -0
- package/dist/components/_GidsDialogControl/GidsDialogControl.d.ts +8 -0
- package/dist/components/_GidsDialogControl/GidsDialogControl.d.ts.map +1 -0
- package/dist/components/_GidsDialogControl/GidsDialogControl.js +79 -0
- package/dist/components/_GidsDialogControl/GidsDialogControl.js.map +1 -0
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.d.ts +9 -0
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.d.ts.map +1 -1
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.js +4 -0
- package/dist/components/_GidsPaginationItem/GidsPaginationItem.js.map +1 -1
- package/dist/components/stencil-generated/components.d.ts +3 -0
- package/dist/components/stencil-generated/components.d.ts.map +1 -1
- package/dist/components/stencil-generated/components.js +3 -0
- package/dist/components/stencil-generated/components.js.map +1 -1
- package/dist/components/stencil-generated/gids-advanced-tooltip.d.ts +10 -0
- package/dist/components/stencil-generated/gids-advanced-tooltip.d.ts.map +1 -0
- package/dist/components/stencil-generated/gids-advanced-tooltip.js +13 -0
- package/dist/components/stencil-generated/gids-advanced-tooltip.js.map +1 -0
- package/dist/components/stencil-generated/gids-skeleton.d.ts +10 -0
- package/dist/components/stencil-generated/gids-skeleton.d.ts.map +1 -0
- package/dist/components/stencil-generated/gids-skeleton.js +13 -0
- package/dist/components/stencil-generated/gids-skeleton.js.map +1 -0
- package/dist/components/stencil-generated/gids-transfer-list.d.ts +10 -0
- package/dist/components/stencil-generated/gids-transfer-list.d.ts.map +1 -0
- package/dist/components/stencil-generated/gids-transfer-list.js +13 -0
- package/dist/components/stencil-generated/gids-transfer-list.js.map +1 -0
- package/dist/index.d.ts +104 -84
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +104 -84
- package/dist/index.js.map +1 -1
- package/package.json +9 -9
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.d.ts +0 -6
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.d.ts.map +0 -1
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.js +0 -22
- package/dist/components/GidsBasicTableCell/GidsBasicTableCell.js.map +0 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableCell.js","sourceRoot":"","sources":["../../../src/components/GidsTableCell/GidsTableCell.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoD,MAAM,OAAO,CAAC;AACzE,OAAO,EAEN,qBAAqB,GAErB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,cAAc,EAAE,MAAM,kCAAkC,CAAC;AAClE,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAWhD,OAAO,EACN,mBAAmB,EACnB,8BAA8B,GAC9B,MAAM,sFAAsF,CAAC;AAC9F,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,MAAM,EAAE,0BAA0B,EAAE,oCAAoC,EAAE,GACzE,qBAAqB,CAAC;AA+BvB;;;GAGG;AACH,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,EAC7B,EAAE,EACF,SAAS,EACT,SAAS,EACT,KAAK,EACL,YAAY,GAAG,MAAM,EACrB,WAAW,GAAG,EAAE,EAChB,KAAK,GAAG,MAAM,EACd,UAAU,GAAG,MAAM,EACnB,WAAW,GAAG,EAAE,EAChB,iBAAiB,GAAG,EAAE,EACtB,aAAa,GAAG,QAAQ,EACxB,eAAe,GAAG,cAAc,EAChC,YAAY,GAAG,KAAK,EACpB,wBAAwB,GAAG,EAAE,EAC7B,0BAA0B,GAAG,EAAE,EAC/B,oBAAoB,EACpB,SAAS,EACT,GAAG,SAAS,EACQ,EAAE,EAAE;IACxB,MAAM,OAAO,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC;IAE3C,MAAM,qBAAqB,GAAG,CAAC,EAC9B,aAAa,EACb,cAAc,GAAG,SAAS,GAO1B,EAAE,EAAE;QACJ,MAAM,gBAAgB,GAAG,mBAAmB,CAA2B;YACtE,gBAAgB,EAAE,aAAa;YAC/B,cAAc;SACd,CAAC,CAAC;QAEH,OAAO,gBAAgB,EAAE,YAAY;YACpC,gBAAgB,CAAC,YAAY,CAAC,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,CAClD,oBAAC,QAAQ,IACR,IAAI,EAAE,gBAAgB,CAAC,YAAY,EACnC,IAAI,EAAE,gBAAgB,CAAC,YAAY,EACnC,UAAU,EAAE,gBAAgB,CAAC,kBAAkB,GAC9C,CACF,CAAC,CAAC,CAAC,SAAS,CAAC;IACf,CAAC,CAAC;IAEF,MAAM,gBAAgB,GAAG,CAAC,EACzB,KAAK,EACL,cAAc,EACd,iBAAiB,GAKjB,EAAE,EAAE;QACJ,IAAI,oBAAoB,EAAE,CAAC;YAC1B,oBAAoB,CAAC;gBACpB,aAAa,EAAE,KAAK;gBACpB,OAAO,EAAE;oBACR,UAAU;oBACV,YAAY;oBACZ,WAAW;oBACX,KAAK;oBACL,EAAE;oBACF,SAAS;oBACT,YAAY;oBACZ,SAAS;oBACT,eAAe,EAAE,cAAc,cAAc,GAAG,CAAC,EAAE;oBACnD,cAAc,EAAE,cAAc;oBAC9B,iBAAiB,EAAE,iBAAiB,IAAI,WAAW;iBACnD;aACD,CAAC,CAAC;QACJ,CAAC;IACF,CAAC,CAAC;IAEF,MAAM,oBAAoB,GAAG,CAAC,EAC7B,aAAa,EACb,cAAc,EACd,iBAAiB,GAQjB,EAAE,EAAE;QACJ,OAAO,CACN,oBAAC,UAAU,IACV,EAAE,EAAC,QAAQ,EACX,UAAU,EAAE,aAAa,EAAE,UAAU,IAAI,SAAS,EAClD,IAAI,EAAE,aAAa,EAAE,IAAI,IAAI,IAAI,EACjC,QAAQ,EAAE,aAAa,EAAE,QAAQ,EACjC,WAAW,EAAE,aAAa,EAAE,WAAW,EACvC,QAAQ,EAAE,aAAa,EAAE,QAAQ,EACjC,OAAO,EAAE,aAAa,EAAE,OAAO,EAC/B,KAAK,EAAE,aAAa,EAAE,KAAK,IAAI,WAAW,EAC1C,IAAI,EAAC,QAAQ,EACb,WAAW,EAAE,qBAAqB,CAAC;gBAClC,aAAa;gBACb,cAAc,EAAE,SAAS;aACzB,CAAC,EACF,YAAY,EAAE,qBAAqB,CAAC;gBACnC,aAAa;gBACb,cAAc,EAAE,UAAU;aAC1B,CAAC,EACF,OAAO,EAAE,CAAC,KAAiB,EAAE,EAAE,CAC9B,gBAAgB,CAAC,EAAE,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,CAAC,IAG9D,aAAa,EAAE,WAAW,IAAI,EAAE,CACrB,CACb,CAAC;IACH,CAAC,CAAC;IAEF,MAAM,kBAAkB,GAAG,CAC1B,iBAAoD,EACnD,EAAE;QACH,MAAM,cAAc,GAInB,iBAAiB,KAAK,SAAS;YAC9B,CAAC,CAAC,wBAAwB;YAC1B,CAAC,CAAC,0BAA0B,CAAC;QAE/B,IAAI,CAAC,cAAc,IAAI,cAAc,CAAC,MAAM,IAAI,CAAC,EAAE,CAAC;YACnD,OAAO,SAAS,CAAC;QAClB,CAAC;QAED,OAAO,CACN,6BACC,SAAS,EACR,iBAAiB,KAAK,SAAS;gBAC9B,CAAC,CAAC,+CAA+C;gBACjD,CAAC,CAAC,iDAAiD,IAGpD,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,cAAc,EAAE,EAAE;YACzC,MAAM,kBAAkB,GACvB,iBAAiB,KAAK,SAAS;gBAC9B,CAAC,CAAC,cAAc,CAAC,MAAM,GAAG,cAAc,GAAG,CAAC;gBAC5C,CAAC,CAAC,cAAc,CAAC;YACnB,MAAM,aAAa,GAAG,cAAc,CAAC,kBAAkB,CAAC,CAAC;YACzD,MAAM,oBAAoB,GAAG,8BAA8B,CAGzD,aAAa,CAAC,CAAC;YAEjB,OAAO,oBAAoB;gBAC1B,CAAC,CAAC,oBAAoB,CAAC;oBACrB,aAAa;oBACb,cAAc,EAAE,kBAAkB;oBAClC,iBAAiB;iBACjB,CAAC;gBACH,CAAC,CAAC,SAAS,CAAC;QACd,CAAC,CAAC,CACG,CACN,CAAC;IACH,CAAC,CAAC;IAEF,OAAO,CACN,oBAAC,OAAO,OACH,SAAS,EACb,SAAS,EAAE,0BAA0B,CACpC;YACC,WAAW;YACX,iBAAiB;YACjB,UAAU;YACV,aAAa;YACb,KAAK;SACL,EACD,SAAS,CACT,EACD,EAAE,EAAE,EAAE,gBACM,SAAS,gBACT,IAAI,CAAC,SAAS,CAAC,SAAS,CAAC;QAEpC,kBAAkB,CAAC,SAAS,CAAC;QAC7B,YAAY,KAAK,MAAM,IAAI,KAAK,IAAI,KAAK,KAAK,EAAE,CAAC,CAAC,CAAC,CACnD,8BACC,SAAS,EAAE,GAAG,oCAAoC,CAAC,eAAe,CAAC,EAAE,IAEpE,KAAK,CACA,CACP,CAAC,CAAC,CAAC,SAAS;QACZ,YAAY,KAAK,aAAa;YAC/B,WAAW;YACX,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACxB,6BAAK,SAAS,EAAC,yCAAyC,IACtD,WAAW,CAAC,GAAG,CAAC,CAAC,UAAU,EAAE,EAAE;YAC/B,OAAO,CACN,oBAAC,cAAc,IACd,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,EAAE,EAC9B,UAAU,EAAE,UAAU,EAAE,oBAAoB,IAAI,QAAQ,EACxD,IAAI,EAAE,UAAU,EAAE,cAAc,IAAI,IAAI,EACxC,IAAI,EACH,UAAU,EAAE,cAAc,CAAC,CAAC,CAAC,CAC5B,oBAAC,QAAQ,IACR,IAAI,EAAE,UAAU,CAAC,cAAc,EAC/B,IAAI,EAAE,UAAU,EAAE,cAAc,IAAI,IAAI,EACxC,UAAU,EACT,UAAU,EAAE,wBAAwB,IAAI,SAAS,GAEjD,CACF,CAAC,CAAC,CAAC,SAAS,EAEd,KAAK,EAAE,UAAU,EAAE,eAAe,IAAI,UAAU,GAC/C,CACF,CAAC;QACH,CAAC,CAAC,CACG,CACN,CAAC,CAAC,CAAC,SAAS;QACZ,kBAAkB,CAAC,WAAW,CAAC,CACvB,CACV,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { MouseEvent, type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import { GidsTableEntryTypographyStyle, type GidsTableEntryWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsTableEntryActionEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
export type GidsTableEntryActionBaseEvent = GidsTableEntryActionEvent<MouseEvent, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
|
|
6
|
+
export interface GidsTableEntryProps extends GidsTableEntryWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, ReactNode>, Omit<ComponentPropsWithoutRef<'td'> & ComponentPropsWithoutRef<'th'>, 'children' | 'width'> {
|
|
7
|
+
onEntryAction?: (event: GidsTableEntryActionBaseEvent) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const GidsTableEntry: ({ id, uniqueKey, extraData, label, entryDataTypes, displayTags, statusTags, badges, avatars, colorSwatches, progressBars, borderSides, borderRadiusSides, appearance, textAlignment, entryAlignment, labelTypography, entryType, leadingActions, trailingActions, onEntryAction, colorSwatchLabelColor, colorSwatchLabelPosition, colorSwatchLabelTypography, colorSwatchSize, colorSwatchShape, colorSwatchShadow, colorSwatchBorderRadius, colorSwatchApplyBorders, colorSwatchBorderWidth, progressBarSize, progressBarEndCap, avatarSize, avatarGroupAppearance, avatarGroupLayout, statusTagAppearance, statusTagSize, progressBarContainerMinWidth, displayTagsOrientation, statusTagsOrientation, progressBarsOrientation, colorSwatchesOrientation, badgesOrientation, children, colSpan, backgroundColor, contentColor, actionsBackgroundColor, actionsContentColor, className, ...restProps }: GidsTableEntryProps) => React.JSX.Element;
|
|
10
|
+
//# sourceMappingURL=GidsTableEntry.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableEntry.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTableEntry/GidsTableEntry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,UAAU,EACV,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EACN,6BAA6B,EAG7B,KAAK,sBAAsB,EAC3B,MAAM,8BAA8B,CAAC;AAGtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAEN,yBAAyB,EAIzB,MAAM,+BAA+B,CAAC;AAiBvC,MAAM,MAAM,6BAA6B,GAAG,yBAAyB,CACpE,UAAU,EACV,6BAA6B,EAC7B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF,MAAM,WAAW,mBAChB,SACC,sBAAsB,CACrB,6BAA6B,EAC7B,QAAQ,EACR,cAAc,EACd,SAAS,CACT,EACD,IAAI,CACH,wBAAwB,CAAC,IAAI,CAAC,GAAG,wBAAwB,CAAC,IAAI,CAAC,EAC/D,UAAU,GAAG,OAAO,CACpB;IACF,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,6BAA6B,KAAK,IAAI,CAAC;CAC/D;AAED,eAAO,MAAM,cAAc,GAAI,y2BAoD5B,mBAAmB,sBA8ZrB,CAAC"}
|
|
@@ -0,0 +1,175 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsTableEntryWebUtils, isValidChildren, } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsDisplayTag } from '../GidsDisplayTag/GidsDisplayTag';
|
|
4
|
+
import { GidsIcon } from '../GidsIcon/GidsIcon';
|
|
5
|
+
import { GidsTableEntryCommonUtils, } from '@ganpatiinfo/gids-core-shared';
|
|
6
|
+
import { GidsButton } from '../GidsButton/GidsButton';
|
|
7
|
+
import { GidsAvatarGroup } from '../GidsAvatarGroup/GidsAvatarGroup';
|
|
8
|
+
import { GidsAvatar } from '../GidsAvatar/GidsAvatar';
|
|
9
|
+
import { GidsBadge } from '../GidsBadge/GidsBadge';
|
|
10
|
+
import { GidsProgressBar } from '../GidsProgressBar/GidsProgressBar';
|
|
11
|
+
import { GidsStatusTag } from '../GidsStatusTag/GidsStatusTag';
|
|
12
|
+
import { GidsColorSwatch } from '../GidsColorSwatch/GidsColorSwatch';
|
|
13
|
+
const { getGidsTableEntryClassNames, getGidsTableEntryLabelTypographyClass, getTableEntryAlignment, } = GidsTableEntryWebUtils;
|
|
14
|
+
const { isTableEntryActionButtonVisible, getTableEntryActionBtnIcon } = GidsTableEntryCommonUtils;
|
|
15
|
+
export const GidsTableEntry = ({ id, uniqueKey, extraData, label, entryDataTypes = ['text'], displayTags = [], statusTags = [], badges = [], avatars = [], colorSwatches = [], progressBars = [], borderSides = [], borderRadiusSides = [], appearance = 'none', textAlignment = 'center', entryAlignment = 'center', labelTypography = 'label-medium', entryType = 'body', leadingActions = [], trailingActions = [], onEntryAction, colorSwatchLabelColor = 'default', colorSwatchLabelPosition = 'left', colorSwatchLabelTypography = 'label-medium', colorSwatchSize = 'sm', colorSwatchShape = 'oval', colorSwatchShadow = 'shadow-overlay', colorSwatchBorderRadius = 'none', colorSwatchApplyBorders = true, colorSwatchBorderWidth = 'thick', progressBarSize = 'sm', progressBarEndCap = true, avatarSize = 'sm', avatarGroupAppearance, avatarGroupLayout, statusTagAppearance = 'subtle', statusTagSize = 'sm', progressBarContainerMinWidth = 200, displayTagsOrientation = 'horizontal', statusTagsOrientation = 'horizontal', progressBarsOrientation = 'horizontal', colorSwatchesOrientation = 'horizontal', badgesOrientation = 'horizontal', children, colSpan, backgroundColor, contentColor, actionsBackgroundColor, actionsContentColor, className, ...restProps }) => {
|
|
16
|
+
let EntryTag = 'td';
|
|
17
|
+
if (entryType === 'header') {
|
|
18
|
+
EntryTag = 'th';
|
|
19
|
+
}
|
|
20
|
+
else if (entryType === 'footer') {
|
|
21
|
+
EntryTag = 'td';
|
|
22
|
+
}
|
|
23
|
+
function makeEntryActionBtnIcon({ entryActionBtn, neededIconType = 'leading', }) {
|
|
24
|
+
const tableEntryBtnIcon = getTableEntryActionBtnIcon({
|
|
25
|
+
entryActionButton: entryActionBtn,
|
|
26
|
+
neededIconType,
|
|
27
|
+
});
|
|
28
|
+
return tableEntryBtnIcon?.entryIconName &&
|
|
29
|
+
tableEntryBtnIcon.entryIconName.toString() !== '' ? (React.createElement(GidsIcon, { name: tableEntryBtnIcon.entryIconName, size: tableEntryBtnIcon.entryIconSize, appearance: tableEntryBtnIcon.entryIconAppearance })) : undefined;
|
|
30
|
+
}
|
|
31
|
+
function onActionBtnClick({ event, actionIndex, actionPosition, }) {
|
|
32
|
+
if (onEntryAction) {
|
|
33
|
+
onEntryAction({
|
|
34
|
+
originalEvent: event,
|
|
35
|
+
details: {
|
|
36
|
+
appearance,
|
|
37
|
+
entryDataTypes,
|
|
38
|
+
displayTags,
|
|
39
|
+
statusTags,
|
|
40
|
+
colorSwatches,
|
|
41
|
+
progressBars,
|
|
42
|
+
avatars,
|
|
43
|
+
badges,
|
|
44
|
+
label,
|
|
45
|
+
id,
|
|
46
|
+
extraData,
|
|
47
|
+
entryType,
|
|
48
|
+
uniqueKey,
|
|
49
|
+
actionNumber: `action-btn-${actionIndex + 1}`,
|
|
50
|
+
actionIndex: actionIndex,
|
|
51
|
+
actionPosition: actionPosition ?? 'trailing',
|
|
52
|
+
},
|
|
53
|
+
});
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
function makeEntryActionButton({ entryActionBtn, actionIndex, actionPosition, }) {
|
|
57
|
+
return (React.createElement(GidsButton, { key: `${actionIndex + 1}`, as: "button", appearance: entryActionBtn?.appearance ?? 'default', size: entryActionBtn?.size ?? 'md', disabled: entryActionBtn?.disabled, destructive: entryActionBtn?.destructive, positive: entryActionBtn?.positive, loading: entryActionBtn?.loading, width: entryActionBtn?.width ?? 'intrinsic', type: "button", leadingIcon: makeEntryActionBtnIcon({
|
|
58
|
+
entryActionBtn,
|
|
59
|
+
neededIconType: 'leading',
|
|
60
|
+
}), trailingIcon: makeEntryActionBtnIcon({
|
|
61
|
+
entryActionBtn,
|
|
62
|
+
neededIconType: 'trailing',
|
|
63
|
+
}), onClick: (event) => onActionBtnClick({ event, actionIndex, actionPosition }) }, entryActionBtn?.buttonLabel ?? ''));
|
|
64
|
+
}
|
|
65
|
+
function makeEntryActionBtns(actionPosition) {
|
|
66
|
+
const entryActionBtns = actionPosition === 'leading' ? leadingActions : trailingActions;
|
|
67
|
+
if (!entryActionBtns || entryActionBtns.length <= 0) {
|
|
68
|
+
return undefined;
|
|
69
|
+
}
|
|
70
|
+
return (React.createElement("div", { className: actionPosition === 'leading'
|
|
71
|
+
? 'gids-table-entry__leading-actions-container'
|
|
72
|
+
: 'gids-table-entry__trailing-actions-container' }, entryActionBtns.map((_, actionIndex) => {
|
|
73
|
+
const entryActionBtnIndex = actionPosition === 'leading'
|
|
74
|
+
? entryActionBtns.length - actionIndex - 1
|
|
75
|
+
: actionIndex;
|
|
76
|
+
const entryActionBtn = entryActionBtns[entryActionBtnIndex];
|
|
77
|
+
const entryActionBtnVisible = isTableEntryActionButtonVisible(entryActionBtn);
|
|
78
|
+
return entryActionBtnVisible
|
|
79
|
+
? makeEntryActionButton({
|
|
80
|
+
entryActionBtn,
|
|
81
|
+
actionIndex: entryActionBtnIndex,
|
|
82
|
+
actionPosition,
|
|
83
|
+
})
|
|
84
|
+
: undefined;
|
|
85
|
+
})));
|
|
86
|
+
}
|
|
87
|
+
function makeEntryAvatars() {
|
|
88
|
+
if (entryDataTypes.includes('avatar') && avatars && avatars.length > 0) {
|
|
89
|
+
return (React.createElement(GidsAvatarGroup, { appearance: avatarGroupAppearance ? avatarGroupAppearance : 'spread', layout: avatarGroupLayout ? avatarGroupLayout : 'wrap' }, avatars.map((avatar, indexI) => {
|
|
90
|
+
return (React.createElement(GidsAvatar, { key: `${indexI + 1}`, size: avatarSize, alt: avatar?.avatarAlt ?? '', appearance: avatar?.avatarAppearance ?? 'icon', badge: React.createElement(GidsBadge, { appearance: avatar?.avatarBadge?.badgeAppearance ?? 'information', count: avatar?.avatarBadge?.badgeCount ?? undefined, accessibleText: avatar?.avatarBadge?.badgeAccessibleText ?? '', type: avatar?.avatarBadge?.badgeType ?? 'dot', outline: avatar?.avatarBadge?.badgeOutline ?? false }), color: avatar?.avatarColor ?? 'default', imageSrc: avatar?.avatarImageSrc ?? '', text: avatar?.avatarText ?? '' }));
|
|
91
|
+
})));
|
|
92
|
+
}
|
|
93
|
+
return undefined;
|
|
94
|
+
}
|
|
95
|
+
function makeEntryProgressBars() {
|
|
96
|
+
if (entryDataTypes.includes('progress-bar') &&
|
|
97
|
+
progressBars &&
|
|
98
|
+
progressBars.length > 0) {
|
|
99
|
+
return (React.createElement("div", { className: progressBarsOrientation === 'horizontal'
|
|
100
|
+
? 'gids-table-entry__progress-bars-container-horizontal'
|
|
101
|
+
: 'gids-table-entry__progress-bars-container-vertical', style: (progressBarContainerMinWidth
|
|
102
|
+
? {
|
|
103
|
+
'--gidsProgressBarContainer-min-width': `${progressBarContainerMinWidth}px`,
|
|
104
|
+
}
|
|
105
|
+
: {}) }, progressBars.map((progressBar, indexI) => {
|
|
106
|
+
return (React.createElement(GidsProgressBar, { key: `${indexI + 1}`, size: progressBarSize, color: progressBar?.progressBarColor ?? 'default', indeterminate: progressBar?.progressBarIndeterminate ?? true, value: progressBar?.progressBarValue, max: progressBar?.progressBarMax ?? 1, endCap: progressBarEndCap }));
|
|
107
|
+
})));
|
|
108
|
+
}
|
|
109
|
+
return undefined;
|
|
110
|
+
}
|
|
111
|
+
function makeEntryStatusTags() {
|
|
112
|
+
if (entryDataTypes.includes('status-tag') &&
|
|
113
|
+
statusTags &&
|
|
114
|
+
statusTags.length > 0) {
|
|
115
|
+
return (React.createElement("div", { className: statusTagsOrientation === 'horizontal'
|
|
116
|
+
? 'gids-table-entry__common-items-container-horizontal'
|
|
117
|
+
: 'gids-table-entry__common-items-container-vertical' }, statusTags.map((statusTag, indexI) => {
|
|
118
|
+
return (React.createElement(GidsStatusTag, { key: `${indexI + 1}`, type: statusTag?.statusTagType ?? 'unknown', appearance: statusTagAppearance ?? 'subtle', size: statusTagSize ?? 'sm' }));
|
|
119
|
+
})));
|
|
120
|
+
}
|
|
121
|
+
return undefined;
|
|
122
|
+
}
|
|
123
|
+
function makeEntryColorSwatches() {
|
|
124
|
+
if (entryDataTypes.includes('color-swatch') &&
|
|
125
|
+
colorSwatches &&
|
|
126
|
+
colorSwatches.length > 0) {
|
|
127
|
+
return (React.createElement("div", { className: colorSwatchesOrientation === 'horizontal'
|
|
128
|
+
? 'gids-table-entry__common-items-container-horizontal'
|
|
129
|
+
: 'gids-table-entry__common-items-container-vertical' }, colorSwatches.map((colorSwatch, indexI) => {
|
|
130
|
+
return (React.createElement(GidsColorSwatch, { key: `${indexI + 1}`, label: colorSwatch?.colorSwatchLabel, labelColor: colorSwatchLabelColor, labelTypography: colorSwatchLabelTypography, labelPosition: colorSwatchLabelPosition, swatchColor: colorSwatch?.colorSwatchColor, swatchSize: colorSwatchSize, swatchShape: colorSwatchShape, swatchShadow: colorSwatchShadow, borderRadius: colorSwatchBorderRadius, applyBorders: colorSwatchApplyBorders, borderColor: colorSwatch?.colorSwatchBorderColor, borderWidth: colorSwatchBorderWidth }));
|
|
131
|
+
})));
|
|
132
|
+
}
|
|
133
|
+
return undefined;
|
|
134
|
+
}
|
|
135
|
+
function makeEntryBadges() {
|
|
136
|
+
if (entryDataTypes.includes('badge') && badges && badges.length > 0) {
|
|
137
|
+
return (React.createElement("div", { className: badgesOrientation === 'horizontal'
|
|
138
|
+
? 'gids-table-entry__common-items-container-horizontal'
|
|
139
|
+
: 'gids-table-entry__common-items-container-vertical' }, badges.map((badge, indexI) => {
|
|
140
|
+
return (React.createElement(GidsBadge, { key: `${indexI + 1}`, appearance: badge.badgeAppearance ?? 'information', count: badge?.badgeCount ?? undefined, accessibleText: badge?.badgeAccessibleText ?? '', type: badge?.badgeType ?? 'dot', outline: badge?.badgeOutline ?? true }));
|
|
141
|
+
})));
|
|
142
|
+
}
|
|
143
|
+
return undefined;
|
|
144
|
+
}
|
|
145
|
+
return (React.createElement(EntryTag, { ...restProps, className: getGidsTableEntryClassNames({
|
|
146
|
+
borderSides,
|
|
147
|
+
borderRadiusSides,
|
|
148
|
+
appearance,
|
|
149
|
+
textAlignment,
|
|
150
|
+
}, className), style: {
|
|
151
|
+
backgroundColor: backgroundColor,
|
|
152
|
+
color: contentColor,
|
|
153
|
+
'--gidsButton-color-default-text': actionsContentColor,
|
|
154
|
+
'--gidsButton-color-icon': actionsContentColor,
|
|
155
|
+
'--gidsButton-color-default-bg': actionsBackgroundColor,
|
|
156
|
+
'--gidsButton-color-primary-bg': actionsBackgroundColor,
|
|
157
|
+
'--gidsButton-color-subtle-bg': actionsBackgroundColor,
|
|
158
|
+
}, id: id, "unique-key": uniqueKey, "extra-data": JSON.stringify(extraData), colSpan: colSpan }, isValidChildren(children) ? (children) : (React.createElement("div", { className: getTableEntryAlignment({ entryAlignment }) },
|
|
159
|
+
makeEntryActionBtns('leading'),
|
|
160
|
+
entryDataTypes.includes('text') && label && label !== '' ? (React.createElement("span", { className: `${getGidsTableEntryLabelTypographyClass(labelTypography)}` }, label)) : undefined,
|
|
161
|
+
entryDataTypes.includes('display-tag') &&
|
|
162
|
+
displayTags &&
|
|
163
|
+
displayTags.length > 0 ? (React.createElement("div", { className: displayTagsOrientation === 'horizontal'
|
|
164
|
+
? 'gids-table-entry__common-items-container-horizontal'
|
|
165
|
+
: 'gids-table-entry__common-items-container-vertical' }, displayTags.map((displayTag, indexI) => {
|
|
166
|
+
return (React.createElement(GidsDisplayTag, { key: `${indexI + 1}`, label: displayTag?.label ?? '', appearance: displayTag?.displayTagAppearance ?? 'subtle', size: displayTag?.displayTagSize ?? 'xs', icon: displayTag?.displayTagIcon ? (React.createElement(GidsIcon, { name: displayTag.displayTagIcon, size: displayTag?.displayTagSize ?? 'xs', appearance: displayTag?.displayTagIconAppearance ?? 'regular' })) : undefined, color: displayTag?.displayTagColor ?? 'accent-5' }));
|
|
167
|
+
}))) : undefined,
|
|
168
|
+
makeEntryAvatars(),
|
|
169
|
+
makeEntryProgressBars(),
|
|
170
|
+
makeEntryStatusTags(),
|
|
171
|
+
makeEntryColorSwatches(),
|
|
172
|
+
makeEntryBadges(),
|
|
173
|
+
makeEntryActionBtns('trailing')))));
|
|
174
|
+
};
|
|
175
|
+
//# sourceMappingURL=GidsTableEntry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableEntry.js","sourceRoot":"","sources":["../../../src/components/GidsTableEntry/GidsTableEntry.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import React, { type MouseEvent, type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import { GidsTableEntryTypographyStyle, GidsTableFooterWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsTableFooterActionEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
export type GidsTableFooterNativeInputForwardedProps = Partial<Omit<ComponentPropsWithoutRef<'input'>, 'value' | 'readOnly' | 'name' | 'disabled'>>;
|
|
6
|
+
export type GidsTableFooterBaseWebProps = GidsTableFooterWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, ReactNode> & Omit<ComponentPropsWithoutRef<'tfoot'>, 'children'>;
|
|
7
|
+
export type GidsTableFooterActionBaseEvent = GidsTableFooterActionEvent<MouseEvent, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
|
|
8
|
+
export interface GidsTableFooterProps extends GidsTableFooterBaseWebProps {
|
|
9
|
+
onFooterAction?: (event: GidsTableFooterActionBaseEvent) => void;
|
|
10
|
+
}
|
|
11
|
+
export declare const GidsTableFooter: ({ appearance, labelTypography, textAlignment, entryAlignment, colorSwatchLabelColor, colorSwatchLabelPosition, colorSwatchLabelTypography, colorSwatchSize, colorSwatchShape, colorSwatchShadow, colorSwatchBorderRadius, colorSwatchApplyBorders, colorSwatchBorderWidth, progressBarSize, progressBarEndCap, avatarSize, avatarGroupAppearance, avatarGroupLayout, statusTagAppearance, statusTagSize, progressBarContainerMinWidth, displayTagsOrientation, statusTagsOrientation, progressBarsOrientation, colorSwatchesOrientation, badgesOrientation, footerItems, onFooterAction, children, className, ...restProps }: GidsTableFooterProps) => React.JSX.Element;
|
|
12
|
+
//# sourceMappingURL=GidsTableFooter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableFooter.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTableFooter/GidsTableFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,KAAK,UAAU,EACf,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EACN,6BAA6B,EAC7B,uBAAuB,EAGvB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAK3E,MAAM,MAAM,wCAAwC,GAAG,OAAO,CAC7D,IAAI,CACH,wBAAwB,CAAC,OAAO,CAAC,EACjC,OAAO,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,CAC1C,CACD,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG,uBAAuB,CAChE,6BAA6B,EAC7B,QAAQ,EACR,cAAc,EACd,SAAS,CACT,GACA,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC,CAAC;AAErD,MAAM,MAAM,8BAA8B,GAAG,0BAA0B,CACtE,UAAU,EACV,6BAA6B,EAC7B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF,MAAM,WAAW,oBAAqB,SAAQ,2BAA2B;IACxE,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,eAAe,GAAI,8lBAmC7B,oBAAoB,sBAiDtB,CAAC"}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsTableFooterWebUtils, isValidChildren, } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsTableRow } from '../GidsTableRow/GidsTableRow';
|
|
4
|
+
const { getGidsTableFooterClassNames } = GidsTableFooterWebUtils;
|
|
5
|
+
export const GidsTableFooter = ({
|
|
6
|
+
// Table Entry Props
|
|
7
|
+
appearance = 'none', labelTypography = 'label-medium', textAlignment = 'center', entryAlignment = 'center', colorSwatchLabelColor = 'default', colorSwatchLabelPosition = 'left', colorSwatchLabelTypography = 'label-medium', colorSwatchSize = 'sm', colorSwatchShape = 'oval', colorSwatchShadow = 'shadow-overlay', colorSwatchBorderRadius = 'none', colorSwatchApplyBorders = true, colorSwatchBorderWidth = 'thick', progressBarSize = 'sm', progressBarEndCap = true, avatarSize = 'sm', avatarGroupAppearance = 'spread', avatarGroupLayout = 'wrap', statusTagAppearance = 'subtle', statusTagSize = 'sm', progressBarContainerMinWidth = 200, displayTagsOrientation = 'horizontal', statusTagsOrientation = 'horizontal', progressBarsOrientation = 'horizontal', colorSwatchesOrientation = 'horizontal', badgesOrientation = 'horizontal',
|
|
8
|
+
// Footer Props
|
|
9
|
+
footerItems, onFooterAction, children, className, ...restProps }) => {
|
|
10
|
+
const renderFooterRow = () => {
|
|
11
|
+
if (isValidChildren(children)) {
|
|
12
|
+
return children;
|
|
13
|
+
}
|
|
14
|
+
else {
|
|
15
|
+
if (footerItems && footerItems.length > 0) {
|
|
16
|
+
return (React.createElement(GidsTableRow, { rows: footerItems, rowType: "footer", entryAlignment: entryAlignment, colorSwatchLabelColor: colorSwatchLabelColor, colorSwatchLabelPosition: colorSwatchLabelPosition, colorSwatchLabelTypography: colorSwatchLabelTypography, colorSwatchSize: colorSwatchSize, colorSwatchShape: colorSwatchShape, colorSwatchShadow: colorSwatchShadow, colorSwatchBorderRadius: colorSwatchBorderRadius, colorSwatchApplyBorders: colorSwatchApplyBorders, colorSwatchBorderWidth: colorSwatchBorderWidth, progressBarSize: progressBarSize, progressBarEndCap: progressBarEndCap, avatarSize: avatarSize, avatarGroupAppearance: avatarGroupAppearance, avatarGroupLayout: avatarGroupLayout, statusTagAppearance: statusTagAppearance, statusTagSize: statusTagSize, progressBarContainerMinWidth: progressBarContainerMinWidth, displayTagsOrientation: displayTagsOrientation, statusTagsOrientation: statusTagsOrientation, progressBarsOrientation: progressBarsOrientation, colorSwatchesOrientation: colorSwatchesOrientation, badgesOrientation: badgesOrientation, textAlignment: textAlignment, labelTypography: labelTypography, appearance: appearance, onRowAction: onFooterAction }));
|
|
17
|
+
}
|
|
18
|
+
}
|
|
19
|
+
return undefined;
|
|
20
|
+
};
|
|
21
|
+
return (React.createElement("tfoot", { className: getGidsTableFooterClassNames(className), ...restProps }, renderFooterRow()));
|
|
22
|
+
};
|
|
23
|
+
//# sourceMappingURL=GidsTableFooter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableFooter.js","sourceRoot":"","sources":["../../../src/components/GidsTableFooter/GidsTableFooter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAC;AACf,OAAO,EAGN,uBAAuB,EACvB,eAAe,GACf,MAAM,8BAA8B,CAAC;AAMtC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAE5D,MAAM,EAAE,4BAA4B,EAAE,GAAG,uBAAuB,CAAC;AA4BjE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC;AAC/B,oBAAoB;AACpB,UAAU,GAAG,MAAM,EACnB,eAAe,GAAG,cAAc,EAChC,aAAa,GAAG,QAAQ,EACxB,cAAc,GAAG,QAAQ,EACzB,qBAAqB,GAAG,SAAS,EACjC,wBAAwB,GAAG,MAAM,EACjC,0BAA0B,GAAG,cAAc,EAC3C,eAAe,GAAG,IAAI,EACtB,gBAAgB,GAAG,MAAM,EACzB,iBAAiB,GAAG,gBAAgB,EACpC,uBAAuB,GAAG,MAAM,EAChC,uBAAuB,GAAG,IAAI,EAC9B,sBAAsB,GAAG,OAAO,EAChC,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,IAAI,EACxB,UAAU,GAAG,IAAI,EACjB,qBAAqB,GAAG,QAAQ,EAChC,iBAAiB,GAAG,MAAM,EAC1B,mBAAmB,GAAG,QAAQ,EAC9B,aAAa,GAAG,IAAI,EACpB,4BAA4B,GAAG,GAAG,EAClC,sBAAsB,GAAG,YAAY,EACrC,qBAAqB,GAAG,YAAY,EACpC,uBAAuB,GAAG,YAAY,EACtC,wBAAwB,GAAG,YAAY,EACvC,iBAAiB,GAAG,YAAY;AAEhC,eAAe;AACf,WAAW,EACX,cAAc,EACd,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACU,EAAE,EAAE;IAC1B,MAAM,eAAe,GAAG,GAAG,EAAE;QAC5B,IAAI,eAAe,CAAY,QAAQ,CAAC,EAAE,CAAC;YAC1C,OAAO,QAAQ,CAAC;QACjB,CAAC;aAAM,CAAC;YACP,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC3C,OAAO,CACN,oBAAC,YAAY,IACZ,IAAI,EAAE,WAAW,EACjB,OAAO,EAAC,QAAQ,EAChB,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,qBAAqB,EAC5C,wBAAwB,EAAE,wBAAwB,EAClD,0BAA0B,EAAE,0BAA0B,EACtD,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,uBAAuB,EAAE,uBAAuB,EAChD,uBAAuB,EAAE,uBAAuB,EAChD,sBAAsB,EAAE,sBAAsB,EAC9C,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,qBAAqB,EAAE,qBAAqB,EAC5C,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,aAAa,EAC5B,4BAA4B,EAAE,4BAA4B,EAC1D,sBAAsB,EAAE,sBAAsB,EAC9C,qBAAqB,EAAE,qBAAqB,EAC5C,uBAAuB,EAAE,uBAAuB,EAChD,wBAAwB,EAAE,wBAAwB,EAClD,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,cAAc,GAC1B,CACF,CAAC;YACH,CAAC;QACF,CAAC;QACD,OAAO,SAAS,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACN,+BAAO,SAAS,EAAE,4BAA4B,CAAC,SAAS,CAAC,KAAM,SAAS,IACtE,eAAe,EAAE,CACX,CACR,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { MouseEvent, type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import { GidsTableFooterControlWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
export type TableFooterNativeInputForwardedProps = Omit<ComponentPropsWithoutRef<'input'>, 'disabled' | 'readOnly' | 'value' | 'name'>;
|
|
5
|
+
export type GidsTableFooterControlBaseWebProps = GidsTableFooterControlWebProps<IconName, ReactNode, TableFooterNativeInputForwardedProps, ReactNode, MouseEvent> & Omit<ComponentPropsWithoutRef<'div'>, 'children' | 'onChange' | 'onClick'>;
|
|
6
|
+
export type GidsTableFooterControlProps = GidsTableFooterControlBaseWebProps;
|
|
7
|
+
export declare const GidsTableFooterControl: ({ appearance, bulkStatus, rangeStatus, tableViewControllerSettings, paginatorSettings, tableViewControllerVisible, paginatorVisible, children, className, }: GidsTableFooterControlProps) => React.JSX.Element;
|
|
8
|
+
//# sourceMappingURL=GidsTableFooterControl.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableFooterControl.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTableFooterControl/GidsTableFooterControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,UAAU,EACV,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EACN,8BAA8B,EAG9B,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,uCAAuC,CAAC;AASjE,MAAM,MAAM,oCAAoC,GAAG,IAAI,CACtD,wBAAwB,CAAC,OAAO,CAAC,EACjC,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,MAAM,CAC1C,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAAG,8BAA8B,CAC9E,QAAQ,EACR,SAAS,EACT,oCAAoC,EACpC,SAAS,EACT,UAAU,CACV,GACA,IAAI,CAAC,wBAAwB,CAAC,KAAK,CAAC,EAAE,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC,CAAC;AAE5E,MAAM,MAAM,2BAA2B,GAAG,kCAAkC,CAAC;AAE7E,eAAO,MAAM,sBAAsB,GAAI,6JAUpC,2BAA2B,sBA4F7B,CAAC"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsTableFooterControlWebUtils, isValidChildren, } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsPaginator } from '../GidsPaginator/GidsPaginator';
|
|
4
|
+
import { GidsDropdownField } from '../stencil-generated/gids-dropdown-field.js';
|
|
5
|
+
import { GidsDropdownMenuGroup } from '../GidsDropdownMenuGroup/GidsDropdownMenuGroup';
|
|
6
|
+
import { GidsDropdownMenu } from '../GidsDropdownMenu/GidsDropdownMenu';
|
|
7
|
+
import { GidsDropdownItem } from '../GidsDropdownItem/GidsDropdownItem';
|
|
8
|
+
const { getGidsTableFooterControlClassNames } = GidsTableFooterControlWebUtils;
|
|
9
|
+
export const GidsTableFooterControl = ({ appearance = 'surface-default', bulkStatus, rangeStatus, tableViewControllerSettings, paginatorSettings, tableViewControllerVisible, paginatorVisible, children, className, }) => {
|
|
10
|
+
const renderTableViewController = () => {
|
|
11
|
+
if (tableViewControllerVisible &&
|
|
12
|
+
tableViewControllerSettings &&
|
|
13
|
+
Object.keys(tableViewControllerSettings).length > 0) {
|
|
14
|
+
const { tableViewControllerOptions, ...restTableViewControllerSettings } = tableViewControllerSettings;
|
|
15
|
+
const controllerOptions = tableViewControllerOptions ?? [];
|
|
16
|
+
if (controllerOptions && controllerOptions.length > 0) {
|
|
17
|
+
const createdInputProps = restTableViewControllerSettings?.inputProps;
|
|
18
|
+
const resolvedInputProps = {
|
|
19
|
+
...createdInputProps,
|
|
20
|
+
placeholder: createdInputProps?.placeholder ?? 'Rows per page',
|
|
21
|
+
};
|
|
22
|
+
return (React.createElement(GidsDropdownField, { ...restTableViewControllerSettings,
|
|
23
|
+
// @ts-expect-error expected error as this is stencil web component
|
|
24
|
+
inputProps: resolvedInputProps },
|
|
25
|
+
React.createElement(GidsDropdownMenuGroup, { type: "default" }, controllerOptions.map((controllerOption, sectionIndex) => {
|
|
26
|
+
const items = controllerOption?.items ?? [];
|
|
27
|
+
return (React.createElement(GidsDropdownMenu, { key: `${sectionIndex + 1}`, sectionLabel: controllerOption?.label }, items.map((item, optionIndex) => {
|
|
28
|
+
return (React.createElement(GidsDropdownItem, { ...item, id: item?.id ?? `${optionIndex + 1}` }));
|
|
29
|
+
})));
|
|
30
|
+
}))));
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
return undefined;
|
|
34
|
+
};
|
|
35
|
+
return (React.createElement("div", { className: getGidsTableFooterControlClassNames({ appearance }, className), "control-appearance": appearance }, isValidChildren(children) ? (children) : (React.createElement("div", { className: "gids-table-footer-control__main-container" },
|
|
36
|
+
React.createElement("div", { className: "gids-table-footer-control__informative-container" },
|
|
37
|
+
renderTableViewController(),
|
|
38
|
+
React.createElement("span", { className: "gids-table-footer-control__range-status-label" }, rangeStatus),
|
|
39
|
+
React.createElement("span", { className: "gids-table-footer-control__bulk-status-label" }, bulkStatus)),
|
|
40
|
+
paginatorVisible &&
|
|
41
|
+
paginatorSettings &&
|
|
42
|
+
Object.keys(paginatorSettings).length > 0 ? (React.createElement("div", { className: "gids-table-footer-control__paginator-container" },
|
|
43
|
+
React.createElement(GidsPaginator, { ...paginatorSettings, size: paginatorSettings?.size ?? 'md', shape: paginatorSettings?.shape ?? 'rounded', variant: paginatorSettings?.variant ?? 'default', showFirstPageBtn: paginatorSettings?.showFirstPageBtn ?? true, showLastPageBtn: paginatorSettings?.showLastPageBtn ?? true, showNextBtn: paginatorSettings?.showNextBtn ?? true, showPreviousBtn: paginatorSettings?.showPreviousBtn ?? true }))) : undefined))));
|
|
44
|
+
};
|
|
45
|
+
//# sourceMappingURL=GidsTableFooterControl.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableFooterControl.js","sourceRoot":"","sources":["../../../src/components/GidsTableFooterControl/GidsTableFooterControl.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { MouseEvent, type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import { GidsTableEntryTypographyStyle, GidsTableHeaderWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsTableHeaderActionEvent } from '@ganpatiinfo/gids-core-shared';
|
|
4
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
5
|
+
export type GidsTableHeaderActionBaseEvent = GidsTableHeaderActionEvent<MouseEvent, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
|
|
6
|
+
export interface GidsTableHeaderProps extends GidsTableHeaderWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, ReactNode>, Omit<ComponentPropsWithoutRef<'thead'>, 'children'> {
|
|
7
|
+
onHeaderAction?: (event: GidsTableHeaderActionBaseEvent) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const GidsTableHeader: ({ headerItems, appearance, labelTypography, textAlignment, onHeaderAction, entryAlignment, colorSwatchLabelColor, colorSwatchLabelPosition, colorSwatchLabelTypography, colorSwatchSize, colorSwatchShape, colorSwatchShadow, colorSwatchBorderRadius, colorSwatchApplyBorders, colorSwatchBorderWidth, progressBarSize, progressBarEndCap, avatarSize, avatarGroupAppearance, avatarGroupLayout, statusTagAppearance, statusTagSize, progressBarContainerMinWidth, displayTagsOrientation, statusTagsOrientation, progressBarsOrientation, colorSwatchesOrientation, badgesOrientation, children, className, ...restProps }: GidsTableHeaderProps) => React.JSX.Element;
|
|
10
|
+
//# sourceMappingURL=GidsTableHeader.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableHeader.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTableHeader/GidsTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,UAAU,EACV,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EACN,6BAA6B,EAC7B,uBAAuB,EAGvB,MAAM,8BAA8B,CAAC;AAEtC,OAAO,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAC3E,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAI/C,MAAM,MAAM,8BAA8B,GAAG,0BAA0B,CACtE,UAAU,EACV,6BAA6B,EAC7B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF,MAAM,WAAW,oBAChB,SACC,uBAAuB,CACtB,6BAA6B,EAC7B,QAAQ,EACR,cAAc,EACd,SAAS,CACT,EACD,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,UAAU,CAAC;IACpD,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,8BAA8B,KAAK,IAAI,CAAC;CACjE;AAED,eAAO,MAAM,eAAe,GAAI,8lBAgC7B,oBAAoB,sBAmDtB,CAAC"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsTableHeaderWebUtils, isValidChildren, } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsTableRow } from '../GidsTableRow/GidsTableRow';
|
|
4
|
+
const { getGidsTableHeaderClassNames } = GidsTableHeaderWebUtils;
|
|
5
|
+
export const GidsTableHeader = ({ headerItems = [], appearance = 'none', labelTypography = 'label-medium', textAlignment = 'center', onHeaderAction, entryAlignment = 'center', colorSwatchLabelColor = 'default', colorSwatchLabelPosition = 'left', colorSwatchLabelTypography = 'label-medium', colorSwatchSize = 'sm', colorSwatchShape = 'oval', colorSwatchShadow = 'shadow-overlay', colorSwatchBorderRadius = 'none', colorSwatchApplyBorders = true, colorSwatchBorderWidth = 'thick', progressBarSize = 'sm', progressBarEndCap = true, avatarSize = 'sm', avatarGroupAppearance = 'spread', avatarGroupLayout = 'wrap', statusTagAppearance = 'subtle', statusTagSize = 'sm', progressBarContainerMinWidth = 200, displayTagsOrientation = 'horizontal', statusTagsOrientation = 'horizontal', progressBarsOrientation = 'horizontal', colorSwatchesOrientation = 'horizontal', badgesOrientation = 'horizontal', children, className, ...restProps }) => {
|
|
6
|
+
const tableHeaderClassName = getGidsTableHeaderClassNames(className);
|
|
7
|
+
const renderChildrens = () => {
|
|
8
|
+
if (isValidChildren(children)) {
|
|
9
|
+
return children;
|
|
10
|
+
}
|
|
11
|
+
else {
|
|
12
|
+
if (headerItems && headerItems.length > 0) {
|
|
13
|
+
return (React.createElement(GidsTableRow, { rows: headerItems, rowType: "header", entryAlignment: entryAlignment, colorSwatchLabelColor: colorSwatchLabelColor, colorSwatchLabelPosition: colorSwatchLabelPosition, colorSwatchLabelTypography: colorSwatchLabelTypography, colorSwatchSize: colorSwatchSize, colorSwatchShape: colorSwatchShape, colorSwatchShadow: colorSwatchShadow, colorSwatchBorderRadius: colorSwatchBorderRadius, colorSwatchApplyBorders: colorSwatchApplyBorders, colorSwatchBorderWidth: colorSwatchBorderWidth, progressBarSize: progressBarSize, progressBarEndCap: progressBarEndCap, avatarSize: avatarSize, avatarGroupAppearance: avatarGroupAppearance, avatarGroupLayout: avatarGroupLayout, statusTagAppearance: statusTagAppearance, statusTagSize: statusTagSize, progressBarContainerMinWidth: progressBarContainerMinWidth, displayTagsOrientation: displayTagsOrientation, statusTagsOrientation: statusTagsOrientation, progressBarsOrientation: progressBarsOrientation, colorSwatchesOrientation: colorSwatchesOrientation, badgesOrientation: badgesOrientation, textAlignment: textAlignment, labelTypography: labelTypography, appearance: appearance, onRowAction: onHeaderAction }));
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
return undefined;
|
|
17
|
+
};
|
|
18
|
+
return (React.createElement("thead", { ...restProps, className: tableHeaderClassName }, renderChildrens()));
|
|
19
|
+
};
|
|
20
|
+
//# sourceMappingURL=GidsTableHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableHeader.js","sourceRoot":"","sources":["../../../src/components/GidsTableHeader/GidsTableHeader.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAC;AACf,OAAO,EAGN,uBAAuB,EACvB,eAAe,GACf,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAO5D,MAAM,EAAE,4BAA4B,EAAE,GAAG,uBAAuB,CAAC;AAqBjE,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,EAC/B,WAAW,GAAG,EAAE,EAChB,UAAU,GAAG,MAAM,EACnB,eAAe,GAAG,cAAc,EAChC,aAAa,GAAG,QAAQ,EACxB,cAAc,EACd,cAAc,GAAG,QAAQ,EACzB,qBAAqB,GAAG,SAAS,EACjC,wBAAwB,GAAG,MAAM,EACjC,0BAA0B,GAAG,cAAc,EAC3C,eAAe,GAAG,IAAI,EACtB,gBAAgB,GAAG,MAAM,EACzB,iBAAiB,GAAG,gBAAgB,EACpC,uBAAuB,GAAG,MAAM,EAChC,uBAAuB,GAAG,IAAI,EAC9B,sBAAsB,GAAG,OAAO,EAChC,eAAe,GAAG,IAAI,EACtB,iBAAiB,GAAG,IAAI,EACxB,UAAU,GAAG,IAAI,EACjB,qBAAqB,GAAG,QAAQ,EAChC,iBAAiB,GAAG,MAAM,EAC1B,mBAAmB,GAAG,QAAQ,EAC9B,aAAa,GAAG,IAAI,EACpB,4BAA4B,GAAG,GAAG,EAClC,sBAAsB,GAAG,YAAY,EACrC,qBAAqB,GAAG,YAAY,EACpC,uBAAuB,GAAG,YAAY,EACtC,wBAAwB,GAAG,YAAY,EACvC,iBAAiB,GAAG,YAAY,EAChC,QAAQ,EACR,SAAS,EACT,GAAG,SAAS,EACU,EAAE,EAAE;IAC1B,MAAM,oBAAoB,GAAG,4BAA4B,CAAC,SAAS,CAAC,CAAC;IAErE,MAAM,eAAe,GAAG,GAAG,EAAE;QAC5B,IAAI,eAAe,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC/B,OAAO,QAAQ,CAAC;QACjB,CAAC;aAAM,CAAC;YACP,IAAI,WAAW,IAAI,WAAW,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;gBAC3C,OAAO,CACN,oBAAC,YAAY,IACZ,IAAI,EAAE,WAAW,EACjB,OAAO,EAAC,QAAQ,EAChB,cAAc,EAAE,cAAc,EAC9B,qBAAqB,EAAE,qBAAqB,EAC5C,wBAAwB,EAAE,wBAAwB,EAClD,0BAA0B,EAAE,0BAA0B,EACtD,eAAe,EAAE,eAAe,EAChC,gBAAgB,EAAE,gBAAgB,EAClC,iBAAiB,EAAE,iBAAiB,EACpC,uBAAuB,EAAE,uBAAuB,EAChD,uBAAuB,EAAE,uBAAuB,EAChD,sBAAsB,EAAE,sBAAsB,EAC9C,eAAe,EAAE,eAAe,EAChC,iBAAiB,EAAE,iBAAiB,EACpC,UAAU,EAAE,UAAU,EACtB,qBAAqB,EAAE,qBAAqB,EAC5C,iBAAiB,EAAE,iBAAiB,EACpC,mBAAmB,EAAE,mBAAmB,EACxC,aAAa,EAAE,aAAa,EAC5B,4BAA4B,EAAE,4BAA4B,EAC1D,sBAAsB,EAAE,sBAAsB,EAC9C,qBAAqB,EAAE,qBAAqB,EAC5C,uBAAuB,EAAE,uBAAuB,EAChD,wBAAwB,EAAE,wBAAwB,EAClD,iBAAiB,EAAE,iBAAiB,EACpC,aAAa,EAAE,aAAa,EAC5B,eAAe,EAAE,eAAe,EAChC,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,cAAc,GAC1B,CACF,CAAC;YACH,CAAC;QACF,CAAC;QACD,OAAO,SAAS,CAAC;IAClB,CAAC,CAAC;IAEF,OAAO,CACN,kCAAW,SAAS,EAAE,SAAS,EAAE,oBAAoB,IACnD,eAAe,EAAE,CACX,CACR,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React, { type MouseEvent, type ReactNode, type ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { GidsTableEntryTypographyStyle, type GidsTableRowWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
import { GidsTableRowActionEvent } from '@ganpatiinfo/gids-core-shared';
|
|
5
|
+
export type GidsTableRowActionBaseEvent = GidsTableRowActionEvent<MouseEvent, GidsTableEntryTypographyStyle, IconName, IconAppearance>;
|
|
6
|
+
export interface GidsTableRowProps extends GidsTableRowWebProps<GidsTableEntryTypographyStyle, IconName, IconAppearance, ReactNode>, Omit<ComponentPropsWithoutRef<'tr'>, 'children' | 'onChange'> {
|
|
7
|
+
onRowAction?: (event: GidsTableRowActionBaseEvent) => void;
|
|
8
|
+
}
|
|
9
|
+
export declare const GidsTableRow: ({ rows, rowType, onRowAction, entryAlignment, colorSwatchLabelColor, colorSwatchLabelPosition, colorSwatchLabelTypography, colorSwatchSize, colorSwatchShape, colorSwatchShadow, colorSwatchBorderRadius, colorSwatchApplyBorders, colorSwatchBorderWidth, progressBarSize, progressBarEndCap, avatarSize, avatarGroupAppearance, avatarGroupLayout, statusTagAppearance, statusTagSize, progressBarContainerMinWidth, displayTagsOrientation, statusTagsOrientation, progressBarsOrientation, colorSwatchesOrientation, badgesOrientation, textAlignment, labelTypography, appearance, actionsBackgroundColor, actionsContentColor, backgroundColor, contentColor, children, className, ...restProps }: GidsTableRowProps) => React.JSX.Element;
|
|
10
|
+
//# sourceMappingURL=GidsTableRow.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableRow.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTableRow/GidsTableRow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,KAAK,UAAU,EACf,KAAK,SAAS,EACd,KAAK,wBAAwB,EAC7B,MAAM,OAAO,CAAC;AACf,OAAO,EACN,6BAA6B,EAG7B,KAAK,oBAAoB,EACzB,MAAM,8BAA8B,CAAC;AAKtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAIxE,MAAM,MAAM,2BAA2B,GAAG,uBAAuB,CAChE,UAAU,EACV,6BAA6B,EAC7B,QAAQ,EACR,cAAc,CACd,CAAC;AAEF,MAAM,WAAW,iBAChB,SACC,oBAAoB,CACnB,6BAA6B,EAC7B,QAAQ,EACR,cAAc,EACd,SAAS,CACT,EACD,IAAI,CAAC,wBAAwB,CAAC,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;IAC9D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,2BAA2B,KAAK,IAAI,CAAC;CAC3D;AAED,eAAO,MAAM,YAAY,GAAI,yqBAqC1B,iBAAiB,sBA4EnB,CAAC"}
|
|
@@ -0,0 +1,24 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsTableRowWebUtils, isValidChildren, } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsTableEntry, } from '../GidsTableEntry/GidsTableEntry';
|
|
4
|
+
const { getGidsTableRowClassNames } = GidsTableRowWebUtils;
|
|
5
|
+
export const GidsTableRow = ({ rows = [], rowType = 'body', onRowAction, entryAlignment = 'center', colorSwatchLabelColor = 'default', colorSwatchLabelPosition = 'left', colorSwatchLabelTypography = 'label-medium', colorSwatchSize = 'sm', colorSwatchShape = 'oval', colorSwatchShadow = 'shadow-overlay', colorSwatchBorderRadius = 'none', colorSwatchApplyBorders = true, colorSwatchBorderWidth = 'thick', progressBarSize = 'sm', progressBarEndCap = true, avatarSize = 'sm', avatarGroupAppearance, avatarGroupLayout, statusTagAppearance = 'subtle', statusTagSize = 'sm', progressBarContainerMinWidth = 200, displayTagsOrientation = 'horizontal', statusTagsOrientation = 'horizontal', progressBarsOrientation = 'horizontal', colorSwatchesOrientation = 'horizontal', badgesOrientation = 'horizontal', textAlignment = 'center', labelTypography = 'label-medium', appearance = 'none', actionsBackgroundColor, actionsContentColor, backgroundColor, contentColor, children, className, ...restProps }) => {
|
|
6
|
+
const rowClassName = getGidsTableRowClassNames(className);
|
|
7
|
+
if (isValidChildren(children)) {
|
|
8
|
+
return (React.createElement("tr", { ...restProps, className: rowClassName }, children));
|
|
9
|
+
}
|
|
10
|
+
function onEntryActionBtnClick({ event, entryIndex, }) {
|
|
11
|
+
if (onRowAction) {
|
|
12
|
+
onRowAction({
|
|
13
|
+
...event,
|
|
14
|
+
details: {
|
|
15
|
+
...event.details,
|
|
16
|
+
entryIndex,
|
|
17
|
+
},
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
}
|
|
21
|
+
// Layout 2: Horizontal Layout (Standard single row mapping all cells)
|
|
22
|
+
return (React.createElement("tr", { ...restProps, className: rowClassName }, rows.map((row, indexJ) => (React.createElement(GidsTableEntry, { key: `row-h-${indexJ + 1}`, ...row, backgroundColor: backgroundColor, contentColor: contentColor, actionsBackgroundColor: actionsBackgroundColor, actionsContentColor: actionsContentColor, entryType: rowType, leadingActions: row?.leadingActions ?? [], trailingActions: row?.trailingActions ?? [], entryAlignment: entryAlignment, colorSwatchLabelColor: colorSwatchLabelColor, colorSwatchLabelPosition: colorSwatchLabelPosition, colorSwatchLabelTypography: colorSwatchLabelTypography, colorSwatchSize: colorSwatchSize, colorSwatchShape: colorSwatchShape, colorSwatchShadow: colorSwatchShadow, colorSwatchBorderRadius: colorSwatchBorderRadius, colorSwatchApplyBorders: colorSwatchApplyBorders, colorSwatchBorderWidth: colorSwatchBorderWidth, progressBarSize: progressBarSize, progressBarEndCap: progressBarEndCap, avatarSize: avatarSize, avatarGroupAppearance: avatarGroupAppearance, avatarGroupLayout: avatarGroupLayout, statusTagAppearance: statusTagAppearance, statusTagSize: statusTagSize, progressBarContainerMinWidth: progressBarContainerMinWidth, displayTagsOrientation: displayTagsOrientation, statusTagsOrientation: statusTagsOrientation, progressBarsOrientation: progressBarsOrientation, colorSwatchesOrientation: colorSwatchesOrientation, badgesOrientation: badgesOrientation, textAlignment: textAlignment, labelTypography: labelTypography, appearance: appearance, onEntryAction: (event) => onEntryActionBtnClick({ event, entryIndex: indexJ }) })))));
|
|
23
|
+
};
|
|
24
|
+
//# sourceMappingURL=GidsTableRow.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableRow.js","sourceRoot":"","sources":["../../../src/components/GidsTableRow/GidsTableRow.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React, { MouseEvent, type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import { GidsSearchBarWebProps, type GidsTableToolbarWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsTextField } from '../stencil-generated/gids-text-field.js';
|
|
4
|
+
type GidsTextFieldBaseProps = ComponentPropsWithoutRef<typeof GidsTextField>;
|
|
5
|
+
export type GidsTableToolbarTextFieldInputProps = GidsTextFieldBaseProps['inputProps'];
|
|
6
|
+
interface GidsTableToolbarBaseWebProps extends Omit<GidsTableToolbarWebProps<ReactNode, MouseEvent, ReactNode, Omit<ComponentPropsWithoutRef<'input'>, 'ref'>>, 'inputProps'>, Omit<GidsSearchBarWebProps<ReactNode, ComponentPropsWithoutRef<'input'>>, 'inputProps' | 'trailingIcon'>, Pick<GidsTextFieldBaseProps, 'onChange' | 'onInput' | 'onBlur' | 'onFocus'> {
|
|
7
|
+
}
|
|
8
|
+
export interface GidsTableToolbarProps extends GidsTableToolbarBaseWebProps {
|
|
9
|
+
onGidsSearchBarClear?: (event: CustomEvent<void>) => void;
|
|
10
|
+
inputProps?: GidsTableToolbarTextFieldInputProps;
|
|
11
|
+
className?: string;
|
|
12
|
+
}
|
|
13
|
+
export declare const GidsTableToolbar: ({ actionGroup, allFiltersTabVisible, moreFiltersTabVisible, clearAllFiltersVisible, clearAllFiltersButtonAppearance, primaryFilters, secondaryFilters, filterSize, filterAllIsDefaultSelected, dropdownDividerVisible, onToggleActionBarAllFilter, onToggleActionBarDropdownFilter, onToggleActionBarMoreFilter, onToggleActionBarNoneFilter, onDropdownSelectionActionBarFilterChange, onMoreSelectionActionBarFilterChange, onClearAllFiltersButton, actionBarDisabled, searchDisabled, allFiltersData, moreFiltersData, searchVisible, filtersVisible, childrenPosition, tabVisible, tabProps, borderSides, borderRadiusSides, leadingIcon, leadingLabel, trailingLabel, loading, readOnly, onGidsSearchBarClear, onChange, onInput, onFocus, onBlur, value, inputProps, className, tableToolbarAppearance, children, ...restProps }: GidsTableToolbarProps) => React.JSX.Element;
|
|
14
|
+
export {};
|
|
15
|
+
//# sourceMappingURL=GidsTableToolbar.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableToolbar.d.ts","sourceRoot":"","sources":["../../../src/components/GidsTableToolbar/GidsTableToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,UAAU,EACV,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EAEN,qBAAqB,EACrB,KAAK,wBAAwB,EAC7B,MAAM,8BAA8B,CAAC;AAKtC,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AAIxE,KAAK,sBAAsB,GAAG,wBAAwB,CAAC,OAAO,aAAa,CAAC,CAAC;AAC7E,MAAM,MAAM,mCAAmC,GAC9C,sBAAsB,CAAC,YAAY,CAAC,CAAC;AAEtC,UAAU,4BACT,SACC,IAAI,CACH,wBAAwB,CACvB,SAAS,EACT,UAAU,EACV,SAAS,EACT,IAAI,CAAC,wBAAwB,CAAC,OAAO,CAAC,EAAE,KAAK,CAAC,CAC9C,EACD,YAAY,CACZ,EACD,IAAI,CACH,qBAAqB,CAAC,SAAS,EAAE,wBAAwB,CAAC,OAAO,CAAC,CAAC,EACnE,YAAY,GAAG,cAAc,CAC7B,EACD,IAAI,CACH,sBAAsB,EACtB,UAAU,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,CAC7C;CAAG;AAEN,MAAM,WAAW,qBAAsB,SAAQ,4BAA4B;IAC1E,oBAAoB,CAAC,EAAE,CAAC,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,KAAK,IAAI,CAAC;IAC1D,UAAU,CAAC,EAAE,mCAAmC,CAAC;IACjD,SAAS,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,eAAO,MAAM,gBAAgB,GAAI,yyBA6C9B,qBAAqB,sBAgGvB,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { GidsTableToolbarWebUtils, } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { GidsSearchBar } from '../GidsSearchBar/GidsSearchBar';
|
|
4
|
+
import { GidsActionBar } from '../stencil-generated/gids-action-bar.js';
|
|
5
|
+
import { GidsTab } from '../stencil-generated/gids-tab.js';
|
|
6
|
+
import { GidsTabItem } from '../stencil-generated/gids-tab-item.js';
|
|
7
|
+
const { getGidsTableToolbarClassNames } = GidsTableToolbarWebUtils;
|
|
8
|
+
export const GidsTableToolbar = ({ actionGroup = false, allFiltersTabVisible = false, moreFiltersTabVisible = false, clearAllFiltersVisible = true, clearAllFiltersButtonAppearance = 'primary', primaryFilters = [], secondaryFilters = [], filterSize = 'xs', filterAllIsDefaultSelected = true, dropdownDividerVisible, onToggleActionBarAllFilter, onToggleActionBarDropdownFilter, onToggleActionBarMoreFilter, onToggleActionBarNoneFilter, onDropdownSelectionActionBarFilterChange, onMoreSelectionActionBarFilterChange, onClearAllFiltersButton, actionBarDisabled = false, searchDisabled = false, allFiltersData, moreFiltersData, searchVisible = true, filtersVisible = true, childrenPosition = 'top-most', tabVisible = false, tabProps, borderSides = [], borderRadiusSides = [], leadingIcon, leadingLabel, trailingLabel, loading, readOnly, onGidsSearchBarClear, onChange, onInput, onFocus, onBlur, value = '', inputProps, className, tableToolbarAppearance = 'surface-default', children, ...restProps }) => {
|
|
9
|
+
const tabItems = tabProps?.tabItems && tabProps.tabItems.length > 0 ? tabProps.tabItems : [];
|
|
10
|
+
const tabAppearance = tabProps?.appearance ?? 'underlined';
|
|
11
|
+
const tabWidth = tabProps?.width ?? 'full';
|
|
12
|
+
return (React.createElement("div", { className: getGidsTableToolbarClassNames({ borderSides, borderRadiusSides, tableToolbarAppearance }, className) },
|
|
13
|
+
React.createElement("div", { className: "gids-table-toolbar__content-wrapper" },
|
|
14
|
+
tabVisible && tabItems.length > 0 ? (React.createElement(GidsTab, { appearance: tabAppearance, width: tabWidth, activeTabId: tabProps?.activeTabId ?? undefined, onPressGidsTab: tabProps?.onPressGidsTab }, tabItems.map((tabItem, index) => {
|
|
15
|
+
return (React.createElement(GidsTabItem, { key: `${tabItem?.itemId}_${index}`, ...tabItem, itemId: tabItem?.itemId ?? `${index + 1}` }));
|
|
16
|
+
}))) : undefined,
|
|
17
|
+
children && childrenPosition === 'top-most' ? (React.createElement("div", { className: "gids-table-toolbar__children-container" }, children)) : undefined,
|
|
18
|
+
searchVisible ? (React.createElement(GidsSearchBar, { ...restProps, type: "default", appearance: "default", status: "default", leadingIcon: leadingIcon, leadingLabel: leadingLabel, trailingLabel: trailingLabel, loading: loading, readOnly: readOnly, onGidsSearchBarClear: onGidsSearchBarClear, onChange: onChange, onInput: onInput, onFocus: onFocus, onBlur: onBlur, value: value, disabled: searchDisabled, inputProps: inputProps })) : undefined,
|
|
19
|
+
filtersVisible ? (React.createElement(GidsActionBar, { actionGroup: actionGroup, allFiltersTabVisible: allFiltersTabVisible, moreFiltersTabVisible: moreFiltersTabVisible, clearAllFiltersVisible: clearAllFiltersVisible, clearAllFiltersButtonAppearance: clearAllFiltersButtonAppearance, primaryFilters: primaryFilters, secondaryFilters: secondaryFilters, filterSize: filterSize, filterAllIsDefaultSelected: filterAllIsDefaultSelected, dropdownDividerVisible: dropdownDividerVisible, onToggleActionBarAllFilter: onToggleActionBarAllFilter,
|
|
20
|
+
// @ts-expect-error error is expected as this is stencil
|
|
21
|
+
onToggleActionBarDropdownFilter: onToggleActionBarDropdownFilter,
|
|
22
|
+
// @ts-expect-error error is expected as this is stencil
|
|
23
|
+
onToggleActionBarMoreFilter: onToggleActionBarMoreFilter, onToggleActionBarNoneFilter: onToggleActionBarNoneFilter, onDropdownSelectionActionBarFilterChange: onDropdownSelectionActionBarFilterChange, onMoreSelectionActionBarFilterChange: onMoreSelectionActionBarFilterChange, onClearAllFiltersButton: onClearAllFiltersButton, disabled: actionBarDisabled, allFiltersData: allFiltersData, moreFiltersData: moreFiltersData })) : undefined,
|
|
24
|
+
children && childrenPosition === 'bottom-most' ? (React.createElement("div", { className: "gids-table-toolbar__children-container" }, children)) : undefined)));
|
|
25
|
+
};
|
|
26
|
+
//# sourceMappingURL=GidsTableToolbar.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsTableToolbar.js","sourceRoot":"","sources":["../../../src/components/GidsTableToolbar/GidsTableToolbar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAIN,MAAM,OAAO,CAAC;AACf,OAAO,EACN,wBAAwB,GAGxB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,aAAa,EAAE,MAAM,yCAAyC,CAAC;AACxE,OAAO,EAAE,OAAO,EAAE,MAAM,kCAAkC,CAAC;AAC3D,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAGpE,MAAM,EAAE,6BAA6B,EAAE,GAAG,wBAAwB,CAAC;AAgCnE,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAC,EAChC,WAAW,GAAG,KAAK,EACnB,oBAAoB,GAAG,KAAK,EAC5B,qBAAqB,GAAG,KAAK,EAC7B,sBAAsB,GAAG,IAAI,EAC7B,+BAA+B,GAAG,SAAS,EAC3C,cAAc,GAAG,EAAE,EACnB,gBAAgB,GAAG,EAAE,EACrB,UAAU,GAAG,IAAI,EACjB,0BAA0B,GAAG,IAAI,EACjC,sBAAsB,EACtB,0BAA0B,EAC1B,+BAA+B,EAC/B,2BAA2B,EAC3B,2BAA2B,EAC3B,wCAAwC,EACxC,oCAAoC,EACpC,uBAAuB,EACvB,iBAAiB,GAAG,KAAK,EACzB,cAAc,GAAG,KAAK,EACtB,cAAc,EACd,eAAe,EACf,aAAa,GAAG,IAAI,EACpB,cAAc,GAAG,IAAI,EACrB,gBAAgB,GAAG,UAAU,EAC7B,UAAU,GAAG,KAAK,EAClB,QAAQ,EACR,WAAW,GAAG,EAAE,EAChB,iBAAiB,GAAG,EAAE,EACtB,WAAW,EACX,YAAY,EACZ,aAAa,EACb,OAAO,EACP,QAAQ,EACR,oBAAoB,EACpB,QAAQ,EACR,OAAO,EACP,OAAO,EACP,MAAM,EACN,KAAK,GAAG,EAAE,EACV,UAAU,EACV,SAAS,EACT,sBAAsB,GAAG,iBAAiB,EAC1C,QAAQ,EACR,GAAG,SAAS,EACW,EAAE,EAAE;IAC3B,MAAM,QAAQ,GACb,QAAQ,EAAE,QAAQ,IAAI,QAAQ,CAAC,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC;IAC7E,MAAM,aAAa,GAAG,QAAQ,EAAE,UAAU,IAAI,YAAY,CAAC;IAC3D,MAAM,QAAQ,GAAG,QAAQ,EAAE,KAAK,IAAI,MAAM,CAAC;IAE3C,OAAO,CACN,6BACC,SAAS,EAAE,6BAA6B,CACvC,EAAE,WAAW,EAAE,iBAAiB,EAAE,sBAAsB,EAAE,EAC1D,SAAS,CACT;QAED,6BAAK,SAAS,EAAC,qCAAqC;YAClD,UAAU,IAAI,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,CACpC,oBAAC,OAAO,IACP,UAAU,EAAE,aAAa,EACzB,KAAK,EAAE,QAAQ,EACf,WAAW,EAAE,QAAQ,EAAE,WAAW,IAAI,SAAS,EAC/C,cAAc,EAAE,QAAQ,EAAE,cAAc,IAEvC,QAAQ,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,KAAK,EAAE,EAAE;gBAChC,OAAO,CACN,oBAAC,WAAW,IACX,GAAG,EAAE,GAAG,OAAO,EAAE,MAAM,IAAI,KAAK,EAAE,KAC9B,OAAO,EACX,MAAM,EAAE,OAAO,EAAE,MAAM,IAAI,GAAG,KAAK,GAAG,CAAC,EAAE,GACxC,CACF,CAAC;YACH,CAAC,CAAC,CACO,CACV,CAAC,CAAC,CAAC,SAAS;YACZ,QAAQ,IAAI,gBAAgB,KAAK,UAAU,CAAC,CAAC,CAAC,CAC9C,6BAAK,SAAS,EAAC,wCAAwC,IACrD,QAAQ,CACJ,CACN,CAAC,CAAC,CAAC,SAAS;YACZ,aAAa,CAAC,CAAC,CAAC,CAChB,oBAAC,aAAa,OACT,SAAS,EACb,IAAI,EAAC,SAAS,EACd,UAAU,EAAC,SAAS,EACpB,MAAM,EAAC,SAAS,EAChB,WAAW,EAAE,WAAW,EACxB,YAAY,EAAE,YAAY,EAC1B,aAAa,EAAE,aAAa,EAC5B,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,QAAQ,EAClB,oBAAoB,EAAE,oBAAoB,EAC1C,QAAQ,EAAE,QAAQ,EAClB,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,cAAc,EACxB,UAAU,EAAE,UAAU,GACrB,CACF,CAAC,CAAC,CAAC,SAAS;YACZ,cAAc,CAAC,CAAC,CAAC,CACjB,oBAAC,aAAa,IACb,WAAW,EAAE,WAAW,EACxB,oBAAoB,EAAE,oBAAoB,EAC1C,qBAAqB,EAAE,qBAAqB,EAC5C,sBAAsB,EAAE,sBAAsB,EAC9C,+BAA+B,EAAE,+BAA+B,EAChE,cAAc,EAAE,cAAc,EAC9B,gBAAgB,EAAE,gBAAgB,EAClC,UAAU,EAAE,UAAU,EACtB,0BAA0B,EAAE,0BAA0B,EACtD,sBAAsB,EAAE,sBAAsB,EAC9C,0BAA0B,EAAE,0BAA0B;gBACtD,wDAAwD;gBACxD,+BAA+B,EAAE,+BAA+B;gBAChE,wDAAwD;gBACxD,2BAA2B,EAAE,2BAA2B,EACxD,2BAA2B,EAAE,2BAA2B,EACxD,wCAAwC,EACvC,wCAAwC,EAEzC,oCAAoC,EACnC,oCAAoC,EAErC,uBAAuB,EAAE,uBAAuB,EAChD,QAAQ,EAAE,iBAAiB,EAC3B,cAAc,EAAE,cAAc,EAC9B,eAAe,EAAE,eAAe,GAC/B,CACF,CAAC,CAAC,CAAC,SAAS;YACZ,QAAQ,IAAI,gBAAgB,KAAK,aAAa,CAAC,CAAC,CAAC,CACjD,6BAAK,SAAS,EAAC,wCAAwC,IACrD,QAAQ,CACJ,CACN,CAAC,CAAC,CAAC,SAAS,CACR,CACD,CACN,CAAC;AACH,CAAC,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React, { MouseEvent, type ComponentPropsWithoutRef, type ReactNode } from 'react';
|
|
2
|
+
import { GidsDialogControlWebProps } from '@ganpatiinfo/gids-web-shared';
|
|
3
|
+
import { IconAppearance, IconName } from '@ganpatiinfo/gids-web-theme-interface';
|
|
4
|
+
type GidsDialogControlBaseWebProps = GidsDialogControlWebProps<ReactNode | string, MouseEvent, IconName, IconAppearance> & Omit<ComponentPropsWithoutRef<'dialog'>, 'children'>;
|
|
5
|
+
export type GidsDialogControlProps = GidsDialogControlBaseWebProps;
|
|
6
|
+
export declare const GidsDialogControl: ({ variant, maxWidth, scrollMode, draggable, headerTitle, closeVisible, footerActions, headerDividerVisible, footerDividerVisible, onCloseDialogControl, onDialogControlFooterAction, children, className, }: GidsDialogControlProps) => React.JSX.Element;
|
|
7
|
+
export {};
|
|
8
|
+
//# sourceMappingURL=GidsDialogControl.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GidsDialogControl.d.ts","sourceRoot":"","sources":["../../../src/components/_GidsDialogControl/GidsDialogControl.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EACb,UAAU,EACV,KAAK,wBAAwB,EAC7B,KAAK,SAAS,EACd,MAAM,OAAO,CAAC;AACf,OAAO,EACN,yBAAyB,EAEzB,MAAM,8BAA8B,CAAC;AACtC,OAAO,EACN,cAAc,EACd,QAAQ,EACR,MAAM,uCAAuC,CAAC;AAQ/C,KAAK,6BAA6B,GAAG,yBAAyB,CAC7D,SAAS,GAAG,MAAM,EAClB,UAAU,EACV,QAAQ,EACR,cAAc,CACd,GACA,IAAI,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,UAAU,CAAC,CAAC;AAEtD,MAAM,MAAM,sBAAsB,GAAG,6BAA6B,CAAC;AAEnE,eAAO,MAAM,iBAAiB,GAAI,6MAc/B,sBAAsB,sBAoJxB,CAAC"}
|