npm - udp-react-enterprise-component-library - Versions diffs - 25.16.2-beta.2 → 25.16.2-beta.3 - Mend

udp-react-enterprise-component-library 25.16.2-beta.2 → 25.16.2-beta.3

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.

Files changed (389) hide show

package/dist/{templates-BQJBVScH.js.map → templates-BzHuN6Sp.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"templates-BQJBVScH.js","names":["useStyles","entity","searchObject","useStyles","useStyles","useStyles","useStyles","useStyles"],"sources":["../src/UI/templates/UdpGridTemplate.jsx","../src/UI/templates/SapFlexibleTemplate.jsx","../src/UI/templates/UdpCalendarWeekView.jsx","../src/UI/templates/UdpCalendar.jsx","../src/UI/templates/UdpCalendarDayView.jsx","../src/UI/templates/UdpCalendarYearView.jsx","../src/UI/templates/ToggleSection.jsx","../src/UI/templates/UdpCalendarMonthView.jsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport React, { forwardRef, useState } from 'react';\nimport { AmbientTemplateGrid } from 'udp-react-stencil-component-library';\nimport { ExportSidesheet } from '../../udp/export/ExportSidesheet';\nimport { useUdpExport } from '../../udp/export/useUdpExport';\n\nconst useStyles = makeStyles((theme) => ({\n root: {}\n}));\n\nexport const UdpGridTemplate = forwardRef((props, ref) => {\n const { children, ...otherProps } = props;\n const classes = useStyles(props);\n const { className } = props;\n\n const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);\n const {\n updateExportParameters,\n createExport,\n entity,\n searchObject,\n fileFormat,\n numRowsToExport,\n validSearch,\n errorList,\n activeExportJob,\n exportLoading,\n handleFileDownload,\n clearParameters\n } = useUdpExport();\n\n const exportFromGrid = (entity, searchObject) => {\n updateExportParameters(entity, searchObject);\n setExportSidesheetOpen(true);\n };\n\n const handleCloseExportSidesheet = () => {\n setExportSidesheetOpen(false);\n clearParameters();\n };\n\n return (\n <div className={clsx(classes.root, className)}>\n <AmbientTemplateGrid\n ref={ref}\n {...otherProps}\n exportFunction={exportFromGrid}\n />\n <ExportSidesheet\n entity={entity}\n searchObject={searchObject}\n fileFormat={fileFormat}\n numRowsToExport={numRowsToExport}\n errorList={errorList}\n activeExportJob={activeExportJob}\n handleFileDownload={handleFileDownload}\n exportSidesheetOpen={exportSidesheetOpen}\n handleCloseExportSidesheet={handleCloseExportSidesheet}\n createExport={createExport}\n exportLoading={exportLoading}\n validSearch={validSearch}\n />\n </div>\n );\n});\n\nUdpGridTemplate.displayName = 'UdpGridTemplate';\n","import React, { useState } from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton'\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons'\n\nexport const SapFlexibleTemplate = ({ left, center, right }) => {\n const [columns, setColumns] = useState({\n columnLeft: true,\n columnCenter: true,\n columnRight: true\n })\n\n const [columnPercent, setColumnPercent] = useState({\n columnLeft: '25%',\n columnCenter: '50%',\n columnRight: '25%'\n })\n\n const useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'row'\n },\n columnLeft: {\n display: 'flex',\n flex: columnPercent.columnLeft,\n height: '100vh'\n },\n columnCenter: {\n flex: columnPercent.columnCenter,\n height: '100vh'\n },\n columnRight: {\n display: 'flex',\n flex: columnPercent.columnRight,\n height: '100vh'\n },\n fillContent: {\n flex: 1\n }\n }))\n\n const classes = useStyles()\n\n const handleToggleColumn = (columnType) => {\n setColumns({ ...columns, columnCenter: !columns.columnCenter })\n\n if (columnType === 'columnLeft') {\n setColumnPercent({ ...columnPercent, columnLeft: '75%' })\n\n if (columnPercent.columnLeft === '75%') {\n setColumnPercent({ ...columnPercent, columnLeft: '25%' })\n }\n } else {\n setColumnPercent({ ...columnPercent, columnRight: '75%' })\n\n if (columnPercent.columnRight === '75%') {\n setColumnPercent({ ...columnPercent, columnRight: '25%' })\n }\n }\n }\n\n return (\n <div className={classes.root}>\n {columns.columnLeft && (\n <div className={classes.columnLeft}>\n <div className={classes.fillContent}>{left} </div>\n <div className={classes.toggle}>\n <FluentIconButton\n aria-label={\n columnPercent.columnLeft === '25%'\n ? 'Expand column'\n : 'Collapse column'\n }\n color='primary'\n icon={\n columnPercent.columnLeft === '25%'\n ? ChevronRightIcon\n : ChevronLeftIcon\n }\n onClick={() => handleToggleColumn('columnLeft')}\n />\n </div>\n </div>\n )}\n\n {columns.columnCenter && (\n <div className={classes.columnCenter}>\n <div> {center} </div>\n </div>\n )}\n\n {columns.columnRight && (\n <div className={classes.columnRight}>\n <div className={classes.toggle}>\n <FluentIconButton\n aria-label={\n columnPercent.columnRight === '25%'\n ? 'Expand column'\n : 'Collapse column'\n }\n color='primary'\n icon={\n columnPercent.columnRight === '25%'\n ? ChevronLeftIcon\n : ChevronRightIcon\n }\n onClick={() => handleToggleColumn('columnRight')}\n />\n </div>\n <div className={classes.fillContent}> {right} </div>\n </div>\n )}\n </div>\n )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarWeek } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n\n }\n}))\n\nexport const UdpCalendarWeekView = (props) => {\n const {\n className,\n ...otherProps\n } = props\n const classes = useStyles(props)\n\n return (\n <div className={clsx(classes.root, className)}>\n <UdpCalendarWeek props={otherProps} />\n </div>\n )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport { UdpCalendarMonth, UdpCalendarDay, UdpCalendarWeek, UdpCalendarYear } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n\n }\n\n}))\n\nexport const UdpCalendar = (props) => {\n const {\n initialView,\n className,\n ...otherProps\n } = props\n const classes = useStyles(props)\n\n const renderCalendarView = () => {\n switch (initialView) {\n case 'day':\n return <UdpCalendarDay props={otherProps} />;\n case 'week':\n return <UdpCalendarWeek props={otherProps} />;\n case 'month':\n return <UdpCalendarMonth props={otherProps} />;\n case 'year':\n return <UdpCalendarYear props={otherProps} />;\n default:\n return <UdpCalendarMonth props={otherProps} />;\n }\n }\n\n return (\n <div className={clsx(classes.root, className)}>\n {renderCalendarView()}\n </div>\n )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarDay } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n\n }\n}))\n\nexport const UdpCalendarDayView = (props) => {\n const {\n className,\n ...otherProps\n } = props\n const classes = useStyles(props)\n\n return (\n <div className={clsx(classes.root, className)}>\n <UdpCalendarDay props={otherProps} />\n </div>\n )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarYear } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n\n }\n}))\n\nexport const UdpCalendarYearView = (props) => {\n const {\n className,\n ...otherProps\n } = props\n const classes = useStyles(props)\n\n return (\n <div className={clsx(classes.root, className)}>\n <UdpCalendarYear props={otherProps} />\n </div>\n )\n}\n","import React from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { ExtenderToggle } from './ui/ExtenderToggle';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%'\n },\n container: {\n padding: (props) => (props.open ? theme.spacing(1) : theme.spacing(0.25)),\n parddingRight: theme.spacing(1),\n parddingleft: theme.spacing(1),\n background: (props) => props.color\n },\n lowerShelf: {\n display: 'flex'\n },\n shelfOptions: {\n flex: 1,\n width: '100%'\n }\n}));\n\nexport const ToggleSection = (props) => {\n const classes = useStyles(props);\n const { children, onClick, sectionOpen, options, toggleLabel, color } = props;\n\n return (\n <div className={classes.root}>\n <div className={classes.container}> {children} </div>\n\n <div className={classes.lowerShelf}>\n <div className={classes.shelfOptions}>{options}</div>\n <div>\n <ExtenderToggle\n onClick={onClick}\n open={sectionOpen}\n toggleLabel={toggleLabel}\n color={color}\n />\n </div>\n </div>\n </div>\n );\n};\nToggleSection.propTypes = {\n /*\n Contents of container\n /\n children: PropTypes.node,\n /\n Function to trigger panel to open and close\n /\n onClick: PropTypes.func,\n /\n State, if true, will cause panel to open. If false, the panel is closed.\n /\n sectionOpen: PropTypes.bool,\n /\n Shelf below drawer that fills the space left by the toggle button.\n * Can be used to add things like additional toggles, other buttons,\n * stats, etc.\n /\n options: PropTypes.node,\n /\n The label that appears on the toggle tab.\n /\n toggleLabel: PropTypes.node,\n /\n The color of the background section and toggle.\n */\n color: PropTypes.string\n};\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarMonth } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n\n }\n}))\n\nexport const UdpCalendarMonthView = (props) => {\n const {\n className,\n ...otherProps\n } = props\n const classes = useStyles(props)\n\n return (\n <div className={clsx(classes.root, className)}>\n <UdpCalendarMonth props={otherProps} />\n </div>\n )\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"templates-BzHuN6Sp.js","names":["useStyles","entity","searchObject","useStyles","useStyles","useStyles","useStyles","useStyles"],"sources":["../src/UI/templates/UdpGridTemplate.jsx","../src/UI/templates/SapFlexibleTemplate.jsx","../src/UI/templates/UdpCalendarWeekView.jsx","../src/UI/templates/UdpCalendar.jsx","../src/UI/templates/UdpCalendarDayView.jsx","../src/UI/templates/UdpCalendarYearView.jsx","../src/UI/templates/ToggleSection.jsx","../src/UI/templates/UdpCalendarMonthView.jsx"],"sourcesContent":["import { makeStyles } from '@material-ui/core';\nimport clsx from 'clsx';\nimport React, { forwardRef, useState } from 'react';\nimport { AmbientTemplateGrid } from 'udp-react-stencil-component-library';\nimport { ExportSidesheet } from '../../udp/export/ExportSidesheet';\nimport { useUdpExport } from '../../udp/export/useUdpExport';\n\nconst useStyles = makeStyles((theme) => ({\n root: {}\n}));\n\nexport const UdpGridTemplate = forwardRef((props, ref) => {\n const { children, ...otherProps } = props;\n const classes = useStyles(props);\n const { className } = props;\n\n const [exportSidesheetOpen, setExportSidesheetOpen] = useState(false);\n const {\n updateExportParameters,\n createExport,\n entity,\n searchObject,\n fileFormat,\n numRowsToExport,\n validSearch,\n errorList,\n activeExportJob,\n exportLoading,\n handleFileDownload,\n clearParameters\n } = useUdpExport();\n\n const exportFromGrid = (entity, searchObject) => {\n updateExportParameters(entity, searchObject);\n setExportSidesheetOpen(true);\n };\n\n const handleCloseExportSidesheet = () => {\n setExportSidesheetOpen(false);\n clearParameters();\n };\n\n return (\n <div className={clsx(classes.root, className)}>\n <AmbientTemplateGrid\n ref={ref}\n {...otherProps}\n exportFunction={exportFromGrid}\n />\n <ExportSidesheet\n entity={entity}\n searchObject={searchObject}\n fileFormat={fileFormat}\n numRowsToExport={numRowsToExport}\n errorList={errorList}\n activeExportJob={activeExportJob}\n handleFileDownload={handleFileDownload}\n exportSidesheetOpen={exportSidesheetOpen}\n handleCloseExportSidesheet={handleCloseExportSidesheet}\n createExport={createExport}\n exportLoading={exportLoading}\n validSearch={validSearch}\n />\n </div>\n );\n});\n\nUdpGridTemplate.displayName = 'UdpGridTemplate';\n","import React, { useState } from 'react'\nimport { makeStyles } from '@material-ui/core'\nimport { FluentIconButton } from '../inputs/buttons/FluentIconButton'\nimport { ChevronRightIcon, ChevronLeftIcon } from '@fluentui/react-icons'\n\nexport const SapFlexibleTemplate = ({ left, center, right }) => {\n const [columns, setColumns] = useState({\n columnLeft: true,\n columnCenter: true,\n columnRight: true\n })\n\n const [columnPercent, setColumnPercent] = useState({\n columnLeft: '25%',\n columnCenter: '50%',\n columnRight: '25%'\n })\n\n const useStyles = makeStyles((theme) => ({\n root: {\n display: 'flex',\n flexDirection: 'row'\n },\n columnLeft: {\n display: 'flex',\n flex: columnPercent.columnLeft,\n height: '100vh'\n },\n columnCenter: {\n flex: columnPercent.columnCenter,\n height: '100vh'\n },\n columnRight: {\n display: 'flex',\n flex: columnPercent.columnRight,\n height: '100vh'\n },\n fillContent: {\n flex: 1\n }\n }))\n\n const classes = useStyles()\n\n const handleToggleColumn = (columnType) => {\n setColumns({ ...columns, columnCenter: !columns.columnCenter })\n\n if (columnType === 'columnLeft') {\n setColumnPercent({ ...columnPercent, columnLeft: '75%' })\n\n if (columnPercent.columnLeft === '75%') {\n setColumnPercent({ ...columnPercent, columnLeft: '25%' })\n }\n } else {\n setColumnPercent({ ...columnPercent, columnRight: '75%' })\n\n if (columnPercent.columnRight === '75%') {\n setColumnPercent({ ...columnPercent, columnRight: '25%' })\n }\n }\n }\n\n return (\n <div className={classes.root}>\n {columns.columnLeft && (\n <div className={classes.columnLeft}>\n <div className={classes.fillContent}>{left} </div>\n <div className={classes.toggle}>\n <FluentIconButton\n aria-label={\n columnPercent.columnLeft === '25%'\n ? 'Expand column'\n : 'Collapse column'\n }\n color='primary'\n icon={\n columnPercent.columnLeft === '25%'\n ? ChevronRightIcon\n : ChevronLeftIcon\n }\n onClick={() => handleToggleColumn('columnLeft')}\n />\n </div>\n </div>\n )}\n\n {columns.columnCenter && (\n <div className={classes.columnCenter}>\n <div> {center} </div>\n </div>\n )}\n\n {columns.columnRight && (\n <div className={classes.columnRight}>\n <div className={classes.toggle}>\n <FluentIconButton\n aria-label={\n columnPercent.columnRight === '25%'\n ? 'Expand column'\n : 'Collapse column'\n }\n color='primary'\n icon={\n columnPercent.columnRight === '25%'\n ? ChevronLeftIcon\n : ChevronRightIcon\n }\n onClick={() => handleToggleColumn('columnRight')}\n />\n </div>\n <div className={classes.fillContent}> {right} </div>\n </div>\n )}\n </div>\n )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarWeek } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n\n }\n}))\n\nexport const UdpCalendarWeekView = (props) => {\n const {\n className,\n ...otherProps\n } = props\n const classes = useStyles(props)\n\n return (\n <div className={clsx(classes.root, className)}>\n <UdpCalendarWeek props={otherProps} />\n </div>\n )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport { UdpCalendarMonth, UdpCalendarDay, UdpCalendarWeek, UdpCalendarYear } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n\n }\n\n}))\n\nexport const UdpCalendar = (props) => {\n const {\n initialView,\n className,\n ...otherProps\n } = props\n const classes = useStyles(props)\n\n const renderCalendarView = () => {\n switch (initialView) {\n case 'day':\n return <UdpCalendarDay props={otherProps} />;\n case 'week':\n return <UdpCalendarWeek props={otherProps} />;\n case 'month':\n return <UdpCalendarMonth props={otherProps} />;\n case 'year':\n return <UdpCalendarYear props={otherProps} />;\n default:\n return <UdpCalendarMonth props={otherProps} />;\n }\n }\n\n return (\n <div className={clsx(classes.root, className)}>\n {renderCalendarView()}\n </div>\n )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarDay } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n\n }\n}))\n\nexport const UdpCalendarDayView = (props) => {\n const {\n className,\n ...otherProps\n } = props\n const classes = useStyles(props)\n\n return (\n <div className={clsx(classes.root, className)}>\n <UdpCalendarDay props={otherProps} />\n </div>\n )\n}\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarYear } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n\n }\n}))\n\nexport const UdpCalendarYearView = (props) => {\n const {\n className,\n ...otherProps\n } = props\n const classes = useStyles(props)\n\n return (\n <div className={clsx(classes.root, className)}>\n <UdpCalendarYear props={otherProps} />\n </div>\n )\n}\n","import React from 'react';\nimport { makeStyles, useTheme } from '@material-ui/core';\nimport { ExtenderToggle } from './ui/ExtenderToggle';\nimport PropTypes from 'prop-types';\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n width: '100%'\n },\n container: {\n padding: (props) => (props.open ? theme.spacing(1) : theme.spacing(0.25)),\n parddingRight: theme.spacing(1),\n parddingleft: theme.spacing(1),\n background: (props) => props.color\n },\n lowerShelf: {\n display: 'flex'\n },\n shelfOptions: {\n flex: 1,\n width: '100%'\n }\n}));\n\nexport const ToggleSection = (props) => {\n const classes = useStyles(props);\n const { children, onClick, sectionOpen, options, toggleLabel, color } = props;\n\n return (\n <div className={classes.root}>\n <div className={classes.container}> {children} </div>\n\n <div className={classes.lowerShelf}>\n <div className={classes.shelfOptions}>{options}</div>\n <div>\n <ExtenderToggle\n onClick={onClick}\n open={sectionOpen}\n toggleLabel={toggleLabel}\n color={color}\n />\n </div>\n </div>\n </div>\n );\n};\nToggleSection.propTypes = {\n /*\n Contents of container\n /\n children: PropTypes.node,\n /\n Function to trigger panel to open and close\n /\n onClick: PropTypes.func,\n /\n State, if true, will cause panel to open. If false, the panel is closed.\n /\n sectionOpen: PropTypes.bool,\n /\n Shelf below drawer that fills the space left by the toggle button.\n * Can be used to add things like additional toggles, other buttons,\n * stats, etc.\n /\n options: PropTypes.node,\n /\n The label that appears on the toggle tab.\n /\n toggleLabel: PropTypes.node,\n /\n The color of the background section and toggle.\n */\n color: PropTypes.string\n};\n","import React from 'react'\nimport { makeStyles, Typography } from '@material-ui/core';\nimport clsx from 'clsx'\nimport {UdpCalendarMonth } from 'udp-react-stencil-component-library'\n\nconst useStyles = makeStyles((theme) => ({\n root: {\n\n }\n}))\n\nexport const UdpCalendarMonthView = (props) => {\n const {\n className,\n ...otherProps\n } = props\n const classes = useStyles(props)\n\n return (\n <div className={clsx(classes.root, className)}>\n <UdpCalendarMonth props={otherProps} />\n </div>\n )\n}\n"],"mappings":"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"}

package/dist/treeMenu/index.js CHANGED Viewed

@@ -18,6 +18,6 @@ import "../methodUtils-DwkBQ6fj.js";
 import "../NumberOperator-B9Z8RVLl.js";
 import "../aggregateUtils-DfJ1Vlr6.js";
 import "../AggregateChip-BNtU9tx9.js";
-import { n as BaseTreeMenuItem, t as BaseTreeMenu } from "../BaseTreeMenu-DkcHI-BC.js";
+import { n as BaseTreeMenuItem, t as BaseTreeMenu } from "../BaseTreeMenu-CN_g4GEm.js";
 export { BaseTreeMenu, BaseTreeMenuItem };

package/dist/types/maintenanceEngine/tableBrowser/TableColumnDefs.d.ts CHANGED Viewed

@@ -5,7 +5,6 @@ export declare const TableColumnDefs: (actionList: any) => ({
     wrapText: boolean;
     autoHeight: boolean;
     sortable: boolean;
-    filter?: undefined;
     pinned?: undefined;
     cellRenderer?: undefined;
     // minWidth: 50,
@@ -14,6 +13,7 @@ export declare const TableColumnDefs: (actionList: any) => ({
     maxWidth?: undefined;
     suppressMenu?: undefined;
     cellStyle?: undefined;
+    filter?: undefined;
 } | {
     field?: undefined;
     wrapText?: undefined;