@artsy/palette 45.8.0 → 45.10.0

package/dist/elements/Collapse/Collapse.d.ts

@@ -4,6 +4,10 @@ export interface CollapseProps {
 }
 /**
  * Collapse component for the web
+ *
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Use CSS-based approaches or native HTML elements like `<details>` instead.
+ * See the Expandable component for an example of CSS-based collapse behavior.
  */
 export declare class Collapse extends React.Component<React.PropsWithChildren<CollapseProps>> {
     wrapperModifyTimeout: ReturnType<typeof setTimeout>;

package/dist/elements/Collapse/Collapse.js

@@ -36,6 +36,10 @@ function _inherits(subClass, superClass) { if (typeof superClass !== "function"
 function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 /**
  * Collapse component for the web
+ *
+ * @deprecated This component is deprecated and will be removed in a future version.
+ * Use CSS-based approaches or native HTML elements like `<details>` instead.
+ * See the Expandable component for an example of CSS-based collapse behavior.
  */
 var Collapse = exports.Collapse = /*#__PURE__*/function (_React$Component) {
   function Collapse() {

package/dist/elements/Collapse/Collapse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Collapse.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","_classCallCheck","instance","Constructor","TypeError","_defineProperties","props","descriptor","_createClass","protoProps","staticProps","prototype","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","Number","_callSuper","_this","derived","args","isNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","e","_getPrototypeOf","_possibleConstructorReturn","constructor","self","_assertThisInitialized","ReferenceError","o","setPrototypeOf","getPrototypeOf","bind","__proto__","_inherits","subClass","superClass","create","_setPrototypeOf","p","Collapse","exports","_React$Component","_this2","_len","Array","_key","concat","wrapperModifyTimeout","wrapperRef","onTransitionEnd","ev","propertyName","style","height","open","firstRender","componentDidMount","addEventListener","componentDidUpdate","_this3","prevHeight","goalheight","offsetHeight","setTimeout","currentHeight","componentWillUnmount","removeEventListener","clearTimeout","render","_this4","_this$props","children","heightProps","createElement","ref","transition","overflow","React","Component","displayName"],"sources":["../../../src/elements/Collapse/Collapse.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface CollapseProps {\n  open: boolean\n}\n/**\n * Collapse component for the web\n */\nexport class Collapse extends React.Component<\n  React.PropsWithChildren<CollapseProps>\n> {\n  // @ts-expect-error  MIGRATE_STRICT_MODE\n  wrapperModifyTimeout: ReturnType<typeof setTimeout>\n  wrapperRef: HTMLDivElement | null = null\n\n  onTransitionEnd = (ev: TransitionEvent) => {\n    if (!this.wrapperRef) {\n      return\n    }\n    // when animating open, we set the wrapper's height to an explicit pixel\n    // value. When the transition ends we want to set the height back to 'auto'\n    // so that if the content of the wrapper changes it's height will change too\n    if (ev.propertyName === \"height\") {\n      this.wrapperRef.style.height = this.props.open ? \"auto\" : \"0px\"\n    }\n  }\n\n  componentDidMount() {\n    if (!this.wrapperRef) {\n      return\n    }\n\n    this.wrapperRef.addEventListener(\"transitionend\", this.onTransitionEnd)\n  }\n\n  componentDidUpdate() {\n    if (!this.wrapperRef) {\n      return\n    }\n    if (this.props.open && this.wrapperRef.style.height !== \"auto\") {\n      // animate opening\n      // measure goal height\n      const prevHeight = this.wrapperRef.style.height || \"0px\"\n      this.wrapperRef.style.height = \"auto\"\n      const goalheight = this.wrapperRef.offsetHeight\n      this.wrapperRef.style.height = prevHeight\n      // wait for a tick before setting goal height to allow transition\n      this.wrapperModifyTimeout = setTimeout(() => {\n        this.wrapperRef!.style.height = goalheight + \"px\"\n      }, 10)\n    } else if (!this.props.open && this.wrapperRef.style.height !== \"0px\") {\n      // animate closing\n      // set the wrapper's current height explicitly\n      const currentHeight = this.wrapperRef.offsetHeight\n      this.wrapperRef.style.height = currentHeight + \"px\"\n      // wait for a tick before setting it to 0 to allow transition\n      this.wrapperModifyTimeout = setTimeout(() => {\n        this.wrapperRef!.style.height = \"0px\"\n      }, 10)\n    }\n  }\n\n  componentWillUnmount() {\n    this.wrapperRef!.removeEventListener(\"transitionend\", this.onTransitionEnd)\n    clearTimeout(this.wrapperModifyTimeout)\n  }\n\n  // this is set until the first time `open` changes\n  // then it becomes null. This helps us with SSR.\n  firstRender: { open: boolean } | null = {\n    open: this.props.open,\n  }\n\n  render() {\n    const { children, open } = this.props\n    // render explicit height before first change, so SSR works properly.\n    // Thereafter we control the height property entirely in componentDidMount\n    // (which doesn't get called during SSR)\n    let heightProps = {}\n    if (this.firstRender) {\n      // render() might be called multiple times before the first time `open` changes\n      if (this.firstRender.open !== open) {\n        // `open` prop has changed for the first time\n        // ditch explicit height and let `componentDidUpdate` take the wheel\n        this.firstRender = null\n      } else {\n        heightProps = {\n          height: open ? \"auto\" : \"0px\",\n        }\n      }\n    }\n    return (\n      <div\n        ref={(ref) => (this.wrapperRef = ref)}\n        style={{\n          transition: \"height 0.3s ease\",\n          overflow: \"hidden\",\n          ...heightProps,\n        }}\n      >\n        {children}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}
+{"version":3,"file":"Collapse.js","names":["_react","_interopRequireDefault","require","obj","__esModule","default","ownKeys","object","enumerableOnly","keys","Object","getOwnPropertySymbols","symbols","filter","sym","getOwnPropertyDescriptor","enumerable","push","apply","_objectSpread","target","i","arguments","length","source","forEach","key","_defineProperty","getOwnPropertyDescriptors","defineProperties","defineProperty","value","_toPropertyKey","configurable","writable","_classCallCheck","instance","Constructor","TypeError","_defineProperties","props","descriptor","_createClass","protoProps","staticProps","prototype","arg","_toPrimitive","_typeof","String","input","hint","prim","Symbol","toPrimitive","undefined","res","call","Number","_callSuper","_this","derived","args","isNativeReflectConstruct","Reflect","construct","sham","Proxy","Boolean","valueOf","e","_getPrototypeOf","_possibleConstructorReturn","constructor","self","_assertThisInitialized","ReferenceError","o","setPrototypeOf","getPrototypeOf","bind","__proto__","_inherits","subClass","superClass","create","_setPrototypeOf","p","Collapse","exports","_React$Component","_this2","_len","Array","_key","concat","wrapperModifyTimeout","wrapperRef","onTransitionEnd","ev","propertyName","style","height","open","firstRender","componentDidMount","addEventListener","componentDidUpdate","_this3","prevHeight","goalheight","offsetHeight","setTimeout","currentHeight","componentWillUnmount","removeEventListener","clearTimeout","render","_this4","_this$props","children","heightProps","createElement","ref","transition","overflow","React","Component","displayName"],"sources":["../../../src/elements/Collapse/Collapse.tsx"],"sourcesContent":["import React from \"react\"\n\nexport interface CollapseProps {\n  open: boolean\n}\n/**\n * Collapse component for the web\n *\n * @deprecated This component is deprecated and will be removed in a future version.\n * Use CSS-based approaches or native HTML elements like `<details>` instead.\n * See the Expandable component for an example of CSS-based collapse behavior.\n */\nexport class Collapse extends React.Component<\n  React.PropsWithChildren<CollapseProps>\n> {\n  // @ts-expect-error  MIGRATE_STRICT_MODE\n  wrapperModifyTimeout: ReturnType<typeof setTimeout>\n  wrapperRef: HTMLDivElement | null = null\n\n  onTransitionEnd = (ev: TransitionEvent) => {\n    if (!this.wrapperRef) {\n      return\n    }\n    // when animating open, we set the wrapper's height to an explicit pixel\n    // value. When the transition ends we want to set the height back to 'auto'\n    // so that if the content of the wrapper changes it's height will change too\n    if (ev.propertyName === \"height\") {\n      this.wrapperRef.style.height = this.props.open ? \"auto\" : \"0px\"\n    }\n  }\n\n  componentDidMount() {\n    if (!this.wrapperRef) {\n      return\n    }\n\n    this.wrapperRef.addEventListener(\"transitionend\", this.onTransitionEnd)\n  }\n\n  componentDidUpdate() {\n    if (!this.wrapperRef) {\n      return\n    }\n    if (this.props.open && this.wrapperRef.style.height !== \"auto\") {\n      // animate opening\n      // measure goal height\n      const prevHeight = this.wrapperRef.style.height || \"0px\"\n      this.wrapperRef.style.height = \"auto\"\n      const goalheight = this.wrapperRef.offsetHeight\n      this.wrapperRef.style.height = prevHeight\n      // wait for a tick before setting goal height to allow transition\n      this.wrapperModifyTimeout = setTimeout(() => {\n        this.wrapperRef!.style.height = goalheight + \"px\"\n      }, 10)\n    } else if (!this.props.open && this.wrapperRef.style.height !== \"0px\") {\n      // animate closing\n      // set the wrapper's current height explicitly\n      const currentHeight = this.wrapperRef.offsetHeight\n      this.wrapperRef.style.height = currentHeight + \"px\"\n      // wait for a tick before setting it to 0 to allow transition\n      this.wrapperModifyTimeout = setTimeout(() => {\n        this.wrapperRef!.style.height = \"0px\"\n      }, 10)\n    }\n  }\n\n  componentWillUnmount() {\n    this.wrapperRef!.removeEventListener(\"transitionend\", this.onTransitionEnd)\n    clearTimeout(this.wrapperModifyTimeout)\n  }\n\n  // this is set until the first time `open` changes\n  // then it becomes null. This helps us with SSR.\n  firstRender: { open: boolean } | null = {\n    open: this.props.open,\n  }\n\n  render() {\n    const { children, open } = this.props\n    // render explicit height before first change, so SSR works properly.\n    // Thereafter we control the height property entirely in componentDidMount\n    // (which doesn't get called during SSR)\n    let heightProps = {}\n    if (this.firstRender) {\n      // render() might be called multiple times before the first time `open` changes\n      if (this.firstRender.open !== open) {\n        // `open` prop has changed for the first time\n        // ditch explicit height and let `componentDidUpdate` take the wheel\n        this.firstRender = null\n      } else {\n        heightProps = {\n          height: open ? \"auto\" : \"0px\",\n        }\n      }\n    }\n    return (\n      <div\n        ref={(ref) => (this.wrapperRef = ref)}\n        style={{\n          transition: \"height 0.3s ease\",\n          overflow: \"hidden\",\n          ...heightProps,\n        }}\n      >\n        {children}\n      </div>\n    )\n  }\n}\n"],"mappings":"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"}

package/dist/elements/Expandable/Expandable.js

@@ -11,7 +11,6 @@ var _ChevronUpIcon = _interopRequireDefault(require("@artsy/icons/ChevronUpIcon"
 var _ChevronDownIcon = _interopRequireDefault(require("@artsy/icons/ChevronDownIcon"));
 var _Box = require("../Box");
 var _Clickable = require("../Clickable");
-var _Collapse = require("../Collapse");
 var _Flex = require("../Flex");
 var _Text = require("../Text");
 var _excluded = ["label", "expanded", "children", "disabled", "onClick", "onToggle", "borderColor"];
@@ -91,8 +90,12 @@ var Expandable = exports.Expandable = function Expandable(_ref) {
     ml: 1,
     mr: 1,
     "aria-hidden": "true"
-  }))), /*#__PURE__*/_react.default.createElement(_Collapse.Collapse, {
-    open: !!expanded
+  }))), /*#__PURE__*/_react.default.createElement(_Box.Box, {
+    overflow: "hidden",
+    height: expanded ? "auto" : "0px",
+    style: {
+      visibility: expanded ? "visible" : "hidden"
+    }
   }, typeof children === "function" ? children({
     setExpanded: setExpanded,
     expanded: !!expanded

package/dist/elements/Expandable/Expandable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Expandable.js","names":["_react","_interopRequireWildcard","require","_isText","_ChevronUpIcon","_interopRequireDefault","_ChevronDownIcon","_Box","_Clickable","_Collapse","_Flex","_Text","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Expandable","exports","_ref","label","expandedProp","expanded","children","disabled","onClick","onToggle","_ref$borderColor","borderColor","rest","_useState","useState","_useState2","setExpanded","useEffect","undefined","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","clickableProps","handleClick","event","prevExpanded","isExpanded","createElement","Box","Clickable","width","display","alignItems","justifyContent","borderTop","pt","pb","Flex","flex","isText","Text","variant","Fragment","height","ml","mr","Collapse","open","displayName"],"sources":["../../../src/elements/Expandable/Expandable.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { isText } from \"../../helpers/isText\"\nimport ChevronUpIcon from \"@artsy/icons/ChevronUpIcon\"\nimport ChevronDownIcon from \"@artsy/icons/ChevronDownIcon\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Collapse } from \"../Collapse\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\ntype ChildrenFunction = (props: {\n  setExpanded: React.Dispatch<React.SetStateAction<boolean | undefined>>\n  expanded: boolean\n}) => React.ReactNode\n\nexport interface ExpandableProps extends Omit<ClickableProps, \"children\"> {\n  label?: string | JSX.Element\n  expanded?: boolean\n  children: React.ReactNode | ChildrenFunction\n  onToggle?: (isExpanded: boolean) => void\n}\n\n/**\n * A toggleable component used to show / hide content\n */\nexport const Expandable = ({\n  label,\n  expanded: expandedProp,\n  children,\n  disabled,\n  onClick,\n  onToggle,\n  borderColor = \"mono60\",\n  ...rest\n}: ExpandableProps) => {\n  const [expanded, setExpanded] = useState(expandedProp)\n\n  useEffect(() => {\n    if (expandedProp !== undefined) {\n      setExpanded(expandedProp)\n    }\n  }, [expandedProp])\n\n  const [boxProps, clickableProps] = splitBoxProps(rest)\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    setExpanded((prevExpanded) => {\n      const isExpanded = !prevExpanded\n      onToggle && onToggle(isExpanded)\n      return isExpanded\n    })\n\n    onClick && onClick(event)\n  }\n\n  return (\n    <Box {...boxProps}>\n      <Clickable\n        width=\"100%\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        borderTop=\"1px solid\"\n        borderColor={borderColor}\n        pt={2}\n        pb={1}\n        disabled={disabled}\n        aria-expanded={expanded}\n        onClick={handleClick}\n        {...clickableProps}\n      >\n        <Flex flex={1} display=\"flex\" alignItems=\"center\">\n          {isText(label) ? <Text variant=\"sm-display\">{label}</Text> : label}\n        </Flex>\n\n        {!disabled && (\n          <>\n            {expanded ? (\n              <ChevronUpIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            ) : (\n              <ChevronDownIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            )}\n          </>\n        )}\n      </Clickable>\n\n      <Collapse open={!!expanded}>\n        {typeof children === \"function\"\n          ? (children as ChildrenFunction)({ setExpanded, expanded: !!expanded })\n          : children}\n      </Collapse>\n    </Box>\n  )\n}\n"],"mappings":"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"}
+{"version":3,"file":"Expandable.js","names":["_react","_interopRequireWildcard","require","_isText","_ChevronUpIcon","_interopRequireDefault","_ChevronDownIcon","_Box","_Clickable","_Flex","_Text","_excluded","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","_typeof","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","_slicedToArray","arr","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","o","minLen","_arrayLikeToArray","n","toString","slice","constructor","name","Array","from","test","len","arr2","_i","Symbol","iterator","_s","_e","_x","_r","_arr","_n","_d","next","done","push","value","err","return","isArray","_objectWithoutProperties","excluded","_objectWithoutPropertiesLoose","getOwnPropertySymbols","sourceSymbolKeys","indexOf","propertyIsEnumerable","sourceKeys","keys","Expandable","exports","_ref","label","expandedProp","expanded","children","disabled","onClick","onToggle","_ref$borderColor","borderColor","rest","_useState","useState","_useState2","setExpanded","useEffect","undefined","_splitBoxProps","splitBoxProps","_splitBoxProps2","boxProps","clickableProps","handleClick","event","prevExpanded","isExpanded","createElement","Box","Clickable","width","display","alignItems","justifyContent","borderTop","pt","pb","Flex","flex","isText","Text","variant","Fragment","height","ml","mr","overflow","style","visibility","displayName"],"sources":["../../../src/elements/Expandable/Expandable.tsx"],"sourcesContent":["import React, { useEffect, useState } from \"react\"\nimport { isText } from \"../../helpers/isText\"\nimport ChevronUpIcon from \"@artsy/icons/ChevronUpIcon\"\nimport ChevronDownIcon from \"@artsy/icons/ChevronDownIcon\"\nimport { Box, splitBoxProps } from \"../Box\"\nimport { Clickable, ClickableProps } from \"../Clickable\"\nimport { Flex } from \"../Flex\"\nimport { Text } from \"../Text\"\n\ntype ChildrenFunction = (props: {\n  setExpanded: React.Dispatch<React.SetStateAction<boolean | undefined>>\n  expanded: boolean\n}) => React.ReactNode\n\nexport interface ExpandableProps extends Omit<ClickableProps, \"children\"> {\n  label?: string | JSX.Element\n  expanded?: boolean\n  children: React.ReactNode | ChildrenFunction\n  onToggle?: (isExpanded: boolean) => void\n}\n\n/**\n * A toggleable component used to show / hide content\n */\nexport const Expandable = ({\n  label,\n  expanded: expandedProp,\n  children,\n  disabled,\n  onClick,\n  onToggle,\n  borderColor = \"mono60\",\n  ...rest\n}: ExpandableProps) => {\n  const [expanded, setExpanded] = useState(expandedProp)\n\n  useEffect(() => {\n    if (expandedProp !== undefined) {\n      setExpanded(expandedProp)\n    }\n  }, [expandedProp])\n\n  const [boxProps, clickableProps] = splitBoxProps(rest)\n\n  const handleClick = (\n    event: React.MouseEvent<HTMLButtonElement, MouseEvent>\n  ) => {\n    setExpanded((prevExpanded) => {\n      const isExpanded = !prevExpanded\n      onToggle && onToggle(isExpanded)\n      return isExpanded\n    })\n\n    onClick && onClick(event)\n  }\n\n  return (\n    <Box {...boxProps}>\n      <Clickable\n        width=\"100%\"\n        display=\"flex\"\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        borderTop=\"1px solid\"\n        borderColor={borderColor}\n        pt={2}\n        pb={1}\n        disabled={disabled}\n        aria-expanded={expanded}\n        onClick={handleClick}\n        {...clickableProps}\n      >\n        <Flex flex={1} display=\"flex\" alignItems=\"center\">\n          {isText(label) ? <Text variant=\"sm-display\">{label}</Text> : label}\n        </Flex>\n\n        {!disabled && (\n          <>\n            {expanded ? (\n              <ChevronUpIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            ) : (\n              <ChevronDownIcon\n                width={14}\n                height={14}\n                ml={1}\n                mr={1}\n                aria-hidden=\"true\"\n              />\n            )}\n          </>\n        )}\n      </Clickable>\n\n      <Box\n        overflow=\"hidden\"\n        height={expanded ? \"auto\" : \"0px\"}\n        style={{ visibility: expanded ? \"visible\" : \"hidden\" }}\n      >\n        {typeof children === \"function\"\n          ? (children as ChildrenFunction)({ setExpanded, expanded: !!expanded })\n          : children}\n      </Box>\n    </Box>\n  )\n}\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@artsy/palette",
-  "version": "45.8.0",
+  "version": "45.10.0",
   "description": "Design system library for react components",
   "main": "dist/index.js",
   "publishConfig": {
@@ -191,5 +191,5 @@
       "url": "http://localhost"
     }
   },
-  "gitHead": "d6755e28ccd3a59590e284beeeebc1c16d57dc77"
+  "gitHead": "3770e87071aa6875a5985b0cf2432087741da042"
 }