@zydon/common 2.7.76 → 2.7.78

package/dist/chunk-U7SYDDK7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/DataView/index.tsx","../src/components/DataView/contants.ts","../src/components/DataView/Toolbar.tsx"],"names":["Children","cloneElement","isValidElement","useState","Button","CircularProgress","Divider","Stack","Typography","DATAGRID_ACTIONS","forwardRef","useCallback","GridToolbarColumnsButton","jsx","ColumnsButton","children","props","ref","Icon_default","Toolbar","setFilterButtonEl","handleColumnsButtonRef","button","Portal_default","Toolbar_default","Fragment","jsxs","enhanceMoreActions","onClose","child","originalOnClick","enhancedProps","args","DataView","title","headerContent","breakpoint","columns","rows","mobileRender","rowCount","paginationModel","onPaginationChange","actions","moreActions","onAdd","onSearch","searchValue","onSearchChange","slots","slotProps","loading","fetching","containerProps","hideFooter","hideHeader","showColumnButton","others","popover","usePopover_default","isMobile","useResponsive_default","filterButtonEl","showSearch","showAdd","showActions","showMoreActions","showHeaderMoreActions","showTopbarMoreActions","showActionsContainer","showTopbar","dataGridSlots","DesktopPaginationContainer","Pagination_default","newPage","newRowsPerPage","Container","Header","ActionsContainer","ActionsDivider","Topbar","ToolbarActionsDivider","MenuPopover_default","SearchContainer","SearchInput_default","Result_default","FixedProgressBar_default","Scrollbar_default","row","MobilePaginationContainer","DataGrid_default","DataView_default"],"mappings":"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","sourcesContent":["import {\n  Children,\n  cloneElement,\n  isValidElement,\n  ReactElement,\n  ReactNode,\n  useState,\n} from 'react';\nimport Button from '@mui/material/Button';\nimport CircularProgress from '@mui/material/CircularProgress';\nimport Divider from '@mui/material/Divider';\nimport Stack from '@mui/material/Stack';\nimport Typography from '@mui/material/Typography';\nimport { GridSlotsComponentsProps } from '@mui/x-data-grid-premium';\n\nimport DataGrid from 'components/DataGrid';\nimport FixedProgressBar from 'components/FixedProgressBar';\nimport Icon from 'components/Icon';\nimport MenuPopover from 'components/MenuPopover';\nimport Result from 'components/Result';\nimport Scrollbar from 'components/Scrollbar';\nimport SearchInput from 'components/SearchInput';\nimport usePopover from 'hooks/usePopover';\nimport useResponsive from 'hooks/useResponsive';\n\nimport { DATAGRID_ACTIONS } from './contants';\nimport Pagination from './Pagination';\nimport { DataGridSlotsProps, DataViewProps } from './props';\nimport {\n  ActionsContainer,\n  ActionsDivider,\n  Container,\n  DesktopPaginationContainer,\n  Header,\n  MobilePaginationContainer,\n  SearchContainer,\n  ToolbarActionsDivider,\n  Topbar,\n} from './styles';\nimport Toolbar from './Toolbar';\n\nconst enhanceMoreActions = (\n  children: ReactNode,\n  onClose: () => void,\n): ReactNode => {\n  return Children.map(children, child => {\n    if (!isValidElement(child)) {\n      return child;\n    }\n\n    const originalOnClick = (\n      child.props as { onClick?: (...args: unknown[]) => void }\n    ).onClick;\n\n    const enhancedProps: {\n      onClick?: (...args: unknown[]) => void;\n      children?: ReactNode;\n    } = {};\n\n    enhancedProps.onClick = (...args: unknown[]) => {\n      onClose();\n      if (originalOnClick) {\n        originalOnClick(...args);\n      }\n    };\n\n    if (child.props?.children) {\n      enhancedProps.children = enhanceMoreActions(\n        child.props.children as ReactNode,\n        onClose,\n      );\n    }\n\n    return cloneElement(child as ReactElement, enhancedProps);\n  });\n};\n\nconst DataView = ({\n  title,\n  headerContent,\n  breakpoint = 'md',\n  columns,\n  rows = [],\n  mobileRender,\n  rowCount = 0,\n  paginationModel = { page: 0, pageSize: 25 },\n  onPaginationChange,\n  actions,\n  moreActions,\n  onAdd,\n  onSearch,\n  searchValue,\n  onSearchChange,\n  slots,\n  slotProps,\n  loading,\n  fetching,\n  containerProps = { height: 562, maxHeight: 562 },\n  hideFooter,\n  hideHeader = false,\n  showColumnButton = false,\n  ...others\n}: DataViewProps) => {\n  const popover = usePopover();\n  const isMobile = useResponsive('down', breakpoint);\n  const [filterButtonEl, setFilterButtonEl] =\n    useState<HTMLButtonElement | null>(null);\n\n  const showSearch = !!onSearch;\n  const showAdd = !!onAdd;\n  const showActions = !!actions;\n  const showMoreActions = !!moreActions;\n  const showHeaderMoreActions = isMobile && showMoreActions;\n  const showTopbarMoreActions = !isMobile && showMoreActions;\n  const showActionsContainer = showActions || showAdd || showHeaderMoreActions;\n  const showTopbar =\n    showTopbarMoreActions || showSearch || showColumnButton || !isMobile;\n\n  const renderDesktopFooter = (): ReactNode => (\n    <DesktopPaginationContainer>\n      <Stack direction=\"row\" alignItems=\"center\" gap={0.5}>\n        <Typography variant=\"body2\" color=\"text.disabled\">\n          Total de itens:\n        </Typography>\n        <Typography variant=\"body2\">{rowCount}</Typography>\n      </Stack>\n\n      <Pagination\n        count={rowCount}\n        page={paginationModel.page}\n        rowsPerPage={paginationModel.pageSize}\n        onPageChange={newPage =>\n          onPaginationChange(newPage, paginationModel.pageSize)\n        }\n        onRowsPerPageChange={newRowsPerPage =>\n          onPaginationChange(paginationModel.page, newRowsPerPage)\n        }\n      />\n    </DesktopPaginationContainer>\n  );\n\n  const dataGridSlots: DataGridSlotsProps = {\n    ...slots,\n    footer: renderDesktopFooter as unknown as DataGridSlotsProps['footer'],\n  };\n\n  if (showColumnButton && !dataGridSlots.toolbar) {\n    dataGridSlots.toolbar = Toolbar as unknown as DataGridSlotsProps['toolbar'];\n  }\n\n  return (\n    <Container\n      key={loading ? 'loading' : 'data'}\n      breakpoint={breakpoint}\n      {...containerProps}\n      flex={loading ? 1 : undefined}\n      minHeight={!loading && rows.length === 0 ? 562 : undefined}\n    >\n      {!hideHeader && (\n        <>\n          <Header breakpoint={breakpoint}>\n            <Typography variant=\"overline\" color=\"text.secondary\" noWrap>\n              {title}\n            </Typography>\n\n            {showActionsContainer && (\n              <ActionsContainer breakpoint={breakpoint}>\n                {showActions && actions}\n\n                {showAdd && (\n                  <>\n                    {showActions && (\n                      <ActionsDivider orientation=\"vertical\" flexItem />\n                    )}\n\n                    <Button\n                      startIcon={<Icon icon=\"SIMPLE_ADD\" />}\n                      variant=\"contained\"\n                      onClick={onAdd}\n                    >\n                      Adicionar\n                    </Button>\n                  </>\n                )}\n\n                {showHeaderMoreActions && (\n                  <>\n                    {(showActions || showAdd) && (\n                      <ActionsDivider orientation=\"vertical\" flexItem />\n                    )}\n\n                    <Button\n                      color=\"inherit\"\n                      startIcon={<Icon icon=\"MORE_BOLD\" />}\n                      size=\"small\"\n                      onClick={popover.onOpen}\n                    >\n                      Mais\n                    </Button>\n                  </>\n                )}\n              </ActionsContainer>\n            )}\n          </Header>\n\n          {showTopbar && (\n            <Topbar breakpoint={breakpoint}>\n              <Stack\n                flex={1}\n                direction=\"row\"\n                alignItems=\"center\"\n                id={DATAGRID_ACTIONS}\n                gap={0.5}\n              >\n                {showMoreActions && (\n                  <>\n                    {showTopbarMoreActions && (\n                      <>\n                        <Button\n                          color=\"inherit\"\n                          startIcon={<Icon icon=\"MORE_BOLD\" />}\n                          size=\"small\"\n                          onClick={popover.onOpen}\n                        >\n                          Mais\n                        </Button>\n\n                        {!isMobile && (\n                          <ToolbarActionsDivider\n                            orientation=\"vertical\"\n                            flexItem\n                          />\n                        )}\n                      </>\n                    )}\n\n                    {(showTopbarMoreActions || showHeaderMoreActions) && (\n                      <MenuPopover\n                        open={popover.open}\n                        anchorEl={popover.open}\n                        onClose={popover.onClose}\n                        sx={{\n                          minWidth: 160,\n                        }}\n                        disabledArrow={true}\n                      >\n                        {moreActions\n                          ? enhanceMoreActions(moreActions, popover.onClose)\n                          : null}\n                      </MenuPopover>\n                    )}\n                  </>\n                )}\n              </Stack>\n\n              {showSearch && (\n                <SearchContainer breakpoint={breakpoint}>\n                  <SearchInput\n                    value={searchValue}\n                    placeholder=\"Buscar\"\n                    onSearch={onSearch}\n                    onChange={e => onSearchChange?.(e.target.value)}\n                    size=\"small\"\n                    fullWidth\n                    iconPosition=\"start\"\n                  />\n                </SearchContainer>\n              )}\n            </Topbar>\n          )}\n        </>\n      )}\n\n      {!showTopbar && !hideHeader && <Divider sx={{ mt: 2 }} />}\n\n      {headerContent && headerContent}\n\n      {isMobile ? (\n        <Result\n          isFetching={fetching}\n          fetching={<FixedProgressBar />}\n          isLoading={loading}\n          loading={<CircularProgress sx={{ m: '160px auto' }} />}\n          isEmpty={rows.length === 0}\n          empty={\n            <Stack flex={1} alignItems=\"center\" justifyContent=\"center\">\n              {slots?.noRowsOverlay ? (\n                <slots.noRowsOverlay />\n              ) : (\n                <Typography variant=\"body2\" color=\"text.secondary\">\n                  Nenhum registro encontrado\n                </Typography>\n              )}\n            </Stack>\n          }\n        >\n          <Scrollbar fillContent>\n            {rows.map(row => mobileRender(row))}\n          </Scrollbar>\n\n          {!hideFooter && (\n            <MobilePaginationContainer>\n              <Pagination\n                count={rowCount}\n                page={paginationModel.page}\n                rowsPerPage={paginationModel.pageSize}\n                onPageChange={newPage =>\n                  onPaginationChange(newPage, paginationModel.pageSize)\n                }\n                onRowsPerPageChange={newRowsPerPage =>\n                  onPaginationChange(paginationModel.page, newRowsPerPage)\n                }\n              />\n            </MobilePaginationContainer>\n          )}\n        </Result>\n      ) : (\n        <DataGrid\n          columns={columns}\n          rows={rows}\n          slots={dataGridSlots}\n          slotProps={{\n            panel: { anchorEl: filterButtonEl },\n            toolbar: {\n              setFilterButtonEl,\n              showQuickFilter: true,\n            } as unknown as GridSlotsComponentsProps['toolbar'],\n            ...slotProps,\n          }}\n          columnHeaderHeight={48}\n          getRowHeight={() => 68}\n          loading={loading}\n          fetching={fetching}\n          hideFooter={hideFooter}\n          {...others}\n        />\n      )}\n    </Container>\n  );\n};\n\nexport default DataView;\nexport {\n  ActionsContainer,\n  ActionsDivider,\n  Container,\n  DesktopPaginationContainer,\n  Header,\n  MobilePaginationContainer,\n  SearchContainer,\n  Toolbar,\n  ToolbarActionsDivider,\n  Topbar,\n};\n","export const DATAGRID_ACTIONS = 'datagrid-actions';\n","import { forwardRef, useCallback } from 'react';\nimport Button, { ButtonProps } from '@mui/material/Button';\nimport { GridToolbarColumnsButton } from '@mui/x-data-grid-premium';\n\nimport Icon from 'components/Icon';\nimport Portal from 'components/Portal';\n\nimport { DATAGRID_ACTIONS } from './contants';\nimport { ToolbarProps } from './props';\n\nconst ColumnsButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ children, ...props }, ref) => (\n    <Button\n      {...props}\n      ref={ref}\n      color=\"inherit\"\n      startIcon={<Icon icon=\"COLUMNS\" />}\n    >\n      {children ?? 'Colunas'}\n    </Button>\n  ),\n);\n\nColumnsButton.displayName = 'ColumnsButton';\n\nconst Toolbar = ({ setFilterButtonEl }: ToolbarProps) => {\n  const handleColumnsButtonRef = useCallback(\n    (button: HTMLButtonElement | null) => {\n      setFilterButtonEl(button);\n    },\n    [setFilterButtonEl],\n  );\n\n  return (\n    <Portal container={DATAGRID_ACTIONS}>\n      <GridToolbarColumnsButton\n        ref={handleColumnsButtonRef}\n        slotProps={{\n          button: {\n            color: 'inherit',\n            startIcon: <Icon icon=\"COLUMNS\" />,\n            children: 'Colunas',\n          },\n        }}\n      />\n    </Portal>\n  );\n};\n\nexport default Toolbar;\n"]}

package/dist/{index-c8f1e6e7.d.ts → index-5a5e5dc8.d.ts}

@@ -286,13 +286,10 @@ declare const components: {
     MuiTimelineDot: {
         defaultProps?: Partial<_mui_lab_TimelineDot.TimelineDotProps> | undefined;
         styleOverrides?: Partial<_mui_material_styles_overrides.OverridesStyleRules<keyof _mui_lab_TimelineDot.TimelineDotClasses, "MuiTimelineDot", {
-            cssVarPrefix: string;
-            zIndex: _mui_material.ZIndex;
-            direction: _mui_system.Direction;
-            opacity: _mui_material.Opacity;
-            typography: _mui_material.TypographyVariants;
+            transitions: _mui_material.Transitions;
             palette: _mui_material.Palette;
             colorSchemes: Record<_mui_material.SupportedColorScheme, _mui_material.ColorSystem>;
+            cssVarPrefix: string;
             vars: _mui_material.ThemeVars;
             getCssVar: (field: _mui_material.ThemeCssVar, ...vars: _mui_material.ThemeCssVar[]) => string;
             getColorSchemeSelector: (colorScheme: _mui_material.SupportedColorScheme) => string;
@@ -303,13 +300,16 @@ declare const components: {
             spacing: _mui_system.Spacing;
             breakpoints: _mui_system.Breakpoints;
             shape: _mui_system.Shape;
-            transitions: _mui_material.Transitions;
+            typography: _mui_material.TypographyVariants;
             shadows: _mui_material.Shadows;
             mixins: _mui_material.Mixins;
+            zIndex: _mui_material.ZIndex;
+            direction: _mui_system.Direction;
             shouldSkipGeneratingVar: (keys: string[], value: string | number) => boolean;
             unstable_sxConfig: _mui_system.SxConfig;
             unstable_sx: (props: _mui_system.SxProps<_mui_material.Theme>) => _mui_styled_engine.CSSObject;
             applyStyles: _mui_system.ApplyStyles<"light" | "dark">;
+            opacity: _mui_material.Opacity;
             overlays: _mui_material.Overlays;
             customShadows: CustomShadows;
             unstable_strictMode?: boolean | undefined;
@@ -326,13 +326,10 @@ declare const components: {
     MuiTimelineConnector: {
         defaultProps?: Partial<_mui_lab_TimelineConnector.TimelineConnectorProps> | undefined;
         styleOverrides?: Partial<_mui_material_styles_overrides.OverridesStyleRules<"root", "MuiTimelineConnector", {
-            cssVarPrefix: string;
-            zIndex: _mui_material.ZIndex;
-            direction: _mui_system.Direction;
-            opacity: _mui_material.Opacity;
-            typography: _mui_material.TypographyVariants;
+            transitions: _mui_material.Transitions;
             palette: _mui_material.Palette;
             colorSchemes: Record<_mui_material.SupportedColorScheme, _mui_material.ColorSystem>;
+            cssVarPrefix: string;
             vars: _mui_material.ThemeVars;
             getCssVar: (field: _mui_material.ThemeCssVar, ...vars: _mui_material.ThemeCssVar[]) => string;
             getColorSchemeSelector: (colorScheme: _mui_material.SupportedColorScheme) => string;
@@ -343,13 +340,16 @@ declare const components: {
             spacing: _mui_system.Spacing;
             breakpoints: _mui_system.Breakpoints;
             shape: _mui_system.Shape;
-            transitions: _mui_material.Transitions;
+            typography: _mui_material.TypographyVariants;
             shadows: _mui_material.Shadows;
             mixins: _mui_material.Mixins;
+            zIndex: _mui_material.ZIndex;
+            direction: _mui_system.Direction;
             shouldSkipGeneratingVar: (keys: string[], value: string | number) => boolean;
             unstable_sxConfig: _mui_system.SxConfig;
             unstable_sx: (props: _mui_system.SxProps<_mui_material.Theme>) => _mui_styled_engine.CSSObject;
             applyStyles: _mui_system.ApplyStyles<"light" | "dark">;
+            opacity: _mui_material.Opacity;
             overlays: _mui_material.Overlays;
             customShadows: CustomShadows;
             unstable_strictMode?: boolean | undefined;