@loomhq/lens 10.68.3 → 10.70.0

package/dist/components/icon/available-icons/collapse-replies.d.ts

@@ -0,0 +1,2 @@
+export default SvgCollapseReplies;
+declare function SvgCollapseReplies(props: any): JSX.Element;

package/dist/components/icon/available-icons/collapse-replies.js

@@ -0,0 +1,5 @@
+import React from 'react';
+const SvgCollapseReplies = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.2929 13.7929C11.6835 13.4024 12.3166 13.4024 12.7071 13.7929L16.8738 17.9596C17.2643 18.3501 17.2643 18.9832 16.8738 19.3738C16.4833 19.7643 15.8501 19.7643 15.4596 19.3738L12 15.9142L8.54048 19.3738C8.14996 19.7643 7.51679 19.7643 7.12627 19.3738C6.73574 18.9832 6.73574 18.3501 7.12627 17.9596L11.2929 13.7929Z", fill: "currentColor" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.12627 4.62624C7.51679 4.23571 8.14996 4.23571 8.54048 4.62624L12 8.0858L15.4596 4.62624C15.8501 4.23571 16.4833 4.23571 16.8738 4.62624C17.2643 5.01676 17.2643 5.64993 16.8738 6.04045L12.7071 10.2071C12.3166 10.5976 11.6835 10.5976 11.2929 10.2071L7.12627 6.04045C6.73574 5.64993 6.73574 5.01676 7.12627 4.62624Z", fill: "currentColor" })));
+export default SvgCollapseReplies;

package/dist/components/icon/available-icons/expand-replies.d.ts

@@ -0,0 +1,2 @@
+export default SvgExpandReplies;
+declare function SvgExpandReplies(props: any): JSX.Element;

package/dist/components/icon/available-icons/expand-replies.js

@@ -0,0 +1,5 @@
+import React from 'react';
+const SvgExpandReplies = props => (React.createElement("svg", Object.assign({ viewBox: "0 0 24 24", fill: "none" }, props),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.12627 13.7929C7.51679 13.4024 8.14996 13.4024 8.54048 13.7929L12 17.2525L15.4596 13.7929C15.8501 13.4024 16.4833 13.4024 16.8738 13.7929C17.2643 14.1834 17.2643 14.8166 16.8738 15.2071L12.7071 19.3738C12.3166 19.7643 11.6835 19.7643 11.2929 19.3738L7.12627 15.2071C6.73574 14.8166 6.73574 14.1834 7.12627 13.7929Z", fill: "currentColor" }),
+    React.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.2929 4.62624C11.6835 4.23571 12.3166 4.23571 12.7071 4.62624L16.8738 8.7929C17.2643 9.18343 17.2643 9.81659 16.8738 10.2071C16.4833 10.5976 15.8501 10.5976 15.4596 10.2071L12 6.74756L8.54048 10.2071C8.14996 10.5976 7.51679 10.5976 7.12627 10.2071C6.73574 9.81659 6.73574 9.18343 7.12627 8.7929L11.2929 4.62624Z", fill: "currentColor" })));
+export default SvgExpandReplies;

package/dist/components/icon/available-icons/index.d.ts

@@ -48,6 +48,7 @@ export { default as SvgChrome } from "./chrome.js";
 export { default as SvgClose } from "./close.js";
 export { default as SvgCode } from "./code.js";
 export { default as SvgCollapse } from "./collapse.js";
+export { default as SvgCollapseReplies } from "./collapse-replies.js";
 export { default as SvgColorLens } from "./color-lens.js";
 export { default as SvgComment } from "./comment.js";
 export { default as SvgConfetti } from "./confetti.js";
@@ -65,6 +66,7 @@ export { default as SvgEdit } from "./edit.js";
 export { default as SvgEditBorder } from "./edit-border.js";
 export { default as SvgExitToApp } from "./exit-to-app.js";
 export { default as SvgExpand } from "./expand.js";
+export { default as SvgExpandReplies } from "./expand-replies";
 export { default as SvgExtension } from "./extension.js";
 export { default as SvgExternalLink } from "./external-link.js";
 export { default as SvgEye } from "./eye.js";

package/dist/components/icon/available-icons/index.js

@@ -48,6 +48,7 @@ export { default as SvgChrome } from './chrome.js';
 export { default as SvgClose } from './close.js';
 export { default as SvgCode } from './code.js';
 export { default as SvgCollapse } from './collapse.js';
+export { default as SvgCollapseReplies } from './collapse-replies.js';
 export { default as SvgColorLens } from './color-lens.js';
 export { default as SvgComment } from './comment.js';
 export { default as SvgConfetti } from './confetti.js';
@@ -65,6 +66,7 @@ export { default as SvgEdit } from './edit.js';
 export { default as SvgEditBorder } from './edit-border.js';
 export { default as SvgExitToApp } from './exit-to-app.js';
 export { default as SvgExpand } from './expand.js';
+export { default as SvgExpandReplies } from './expand-replies';
 export { default as SvgExtension } from './extension.js';
 export { default as SvgExternalLink } from './external-link.js';
 export { default as SvgEye } from './eye.js';

package/dist/components/menu/menu.d.ts

@@ -21,5 +21,6 @@ declare type MenuItemProps = {
     hasDivider?: boolean;
     children?: React.ReactNode;
     columns?: string;
+    hidden?: boolean;
 };
 export default Menu;

package/dist/components/menu/menu.js

@@ -30,7 +30,7 @@ const MenuWrapper = styled.ul `
   ${getRadius('large')};
 `;
 const MenuItemWrapper = styled.li `
-  display: grid;
+  display: ${({ hidden }) => (hidden ? 'none' : 'grid')};
   grid-auto-flow: column;
   grid-template-columns: ${props => props.columns};
   ${getSize('grid-gap', 'small')};

package/dist/components/select/select.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { HTMLAttributes } from 'react';
 declare const SelectWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, keyof React.HTMLAttributes<HTMLDivElement>>, object>;
 declare const Select: ({ container, onChange, menuZIndex, menuMaxWidth, menuMaxHeight, selectedOptionValue, onOuterClick, options, placeholder, isDisabled, onOpenChange, trigger, ...props }: SelectProps & React.ComponentProps<typeof SelectWrapper>) => JSX.Element;
 declare type OptionsObject = {
@@ -7,6 +7,7 @@ declare type OptionsObject = {
     icon?: React.ReactNode;
     isDisabled?: boolean;
     hasDivider?: boolean;
+    hidden?: HTMLAttributes<HTMLOptionElement>['hidden'];
 };
 declare type SelectProps = {
     onChange?: React.ReactEventHandler;

package/dist/components/select/select.js

@@ -193,7 +193,7 @@ const Select = (_a) => {
                     isOpen &&
                     renderLayer(React.createElement("div", Object.assign({}, layerProps, { style: Object.assign(Object.assign({}, layerProps.style), { zIndex: menuZIndex, width: triggerBounds === null || triggerBounds === void 0 ? void 0 : triggerBounds.width }) }),
                         React.createElement(Menu, { downshiftMenuProps: getMenuProps, maxWidth: menuMaxWidth, maxHeight: menuMaxHeight }, options.map((item, index) => {
-                            return (React.createElement(MenuItem, Object.assign({ key: index, getItemProps: getItemProps, icon: item.icon }, getItemProps({
+                            return (React.createElement(MenuItem, Object.assign({ key: index, getItemProps: getItemProps, icon: item.icon, hidden: item.hidden }, getItemProps({
                                 key: `${item.value}-${index}`,
                                 index,
                                 item,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loomhq/lens",
-  "version": "10.68.3",
+  "version": "10.70.0",
   "scripts": {
     "dev": "next",
     "build:next": "next build",