npm - @limetech/lime-elements - Versions diffs - 37.65.7 → 37.65.8 - Mend

@limetech/lime-elements 37.65.7 → 37.65.8

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 (11) hide show

package/dist/collection/components/form/templates/grid-layout.js CHANGED Viewed

@@ -30,6 +30,9 @@ export class GridLayout extends React.Component {
   handleResize() {
     requestAnimationFrame(() => {
       const element = this.elementRef.current;
+      if (!element) {
+        return;
+      }
       const width = element.getBoundingClientRect().width;
       const maxColumns = Math.min(MAX_COLUMNS, Math.max(1, Math.floor(width / (MAX_COLUMN_WIDTH * PX_PER_REM))));
       const columns = this.getColumnCount(maxColumns);

package/dist/collection/components/form/templates/grid-layout.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"grid-layout.js","sourceRoot":"","sources":["../../../../src/components/form/templates/grid-layout.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { FormLayoutOptions, GridLayoutOptions } from '../form.types';\n\nconst MAX_COLUMNS = 5;\nconst MAX_COLUMN_WIDTH = 15;\nconst PX_PER_REM = 16;\nconst COLUMN_COUNT = '--number-of-columns';\n\nexport class GridLayout extends React.Component<LayoutProps, LayoutState> {\n private elementRef: React.RefObject<HTMLElement>;\n private observer: ResizeObserver;\n\n constructor(public props: LayoutProps) {\n super(props);\n\n this.handleResize = this.handleResize.bind(this);\n\n this.state = {\n maxColumns: MAX_COLUMNS,\n };\n this.elementRef = React.createRef();\n }\n\n public componentDidMount() {\n this.observer = new ResizeObserver(this.handleResize);\n this.observer.observe(this.elementRef.current);\n window.addEventListener('resize', this.handleResize, {\n capture: true,\n passive: true,\n });\n }\n\n public componentWillUnmount() {\n this.observer.unobserve(this.elementRef.current);\n window.removeEventListener('resize', this.handleResize, {\n capture: true,\n });\n }\n\n public handleResize() {\n requestAnimationFrame(() => {\n const element = this.elementRef.current;\n const width = element.getBoundingClientRect().width;\n const maxColumns = Math.min(\n MAX_COLUMNS,\n Math.max(\n 1,\n Math.floor(width / (MAX_COLUMN_WIDTH * PX_PER_REM)),\n ),\n );\n\n const columns = this.getColumnCount(maxColumns);\n if (element.style.getPropertyValue(COLUMN_COUNT) !== `${columns}`) {\n element.style.setProperty(COLUMN_COUNT, `${columns}`);\n }\n\n if (maxColumns !== this.state.maxColumns) {\n this.setState({\n maxColumns: maxColumns,\n });\n }\n });\n }\n\n public render() {\n const classes = ['limel-form-layout--grid'];\n const columns = this.getColumnCount(this.state.maxColumns);\n\n classes.push(`layout-${columns}-columns`);\n if (this.hasAutoFlowDense()) {\n classes.push('auto-reorder-to-avoid-empty-cells');\n }\n\n return React.createElement(\n 'div',\n {\n className: classes.join(' '),\n ref: this.elementRef,\n },\n this.props.children,\n );\n }\n\n private getColumnCount(maxColumns: number) {\n const layout: GridLayoutOptions = this.props.options as any;\n\n return Math.min(layout.columns \|\| MAX_COLUMNS, maxColumns);\n }\n\n private hasAutoFlowDense(): boolean {\n const layout: GridLayoutOptions = this.props.options as any;\n\n return layout.dense !== false;\n }\n}\n\ninterface LayoutProps {\n options: FormLayoutOptions;\n children?: any;\n}\n\ninterface LayoutState {\n maxColumns: number;\n}\n"]}
1	+ {"version":3,"file":"grid-layout.js","sourceRoot":"","sources":["../../../../src/components/form/templates/grid-layout.ts"],"names":[],"mappings":"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","sourcesContent":["import React from 'react';\nimport { FormLayoutOptions, GridLayoutOptions } from '../form.types';\n\nconst MAX_COLUMNS = 5;\nconst MAX_COLUMN_WIDTH = 15;\nconst PX_PER_REM = 16;\nconst COLUMN_COUNT = '--number-of-columns';\n\nexport class GridLayout extends React.Component<LayoutProps, LayoutState> {\n private elementRef: React.RefObject<HTMLElement>;\n private observer: ResizeObserver;\n\n constructor(public props: LayoutProps) {\n super(props);\n\n this.handleResize = this.handleResize.bind(this);\n\n this.state = {\n maxColumns: MAX_COLUMNS,\n };\n this.elementRef = React.createRef();\n }\n\n public componentDidMount() {\n this.observer = new ResizeObserver(this.handleResize);\n this.observer.observe(this.elementRef.current);\n window.addEventListener('resize', this.handleResize, {\n capture: true,\n passive: true,\n });\n }\n\n public componentWillUnmount() {\n this.observer.unobserve(this.elementRef.current);\n window.removeEventListener('resize', this.handleResize, {\n capture: true,\n });\n }\n\n public handleResize() {\n requestAnimationFrame(() => {\n const element = this.elementRef.current;\n if (!element) {\n return;\n }\n\n const width = element.getBoundingClientRect().width;\n const maxColumns = Math.min(\n MAX_COLUMNS,\n Math.max(\n 1,\n Math.floor(width / (MAX_COLUMN_WIDTH * PX_PER_REM)),\n ),\n );\n\n const columns = this.getColumnCount(maxColumns);\n if (element.style.getPropertyValue(COLUMN_COUNT) !== `${columns}`) {\n element.style.setProperty(COLUMN_COUNT, `${columns}`);\n }\n\n if (maxColumns !== this.state.maxColumns) {\n this.setState({\n maxColumns: maxColumns,\n });\n }\n });\n }\n\n public render() {\n const classes = ['limel-form-layout--grid'];\n const columns = this.getColumnCount(this.state.maxColumns);\n\n classes.push(`layout-${columns}-columns`);\n if (this.hasAutoFlowDense()) {\n classes.push('auto-reorder-to-avoid-empty-cells');\n }\n\n return React.createElement(\n 'div',\n {\n className: classes.join(' '),\n ref: this.elementRef,\n },\n this.props.children,\n );\n }\n\n private getColumnCount(maxColumns: number) {\n const layout: GridLayoutOptions = this.props.options as any;\n\n return Math.min(layout.columns \|\| MAX_COLUMNS, maxColumns);\n }\n\n private hasAutoFlowDense(): boolean {\n const layout: GridLayoutOptions = this.props.options as any;\n\n return layout.dense !== false;\n }\n}\n\ninterface LayoutProps {\n options: FormLayoutOptions;\n children?: any;\n}\n\ninterface LayoutState {\n maxColumns: number;\n}\n"]}

package/dist/esm/limel-form.entry.js CHANGED Viewed

@@ -23931,6 +23931,9 @@ class GridLayout extends react.Component {
   handleResize() {
     requestAnimationFrame(() => {
       const element = this.elementRef.current;
+      if (!element) {
+        return;
+      }
       const width = element.getBoundingClientRect().width;
       const maxColumns = Math.min(MAX_COLUMNS, Math.max(1, Math.floor(width / (MAX_COLUMN_WIDTH * PX_PER_REM))));
       const columns = this.getColumnCount(maxColumns);