Huge News!Announcing our $40M Series B led by Abstract Ventures.Learn More
Socket
Sign inDemoInstall
Socket

@instructure/ui-view

Package Overview
Dependencies
Maintainers
32
Versions
1284
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

@instructure/ui-view - npm Package Compare versions

Comparing version 8.56.4 to 8.56.5-pr-snapshot-1728655013879

8

CHANGELOG.md

@@ -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 @@

4

lib/ContextView/__new-tests__/ContextView.test.js

@@ -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"

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc