@instructure/ui-view
Advanced tools
Comparing version 8.56.4 to 8.56.5-pr-snapshot-1728655013879
@@ -6,2 +6,10 @@ # Change Log | ||
## [8.56.5-pr-snapshot-1728655013879](https://github.com/instructure/instructure-ui/compare/v8.56.4...v8.56.5-pr-snapshot-1728655013879) (2024-10-11) | ||
**Note:** Version bump only for package @instructure/ui-view | ||
## [8.56.4](https://github.com/instructure/instructure-ui/compare/v8.56.3...v8.56.4) (2024-10-02) | ||
@@ -8,0 +16,0 @@ |
@@ -8,3 +8,3 @@ "use strict"; | ||
var _index = require("../index"); | ||
var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js"); | ||
var _uiAxeCheck = require("@instructure/ui-axe-check"); | ||
var _ContextView, _ContextView2; | ||
@@ -44,5 +44,5 @@ /* | ||
container = _render2.container; | ||
const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container); | ||
const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container); | ||
expect(axeCheck).toBe(true); | ||
}); | ||
}); |
@@ -10,3 +10,3 @@ "use strict"; | ||
var _emotion = require("@instructure/emotion"); | ||
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js"); | ||
var _uiReactUtils = require("@instructure/ui-react-utils"); | ||
var _View = require("../View"); | ||
@@ -85,3 +85,3 @@ var _styles = _interopRequireDefault(require("./styles")); | ||
styles = _this$props3.styles; | ||
return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _omitProps.omitProps)(this.props, ContextView.allowedProps), { | ||
return (0, _emotion.jsx)(_View.View, Object.assign({}, (0, _uiReactUtils.omitProps)(this.props, ContextView.allowedProps), { | ||
css: styles === null || styles === void 0 ? void 0 : styles.contextView, | ||
@@ -88,0 +88,0 @@ style: style, |
@@ -10,3 +10,3 @@ "use strict"; | ||
var _emotion = require("@instructure/emotion"); | ||
var _PositionPropTypes = require("@instructure/ui-position/lib/PositionPropTypes.js"); | ||
var _uiPosition = require("@instructure/ui-position"); | ||
/* | ||
@@ -87,3 +87,3 @@ * The MIT License (MIT) | ||
*/ | ||
placement: _PositionPropTypes.PositionPropTypes.placement, | ||
placement: _uiPosition.PositionPropTypes.placement, | ||
/** | ||
@@ -90,0 +90,0 @@ * Activate an outline around the component to make building your |
@@ -7,3 +7,3 @@ "use strict"; | ||
exports.default = void 0; | ||
var _mirrorPlacement = require("@instructure/ui-position/lib/mirrorPlacement.js"); | ||
var _uiPosition = require("@instructure/ui-position"); | ||
/* | ||
@@ -101,3 +101,3 @@ * The MIT License (MIT) | ||
const getArrowPlacementVariant = (placement, background, theme) => { | ||
const transformedPlacement = (0, _mirrorPlacement.mirrorPlacement)(placement, ' '); | ||
const transformedPlacement = (0, _uiPosition.mirrorPlacement)(placement, ' '); | ||
const isInversed = background === 'inverse'; | ||
@@ -104,0 +104,0 @@ if (endPlacements.includes(transformedPlacement)) { |
@@ -8,3 +8,3 @@ "use strict"; | ||
var _index = require("../../index"); | ||
var _runAxeCheck = require("@instructure/ui-axe-check/lib/runAxeCheck.js"); | ||
var _uiAxeCheck = require("@instructure/ui-axe-check"); | ||
var _View, _View2, _h, _h2, _h3, _h4, _h5, _View3, _View4, _View5, _View6, _View7, _View8, _View9, _View10; | ||
@@ -190,5 +190,5 @@ /* | ||
container = _render11.container; | ||
const axeCheck = await (0, _runAxeCheck.runAxeCheck)(container); | ||
const axeCheck = await (0, _uiAxeCheck.runAxeCheck)(container); | ||
expect(axeCheck).toBe(true); | ||
}); | ||
}); |
@@ -10,9 +10,6 @@ "use strict"; | ||
var _react = require("react"); | ||
var _getComputedStyle = require("@instructure/ui-dom-utils/lib/getComputedStyle.js"); | ||
var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js"); | ||
var _uiDomUtils = require("@instructure/ui-dom-utils"); | ||
var _uiI18n = require("@instructure/ui-i18n"); | ||
var _console = require("@instructure/console"); | ||
var _getElementType = require("@instructure/ui-react-utils/lib/getElementType.js"); | ||
var _omitProps = require("@instructure/ui-react-utils/lib/omitProps.js"); | ||
var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js"); | ||
var _passthroughProps = require("@instructure/ui-react-utils/lib/passthroughProps.js"); | ||
var _uiReactUtils = require("@instructure/ui-react-utils"); | ||
var _emotion = require("@instructure/emotion"); | ||
@@ -54,3 +51,3 @@ var _styles = _interopRequireDefault(require("./styles")); | ||
**/ | ||
let View = exports.View = (_dec = (0, _textDirectionContextConsumer.textDirectionContextConsumer)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_class2 = class View extends _react.Component { | ||
let View = exports.View = (_dec = (0, _uiI18n.textDirectionContextConsumer)(), _dec2 = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = _dec2(_class = (_class2 = class View extends _react.Component { | ||
get _element() { | ||
@@ -89,3 +86,3 @@ return this.ref; | ||
} | ||
const display = (0, _getComputedStyle.getComputedStyle)(element).display; | ||
const display = (0, _uiDomUtils.getComputedStyle)(element).display; | ||
if (display !== 'inline') { | ||
@@ -137,4 +134,4 @@ return; | ||
props = (0, _objectWithoutProperties2.default)(_this$props3, _excluded); | ||
const ElementType = (0, _getElementType.getElementType)(View, this.props); | ||
return (0, _emotion.jsx)(ElementType, Object.assign({}, (0, _passthroughProps.passthroughProps)(props), { | ||
const ElementType = (0, _uiReactUtils.getElementType)(View, this.props); | ||
return (0, _emotion.jsx)(ElementType, Object.assign({}, (0, _uiReactUtils.passthroughProps)(props), { | ||
className: className, | ||
@@ -172,8 +169,8 @@ css: [styles === null || styles === void 0 ? void 0 : styles.view, styles === null || styles === void 0 ? void 0 : styles.inlineStyles], | ||
if (shouldLogError) { | ||
Object.keys((0, _pickProps.pickProps)(props, propsToOmit)).forEach(prop => { | ||
Object.keys((0, _uiReactUtils.pickProps)(props, propsToOmit)).forEach(prop => { | ||
(0, _console.logError)(false, `[${Component.name}] prop '${prop}' is not allowed.`); | ||
}); | ||
} | ||
return (0, _omitProps.omitProps)(props, propsToOmit); | ||
return (0, _uiReactUtils.omitProps)(props, propsToOmit); | ||
}, _class2)) || _class) || _class); | ||
var _default = exports.default = View; |
@@ -9,4 +9,4 @@ "use strict"; | ||
var _propTypes = _interopRequireDefault(require("prop-types")); | ||
var _cursor = require("@instructure/ui-prop-types/lib/cursor.js"); | ||
var _textDirectionContextConsumer = require("@instructure/ui-i18n/lib/textDirectionContextConsumer.js"); | ||
var _uiPropTypes = require("@instructure/ui-prop-types"); | ||
var _uiI18n = require("@instructure/ui-i18n"); | ||
var _emotion = require("@instructure/emotion"); | ||
@@ -59,3 +59,3 @@ /* | ||
stacking: _emotion.ThemeablePropTypes.stacking, | ||
cursor: _cursor.cursor, | ||
cursor: _uiPropTypes.cursor, | ||
position: _propTypes.default.oneOf(['static', 'absolute', 'relative', 'sticky', 'fixed']), | ||
@@ -71,3 +71,3 @@ insetInlineStart: _propTypes.default.string, | ||
withVisualDebug: _propTypes.default.bool, | ||
dir: _propTypes.default.oneOf(Object.values(_textDirectionContextConsumer.textDirectionContextConsumer.DIRECTION)), | ||
dir: _propTypes.default.oneOf(Object.values(_uiI18n.textDirectionContextConsumer.DIRECTION)), | ||
overscrollBehavior: _propTypes.default.oneOf(['auto', 'contain', 'none']) | ||
@@ -74,0 +74,0 @@ }; |
@@ -9,3 +9,3 @@ "use strict"; | ||
var _emotion = require("@instructure/emotion"); | ||
var _pickProps = require("@instructure/ui-react-utils/lib/pickProps.js"); | ||
var _uiReactUtils = require("@instructure/ui-react-utils"); | ||
var _console = require("@instructure/console"); | ||
@@ -90,3 +90,3 @@ /* | ||
}) => { | ||
const whitelisted = (0, _pickProps.pickProps)(style || {}, {}, [ | ||
const whitelisted = (0, _uiReactUtils.pickProps)(style || {}, {}, [ | ||
// Position/calculateElementPosition: | ||
@@ -93,0 +93,0 @@ 'top', 'left', 'position', 'display', 'transform', 'overflow', 'minWidth', 'minHeight', |
{ | ||
"name": "@instructure/ui-view", | ||
"version": "8.56.4", | ||
"version": "8.56.5-pr-snapshot-1728655013879", | ||
"description": "A component for basic styles including spacing, sizing, borders, display, positioning, and focus states.", | ||
@@ -27,18 +27,18 @@ "author": "Instructure, Inc. Engineering and Product Design", | ||
"@babel/runtime": "^7.23.2", | ||
"@instructure/console": "8.56.4", | ||
"@instructure/emotion": "8.56.4", | ||
"@instructure/shared-types": "8.56.4", | ||
"@instructure/ui-color-utils": "8.56.4", | ||
"@instructure/ui-dom-utils": "8.56.4", | ||
"@instructure/ui-i18n": "8.56.4", | ||
"@instructure/ui-position": "8.56.4", | ||
"@instructure/ui-prop-types": "8.56.4", | ||
"@instructure/ui-react-utils": "8.56.4", | ||
"@instructure/console": "8.56.5-pr-snapshot-1728655013879", | ||
"@instructure/emotion": "8.56.5-pr-snapshot-1728655013879", | ||
"@instructure/shared-types": "8.56.5-pr-snapshot-1728655013879", | ||
"@instructure/ui-color-utils": "8.56.5-pr-snapshot-1728655013879", | ||
"@instructure/ui-dom-utils": "8.56.5-pr-snapshot-1728655013879", | ||
"@instructure/ui-i18n": "8.56.5-pr-snapshot-1728655013879", | ||
"@instructure/ui-position": "8.56.5-pr-snapshot-1728655013879", | ||
"@instructure/ui-prop-types": "8.56.5-pr-snapshot-1728655013879", | ||
"@instructure/ui-react-utils": "8.56.5-pr-snapshot-1728655013879", | ||
"prop-types": "^15.8.1" | ||
}, | ||
"devDependencies": { | ||
"@instructure/ui-axe-check": "8.56.4", | ||
"@instructure/ui-babel-preset": "8.56.4", | ||
"@instructure/ui-test-utils": "8.56.4", | ||
"@instructure/ui-themes": "8.56.4", | ||
"@instructure/ui-axe-check": "8.56.5-pr-snapshot-1728655013879", | ||
"@instructure/ui-babel-preset": "8.56.5-pr-snapshot-1728655013879", | ||
"@instructure/ui-test-utils": "8.56.5-pr-snapshot-1728655013879", | ||
"@instructure/ui-themes": "8.56.5-pr-snapshot-1728655013879", | ||
"@testing-library/jest-dom": "^6.1.4", | ||
@@ -45,0 +45,0 @@ "@testing-library/react": "^14.0.0" |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No v1
QualityPackage is not semver >=1. This means it is not stable and does not support ^ ranges.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
410770
6001
1
+ Added@instructure/canvas-high-contrast-theme@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/canvas-theme@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/console@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/debounce@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/emotion@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/instructure-theme@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/shared-types@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/theme-registry@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/ui-color-utils@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/ui-decorator@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/ui-dom-utils@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/ui-i18n@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/ui-portal@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/ui-position@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/ui-prop-types@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/ui-react-utils@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/ui-testable@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/ui-theme-tokens@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/ui-themes@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/ui-utils@8.56.5-pr-snapshot-1728655013879(transitive)
+ Added@instructure/uid@8.56.5-pr-snapshot-1728655013879(transitive)
- Removed@instructure/canvas-high-contrast-theme@8.56.4(transitive)
- Removed@instructure/canvas-theme@8.56.4(transitive)
- Removed@instructure/console@8.56.4(transitive)
- Removed@instructure/debounce@8.56.4(transitive)
- Removed@instructure/emotion@8.56.4(transitive)
- Removed@instructure/instructure-theme@8.56.4(transitive)
- Removed@instructure/shared-types@8.56.4(transitive)
- Removed@instructure/theme-registry@8.56.4(transitive)
- Removed@instructure/ui-color-utils@8.56.4(transitive)
- Removed@instructure/ui-decorator@8.56.4(transitive)
- Removed@instructure/ui-dom-utils@8.56.4(transitive)
- Removed@instructure/ui-i18n@8.56.4(transitive)
- Removed@instructure/ui-portal@8.56.4(transitive)
- Removed@instructure/ui-position@8.56.4(transitive)
- Removed@instructure/ui-prop-types@8.56.4(transitive)
- Removed@instructure/ui-react-utils@8.56.4(transitive)
- Removed@instructure/ui-testable@8.56.4(transitive)
- Removed@instructure/ui-theme-tokens@8.56.4(transitive)
- Removed@instructure/ui-themes@8.56.4(transitive)
- Removed@instructure/ui-utils@8.56.4(transitive)
- Removed@instructure/uid@8.56.4(transitive)
Updated@instructure/console@8.56.5-pr-snapshot-1728655013879
Updated@instructure/emotion@8.56.5-pr-snapshot-1728655013879
Updated@instructure/shared-types@8.56.5-pr-snapshot-1728655013879
Updated@instructure/ui-color-utils@8.56.5-pr-snapshot-1728655013879
Updated@instructure/ui-dom-utils@8.56.5-pr-snapshot-1728655013879
Updated@instructure/ui-i18n@8.56.5-pr-snapshot-1728655013879
Updated@instructure/ui-position@8.56.5-pr-snapshot-1728655013879
Updated@instructure/ui-prop-types@8.56.5-pr-snapshot-1728655013879
Updated@instructure/ui-react-utils@8.56.5-pr-snapshot-1728655013879