@react-spectrum/divider
Advanced tools
Comparing version 3.0.0-rc.2 to 3.0.0-rc.3
@@ -1,21 +0,20 @@ | ||
require("./main.css"); | ||
var { | ||
useSeparator | ||
} = require("@react-aria/separator"); | ||
var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends")); | ||
var _react = $parcel$interopDefault(require("react")); | ||
var _babelRuntimeHelpersObjectSpread = $parcel$interopDefault(require("@babel/runtime/helpers/objectSpread2")); | ||
var { | ||
classNames, | ||
useDOMRef, | ||
useSlotProps, | ||
useStyleProps | ||
} = require("@react-spectrum/utils"); | ||
var _babelRuntimeHelpersObjectWithoutProperties = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutProperties")); | ||
var _babelRuntimeHelpersObjectWithoutPropertiesLoose = $parcel$interopDefault(require("@babel/runtime/helpers/objectWithoutPropertiesLoose")); | ||
var _temp = require("@react-spectrum/utils"); | ||
var _babelRuntimeHelpersExtends = $parcel$interopDefault(require("@babel/runtime/helpers/extends")); | ||
var classNames = _temp.classNames; | ||
var filterDOMProps = _temp.filterDOMProps; | ||
var useDOMRef = _temp.useDOMRef; | ||
var useSlotProps = _temp.useSlotProps; | ||
var useStyleProps = _temp.useStyleProps; | ||
require("./main.css"); | ||
var _react = $parcel$interopDefault(require("react")); | ||
var useSeparator = require("@react-aria/separator").useSeparator; | ||
function $parcel$interopDefault(a) { | ||
@@ -25,13 +24,13 @@ return a && a.__esModule ? a.default : a; | ||
// ASSET: /Users/govett/dev/react-spectrum/node_modules/@adobe/spectrum-css-temp/components/rule/vars.css | ||
var $d852e598f7f0f4e84eb8cf7b401f58c7$exports = {}; | ||
$d852e598f7f0f4e84eb8cf7b401f58c7$exports = { | ||
"spectrum-Rule": "_spectrum-Rule_2ae3a", | ||
"spectrum-Rule--large": "_spectrum-Rule--large_2ae3a", | ||
"spectrum-Rule--medium": "_spectrum-Rule--medium_2ae3a", | ||
"spectrum-Rule--small": "_spectrum-Rule--small_2ae3a", | ||
"spectrum-Rule--horizontal": "_spectrum-Rule--horizontal_2ae3a", | ||
"spectrum-Rule--vertical": "_spectrum-Rule--vertical_2ae3a" | ||
// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/rule/vars.css | ||
var $f071c3a3bba6252cdbc96ffd809c9e$exports = {}; | ||
$f071c3a3bba6252cdbc96ffd809c9e$exports = { | ||
"spectrum-Rule": "_spectrum-Rule_3c70b", | ||
"spectrum-Rule--large": "_spectrum-Rule--large_3c70b", | ||
"spectrum-Rule--medium": "_spectrum-Rule--medium_3c70b", | ||
"spectrum-Rule--small": "_spectrum-Rule--small_3c70b", | ||
"spectrum-Rule--horizontal": "_spectrum-Rule--horizontal_3c70b", | ||
"spectrum-Rule--vertical": "_spectrum-Rule--vertical_3c70b" | ||
}; | ||
var $aa03516d3f57c191d6741e89af6$var$sizeMap = { | ||
let $e4a3649e5820982ed2d66266f2$var$sizeMap = { | ||
S: 'small', | ||
@@ -41,22 +40,20 @@ M: 'medium', | ||
}; | ||
var $d852e598f7f0f4e84eb8cf7b401f58c7$$interop$default = $parcel$interopDefault($d852e598f7f0f4e84eb8cf7b401f58c7$exports); | ||
var $f071c3a3bba6252cdbc96ffd809c9e$$interop$default = $parcel$interopDefault($f071c3a3bba6252cdbc96ffd809c9e$exports); | ||
function $aa03516d3f57c191d6741e89af6$var$Divider(props, ref) { | ||
function $e4a3649e5820982ed2d66266f2$var$Divider(props, ref) { | ||
props = useSlotProps(props, 'divider'); | ||
var _props = props, | ||
_props$size = _props.size, | ||
size = _props$size === void 0 ? 'L' : _props$size, | ||
_props$orientation = _props.orientation, | ||
orientation = _props$orientation === void 0 ? 'horizontal' : _props$orientation, | ||
otherProps = _babelRuntimeHelpersObjectWithoutProperties(_props, ["size", "orientation"]); | ||
let { | ||
size = 'L', | ||
orientation = 'horizontal' | ||
} = props, | ||
otherProps = _babelRuntimeHelpersObjectWithoutPropertiesLoose(props, ["size", "orientation"]); | ||
var domRef = useDOMRef(ref); | ||
let domRef = useDOMRef(ref); | ||
let { | ||
styleProps | ||
} = useStyleProps(otherProps); | ||
let weight = $e4a3649e5820982ed2d66266f2$var$sizeMap[size]; | ||
let Element = 'hr'; | ||
var _useStyleProps = useStyleProps(otherProps), | ||
styleProps = _useStyleProps.styleProps; | ||
var weight = $aa03516d3f57c191d6741e89af6$var$sizeMap[size]; | ||
var Element = 'hr'; | ||
if (orientation === 'vertical') { | ||
@@ -66,15 +63,13 @@ Element = 'div'; | ||
var _useSeparator = useSeparator(_babelRuntimeHelpersObjectSpread({}, props, { | ||
let { | ||
separatorProps | ||
} = useSeparator(_babelRuntimeHelpersExtends({}, props, { | ||
elementType: Element | ||
})), | ||
separatorProps = _useSeparator.separatorProps; | ||
return ( | ||
/*#__PURE__*/ | ||
// @ts-ignore https://github.com/Microsoft/TypeScript/issues/28892 | ||
_react.createElement(Element, _babelRuntimeHelpersExtends({}, filterDOMProps(otherProps), styleProps, { | ||
className: classNames($d852e598f7f0f4e84eb8cf7b401f58c7$$interop$default, 'spectrum-Rule', "spectrum-Rule--".concat(weight), { | ||
})); | ||
return (/*#__PURE__*/_react.createElement(Element, _babelRuntimeHelpersExtends({}, styleProps, { | ||
className: classNames($f071c3a3bba6252cdbc96ffd809c9e$$interop$default, 'spectrum-Rule', "spectrum-Rule--" + weight, { | ||
'spectrum-Rule--vertical': orientation === 'vertical', | ||
'spectrum-Rule--horizontal': orientation === 'horizontal' | ||
}, styleProps.className), | ||
}, styleProps.className) // @ts-ignore https://github.com/Microsoft/TypeScript/issues/28892 | ||
, | ||
ref: domRef | ||
@@ -90,4 +85,5 @@ }, separatorProps)) | ||
var Divider = _react.forwardRef($aa03516d3f57c191d6741e89af6$var$Divider); | ||
let Divider = _react.forwardRef($e4a3649e5820982ed2d66266f2$var$Divider); | ||
exports.Divider = Divider; | ||
exports.Divider = Divider; | ||
//# sourceMappingURL=main.js.map |
@@ -0,8 +1,7 @@ | ||
import { useSeparator } from "@react-aria/separator"; | ||
import _react from "react"; | ||
import { classNames, useDOMRef, useSlotProps, useStyleProps } from "@react-spectrum/utils"; | ||
import _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose"; | ||
import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends"; | ||
import "./main.css"; | ||
import _babelRuntimeHelpersEsmExtends from "@babel/runtime/helpers/esm/extends"; | ||
import _babelRuntimeHelpersEsmObjectSpread from "@babel/runtime/helpers/esm/objectSpread2"; | ||
import _babelRuntimeHelpersEsmObjectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties"; | ||
import { classNames, filterDOMProps, useDOMRef, useSlotProps, useStyleProps } from "@react-spectrum/utils"; | ||
import _react from "react"; | ||
import { useSeparator } from "@react-aria/separator"; | ||
@@ -13,13 +12,13 @@ function $parcel$interopDefault(a) { | ||
// ASSET: /Users/govett/dev/react-spectrum/node_modules/@adobe/spectrum-css-temp/components/rule/vars.css | ||
var $c94662b7e8979062ee5f8e5a483bb$exports = {}; | ||
$c94662b7e8979062ee5f8e5a483bb$exports = { | ||
"spectrum-Rule": "_spectrum-Rule_2ae3a", | ||
"spectrum-Rule--large": "_spectrum-Rule--large_2ae3a", | ||
"spectrum-Rule--medium": "_spectrum-Rule--medium_2ae3a", | ||
"spectrum-Rule--small": "_spectrum-Rule--small_2ae3a", | ||
"spectrum-Rule--horizontal": "_spectrum-Rule--horizontal_2ae3a", | ||
"spectrum-Rule--vertical": "_spectrum-Rule--vertical_2ae3a" | ||
// ASSET: /Users/govett/dev/react-spectrum-v3/node_modules/@adobe/spectrum-css-temp/components/rule/vars.css | ||
var $c73a71f7d88c6b33532476ecc5c$exports = {}; | ||
$c73a71f7d88c6b33532476ecc5c$exports = { | ||
"spectrum-Rule": "_spectrum-Rule_3c70b", | ||
"spectrum-Rule--large": "_spectrum-Rule--large_3c70b", | ||
"spectrum-Rule--medium": "_spectrum-Rule--medium_3c70b", | ||
"spectrum-Rule--small": "_spectrum-Rule--small_3c70b", | ||
"spectrum-Rule--horizontal": "_spectrum-Rule--horizontal_3c70b", | ||
"spectrum-Rule--vertical": "_spectrum-Rule--vertical_3c70b" | ||
}; | ||
let $fe81f68dcebdad10a829dfc4481$var$sizeMap = { | ||
let $ea27f9ba945db758ff2bd45520b5b1$var$sizeMap = { | ||
S: 'small', | ||
@@ -29,5 +28,5 @@ M: 'medium', | ||
}; | ||
var $c94662b7e8979062ee5f8e5a483bb$$interop$default = $parcel$interopDefault($c94662b7e8979062ee5f8e5a483bb$exports); | ||
var $c73a71f7d88c6b33532476ecc5c$$interop$default = $parcel$interopDefault($c73a71f7d88c6b33532476ecc5c$exports); | ||
function $fe81f68dcebdad10a829dfc4481$var$Divider(props, ref) { | ||
function $ea27f9ba945db758ff2bd45520b5b1$var$Divider(props, ref) { | ||
props = useSlotProps(props, 'divider'); | ||
@@ -39,3 +38,3 @@ | ||
} = props, | ||
otherProps = _babelRuntimeHelpersEsmObjectWithoutProperties(props, ["size", "orientation"]); | ||
otherProps = _babelRuntimeHelpersEsmObjectWithoutPropertiesLoose(props, ["size", "orientation"]); | ||
@@ -46,3 +45,3 @@ let domRef = useDOMRef(ref); | ||
} = useStyleProps(otherProps); | ||
let weight = $fe81f68dcebdad10a829dfc4481$var$sizeMap[size]; | ||
let weight = $ea27f9ba945db758ff2bd45520b5b1$var$sizeMap[size]; | ||
let Element = 'hr'; | ||
@@ -56,13 +55,11 @@ | ||
separatorProps | ||
} = useSeparator(_babelRuntimeHelpersEsmObjectSpread({}, props, { | ||
} = useSeparator(_babelRuntimeHelpersEsmExtends({}, props, { | ||
elementType: Element | ||
})); | ||
return ( | ||
/*#__PURE__*/ | ||
// @ts-ignore https://github.com/Microsoft/TypeScript/issues/28892 | ||
_react.createElement(Element, _babelRuntimeHelpersEsmExtends({}, filterDOMProps(otherProps), styleProps, { | ||
className: classNames($c94662b7e8979062ee5f8e5a483bb$$interop$default, 'spectrum-Rule', "spectrum-Rule--".concat(weight), { | ||
return (/*#__PURE__*/_react.createElement(Element, _babelRuntimeHelpersEsmExtends({}, styleProps, { | ||
className: classNames($c73a71f7d88c6b33532476ecc5c$$interop$default, 'spectrum-Rule', "spectrum-Rule--" + weight, { | ||
'spectrum-Rule--vertical': orientation === 'vertical', | ||
'spectrum-Rule--horizontal': orientation === 'horizontal' | ||
}, styleProps.className), | ||
}, styleProps.className) // @ts-ignore https://github.com/Microsoft/TypeScript/issues/28892 | ||
, | ||
ref: domRef | ||
@@ -78,2 +75,3 @@ }, separatorProps)) | ||
export let Divider = _react.forwardRef($fe81f68dcebdad10a829dfc4481$var$Divider); | ||
export let Divider = _react.forwardRef($ea27f9ba945db758ff2bd45520b5b1$var$Divider); | ||
//# sourceMappingURL=module.js.map |
{ | ||
"name": "@react-spectrum/divider", | ||
"version": "3.0.0-rc.2", | ||
"version": "3.0.0-rc.3", | ||
"description": "Spectrum UI components in React", | ||
@@ -32,6 +32,6 @@ "license": "Apache-2.0", | ||
"@babel/runtime": "^7.6.2", | ||
"@react-aria/separator": "^3.0.0-rc.2", | ||
"@react-spectrum/utils": "^3.0.0-rc.2", | ||
"@react-types/divider": "^3.0.0-rc.2", | ||
"@react-types/shared": "^3.0.0-rc.2" | ||
"@react-aria/separator": "3.0.0-rc.3", | ||
"@react-spectrum/utils": "3.0.0-rc.3", | ||
"@react-types/divider": "3.0.0-rc.3", | ||
"@react-types/shared": "3.0.0-rc.3" | ||
}, | ||
@@ -47,3 +47,3 @@ "devDependencies": { | ||
}, | ||
"gitHead": "207e6ee9076905c96638a7f81a367758872e1410" | ||
"gitHead": "461d6321126ae9b4f1508aa912f7b36bf8a603f8" | ||
} |
Sorry, the diff of this file is not supported yet
Sorry, the diff of this file is not supported yet
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
Unidentified License
License(Experimental) Something that seems like a license was found, but its contents could not be matched with a known license.
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
34286
11
201
1
80
+ Added@react-aria/i18n@3.0.0-rc.3(transitive)
+ Added@react-aria/separator@3.0.0-rc.3(transitive)
+ Added@react-aria/utils@3.0.0-rc.3(transitive)
+ Added@react-spectrum/utils@3.0.0-rc.3(transitive)
+ Added@react-types/divider@3.0.0-rc.3(transitive)
+ Added@react-types/shared@3.0.0-rc.3(transitive)
+ Addedclassnames@2.5.1(transitive)
+ Addedintl-messageformat@2.2.0(transitive)
+ Addedintl-messageformat-parser@1.4.0(transitive)
- Removed@formatjs/ecma402-abstract@2.3.2(transitive)
- Removed@formatjs/fast-memoize@2.2.6(transitive)
- Removed@formatjs/icu-messageformat-parser@2.9.8(transitive)
- Removed@formatjs/icu-skeleton-parser@1.8.12(transitive)
- Removed@formatjs/intl-localematcher@0.5.10(transitive)
- Removed@internationalized/date@3.6.0(transitive)
- Removed@internationalized/message@3.1.6(transitive)
- Removed@internationalized/number@3.6.0(transitive)
- Removed@internationalized/string@3.2.5(transitive)
- Removed@react-aria/i18n@3.12.4(transitive)
- Removed@react-aria/separator@3.4.4(transitive)
- Removed@react-aria/ssr@3.9.7(transitive)
- Removed@react-aria/utils@3.26.0(transitive)
- Removed@react-spectrum/utils@3.12.0(transitive)
- Removed@react-stately/utils@3.10.5(transitive)
- Removed@react-types/divider@3.3.13(transitive)
- Removed@react-types/shared@3.26.0(transitive)
- Removed@swc/helpers@0.5.15(transitive)
- Removedclsx@2.1.1(transitive)
- Removeddecimal.js@10.4.3(transitive)
- Removedintl-messageformat@10.7.11(transitive)
- Removedtslib@2.8.1(transitive)