@elliemae/ds-menu-tree-item 3.36.0-rc.0 → 3.36.1-next.7

Sign up to get free protection for your applications and to get access to all the features.
Files changed (9) hide show
  1. package/dist/cjs/DSMenuTreeItem.js.map +1 -1
  2. package/dist/cjs/index.js +0 -1
  3. package/dist/cjs/index.js.map +1 -1
  4. package/dist/cjs/styled.js.map +1 -1
  5. package/dist/esm/DSMenuTreeItem.js.map +1 -1
  6. package/dist/esm/index.js +0 -1
  7. package/dist/esm/index.js.map +1 -1
  8. package/dist/esm/styled.js.map +1 -1
  9. package/package.json +13 -13
package/dist/cjs/DSMenuTreeItem.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSMenuTreeItem.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport React, { useCallback, useMemo } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { DSControlledRadio } from '@elliemae/ds-form-radio';\nimport Grid from '@elliemae/ds-grid';\nimport { ArrowheadDown, ArrowheadRight, Folder, FilePdf } from '@elliemae/ds-icons';\nimport { DSSeparatorV2 } from '@elliemae/ds-separator';\nimport { DSTypography } from '@elliemae/ds-typography';\nimport { type DSMenuTreeItemT, DSMenuTreeItemPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuTreeItem } from './config/useMenuTreeItem.js';\nimport { DSMenuTreeItemName } from './constants/index.js';\nimport { MenuItemWrapper, StyledButton } from './styled.js';\n\nconst mainContentCols = ['1fr'];\n\nconst DSMenuTreeItem: React.ComponentType<DSMenuTreeItemT.Props> = (props) => {\n const { propsWithDefault, xstyledProps } = useMenuTreeItem(props);\n\n const { onCollapse, item, onSelect = () => {}, isSelected, multiple } = propsWithDefault;\n const cols = useMemo(() => {\n if (isSelected !== undefined) {\n return ['auto', 'auto', 'auto', '1fr'];\n }\n return ['auto', 'auto', '1fr'];\n }, [isSelected]);\n\n const subItemsLength = useMemo(() => {\n if (item.subitems && item.subitems?.length > 0) {\n return item.subitems.length;\n }\n return 0;\n }, [item.subitems]);\n const expandableButton = useMemo(() => {\n if (subItemsLength > 0) {\n return (\n <Grid cols={['auto', 'auto']} alignItems=\"center\">\n <StyledButton\n aria-label=\"Expand\"\n buttonType=\"icon\"\n size=\"s\"\n onClick={() => {\n onCollapse(item.dsId);\n }}\n >\n {item.collapsed === false ? (\n <ArrowheadDown size=\"s\" color={['brand-primary', '800']} />\n ) : (\n <ArrowheadRight size=\"s\" color={['brand-primary', '800']} />\n )}\n </StyledButton>\n <Folder color={['brand-primary', '700']} />\n </Grid>\n );\n }\n return (\n <Grid alignItems=\"center\">\n <FilePdf color={['brand-primary', '700']} />\n </Grid>\n );\n }, [item.collapsed, item.dsId, onCollapse, subItemsLength]);\n\n const SelectComponent = React.useMemo(() => {\n if (multiple) {\n return DSControlledCheckbox;\n }\n return DSControlledRadio;\n }, [multiple]);\n\n const handleOnSelect = useCallback(() => {\n onSelect(item.dsId);\n }, [item.dsId, onSelect]);\n\n const [, setIsFocused] = React.useState(false);\n\n return (\n <MenuItemWrapper\n cols={mainContentCols}\n getOwnerProps={() => propsWithDefault}\n getOwnerPropsArguments={() => ({})}\n {...xstyledProps}\n >\n <Grid cols={cols} marginLeft={item.depth * 24} gutter=\"xxs2\" alignItems=\"center\">\n {isSelected !== undefined && (\n <SelectComponent\n onFocus={() => setIsFocused(true)}\n onBlur={() => setIsFocused(false)}\n checked={isSelected}\n onChange={handleOnSelect}\n aria-label=\"Select\"\n value={String(item.dsId)}\n />\n )}\n {expandableButton}\n <Grid alignItems=\"flex-end\">\n <DSTypography variant=\"b1\" id={`${item.dsId}-text`}>\n Test {item.dsId}\n </DSTypography>\n </Grid>\n {subItemsLength > 0 && (\n <Grid cols={['min-content', 'auto']} gutter=\"xxs\">\n <Grid alignItems=\"center\">\n <DSSeparatorV2 isVertical height=\"80%\" />\n </Grid>\n <Grid alignItems=\"flex-end\">\n <DSTypography variant=\"b1\" color=\"neutral-500\">\n {subItemsLength} Items\n </DSTypography>\n </Grid>\n </Grid>\n )}\n </Grid>\n </MenuItemWrapper>\n );\n};\n\nDSMenuTreeItem.displayName = DSMenuTreeItemName;\nconst DSMenuTreeItemWithSchema = describe(DSMenuTreeItem);\nDSMenuTreeItemWithSchema.propTypes = DSMenuTreeItemPropTypesSchema;\n\nexport { DSMenuTreeItem, DSMenuTreeItemWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": ["Grid", "React"]
7
7
  }
package/dist/cjs/index.js CHANGED
@@ -36,6 +36,5 @@ __export(src_exports, {
36
36
  module.exports = __toCommonJS(src_exports);
37
37
  var React = __toESM(require("react"));
38
38
  var import_DSMenuTreeItem = require("./DSMenuTreeItem.js");
39
- var import_react_desc_prop_types = require("./react-desc-prop-types.js");
40
39
  var import_constants = require("./constants/index.js");
41
40
  //# sourceMappingURL=index.js.map
package/dist/cjs/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/index.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSMenuTreeItem, DSMenuTreeItemWithSchema } from './DSMenuTreeItem.js';\nexport { type DSMenuTreeItemT } from './react-desc-prop-types.js';\nexport { MENU_TREE_ITEM_SLOTS, MENU_TREE_ITEM_DATA_TESTID } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,4BAAyD;AACzD,mCAAqC;AACrC,uBAAiE;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADGvB,4BAAyD;AAEzD,uBAAiE;",
6
6
  "names": []
7
7
  }
package/dist/cjs/styled.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/styled.ts", "../../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import { styled, css } from '@elliemae/ds-system';\nimport { DSButtonV3 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSMenuTreeItemName, MENU_TREE_ITEM_SLOTS } from './constants/index.js';\n\nconst borderStyle = css`\n outline: 2px solid ${({ theme }) => theme.colors.brand['700']};\n outline-offset: -2px;\n`;\n\nexport const MenuItemWrapper = styled(Grid, { name: DSMenuTreeItemName, slot: MENU_TREE_ITEM_SLOTS.ROOT })`\n height: 36px;\n\n ${({ isFocused }: any) => isFocused && borderStyle};\n &:hover {\n background-color: ${({ theme }) => theme.colors.brand['200']};\n }\n`;\n\nexport const StyledButton = styled(DSButtonV3)`\n &:hover:not(:disabled) {\n background-color: transparent;\n }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA4B;AAC5B,0BAA2B;AAC3B,qBAAqB;AACrB,uBAAyD;AAEzD,MAAM,cAAc;AAAA,uBACG,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAAA;AAIvD,MAAM,sBAAkB,yBAAO,qBAAM,EAAE,MAAM,qCAAoB,MAAM,sCAAqB,KAAK,CAAC;AAAA;AAAA;AAAA,IAGrG,CAAC,EAAE,UAAU,MAAW,aAAa;AAAA;AAAA,wBAEjB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAAA;AAIxD,MAAM,mBAAe,yBAAO,8BAAU;AAAA;AAAA;AAAA;AAAA;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAA4B;AAC5B,0BAA2B;AAC3B,qBAAqB;AACrB,uBAAyD;AAEzD,MAAM,cAAc;AAAA,uBACG,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA;AAIxD,MAAM,sBAAkB,yBAAO,qBAAM,EAAE,MAAM,qCAAoB,MAAM,sCAAqB,KAAK,CAAC;AAAA;AAAA;AAAA,IAGrG,CAAC,EAAE,UAAU,MAAW,aAAa,WAAW;AAAA;AAAA,wBAE5B,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA;AAIzD,MAAM,mBAAe,yBAAO,8BAAU;AAAA;AAAA;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
package/dist/esm/DSMenuTreeItem.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSMenuTreeItem.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unsafe-assignment */\nimport React, { useCallback, useMemo } from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport { DSControlledCheckbox } from '@elliemae/ds-form-checkbox';\nimport { DSControlledRadio } from '@elliemae/ds-form-radio';\nimport Grid from '@elliemae/ds-grid';\nimport { ArrowheadDown, ArrowheadRight, Folder, FilePdf } from '@elliemae/ds-icons';\nimport { DSSeparatorV2 } from '@elliemae/ds-separator';\nimport { DSTypography } from '@elliemae/ds-typography';\nimport { type DSMenuTreeItemT, DSMenuTreeItemPropTypesSchema } from './react-desc-prop-types.js';\nimport { useMenuTreeItem } from './config/useMenuTreeItem.js';\nimport { DSMenuTreeItemName } from './constants/index.js';\nimport { MenuItemWrapper, StyledButton } from './styled.js';\n\nconst mainContentCols = ['1fr'];\n\nconst DSMenuTreeItem: React.ComponentType<DSMenuTreeItemT.Props> = (props) => {\n const { propsWithDefault, xstyledProps } = useMenuTreeItem(props);\n\n const { onCollapse, item, onSelect = () => {}, isSelected, multiple } = propsWithDefault;\n const cols = useMemo(() => {\n if (isSelected !== undefined) {\n return ['auto', 'auto', 'auto', '1fr'];\n }\n return ['auto', 'auto', '1fr'];\n }, [isSelected]);\n\n const subItemsLength = useMemo(() => {\n if (item.subitems && item.subitems?.length > 0) {\n return item.subitems.length;\n }\n return 0;\n }, [item.subitems]);\n const expandableButton = useMemo(() => {\n if (subItemsLength > 0) {\n return (\n <Grid cols={['auto', 'auto']} alignItems=\"center\">\n <StyledButton\n aria-label=\"Expand\"\n buttonType=\"icon\"\n size=\"s\"\n onClick={() => {\n onCollapse(item.dsId);\n }}\n >\n {item.collapsed === false ? (\n <ArrowheadDown size=\"s\" color={['brand-primary', '800']} />\n ) : (\n <ArrowheadRight size=\"s\" color={['brand-primary', '800']} />\n )}\n </StyledButton>\n <Folder color={['brand-primary', '700']} />\n </Grid>\n );\n }\n return (\n <Grid alignItems=\"center\">\n <FilePdf color={['brand-primary', '700']} />\n </Grid>\n );\n }, [item.collapsed, item.dsId, onCollapse, subItemsLength]);\n\n const SelectComponent = React.useMemo(() => {\n if (multiple) {\n return DSControlledCheckbox;\n }\n return DSControlledRadio;\n }, [multiple]);\n\n const handleOnSelect = useCallback(() => {\n onSelect(item.dsId);\n }, [item.dsId, onSelect]);\n\n const [, setIsFocused] = React.useState(false);\n\n return (\n <MenuItemWrapper\n cols={mainContentCols}\n getOwnerProps={() => propsWithDefault}\n getOwnerPropsArguments={() => ({})}\n {...xstyledProps}\n >\n <Grid cols={cols} marginLeft={item.depth * 24} gutter=\"xxs2\" alignItems=\"center\">\n {isSelected !== undefined && (\n <SelectComponent\n onFocus={() => setIsFocused(true)}\n onBlur={() => setIsFocused(false)}\n checked={isSelected}\n onChange={handleOnSelect}\n aria-label=\"Select\"\n value={String(item.dsId)}\n />\n )}\n {expandableButton}\n <Grid alignItems=\"flex-end\">\n <DSTypography variant=\"b1\" id={`${item.dsId}-text`}>\n Test {item.dsId}\n </DSTypography>\n </Grid>\n {subItemsLength > 0 && (\n <Grid cols={['min-content', 'auto']} gutter=\"xxs\">\n <Grid alignItems=\"center\">\n <DSSeparatorV2 isVertical height=\"80%\" />\n </Grid>\n <Grid alignItems=\"flex-end\">\n <DSTypography variant=\"b1\" color=\"neutral-500\">\n {subItemsLength} Items\n </DSTypography>\n </Grid>\n </Grid>\n )}\n </Grid>\n </MenuItemWrapper>\n );\n};\n\nDSMenuTreeItem.displayName = DSMenuTreeItemName;\nconst DSMenuTreeItemWithSchema = describe(DSMenuTreeItem);\nDSMenuTreeItemWithSchema.propTypes = DSMenuTreeItemPropTypesSchema;\n\nexport { DSMenuTreeItem, DSMenuTreeItemWithSchema };\n"],
5
- "mappings": "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",
5
+ "mappings": "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",
6
6
  "names": ["React"]
7
7
  }
package/dist/esm/index.js CHANGED
@@ -1,6 +1,5 @@
1
1
  import * as React from "react";
2
2
  import { DSMenuTreeItem, DSMenuTreeItemWithSchema } from "./DSMenuTreeItem.js";
3
- import {} from "./react-desc-prop-types.js";
4
3
  import { MENU_TREE_ITEM_SLOTS, MENU_TREE_ITEM_DATA_TESTID } from "./constants/index.js";
5
4
  export {
6
5
  DSMenuTreeItem,
package/dist/esm/index.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "// this is a workaround to typescript error TS2742\n// https://github.com/microsoft/TypeScript/issues/47663\nimport type {} from '@xstyled/system';\nexport { DSMenuTreeItem, DSMenuTreeItemWithSchema } from './DSMenuTreeItem.js';\nexport { type DSMenuTreeItemT } from './react-desc-prop-types.js';\nexport { MENU_TREE_ITEM_SLOTS, MENU_TREE_ITEM_DATA_TESTID } from './constants/index.js';\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,gBAAgB,gCAAgC;AACzD,eAAqC;AACrC,SAAS,sBAAsB,kCAAkC;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACGvB,SAAS,gBAAgB,gCAAgC;AAEzD,SAAS,sBAAsB,kCAAkC;",
6
6
  "names": []
7
7
  }
package/dist/esm/styled.js.map CHANGED
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.ts"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled, css } from '@elliemae/ds-system';\nimport { DSButtonV3 } from '@elliemae/ds-button-v2';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSMenuTreeItemName, MENU_TREE_ITEM_SLOTS } from './constants/index.js';\n\nconst borderStyle = css`\n outline: 2px solid ${({ theme }) => theme.colors.brand['700']};\n outline-offset: -2px;\n`;\n\nexport const MenuItemWrapper = styled(Grid, { name: DSMenuTreeItemName, slot: MENU_TREE_ITEM_SLOTS.ROOT })`\n height: 36px;\n\n ${({ isFocused }: any) => isFocused && borderStyle};\n &:hover {\n background-color: ${({ theme }) => theme.colors.brand['200']};\n }\n`;\n\nexport const StyledButton = styled(DSButtonV3)`\n &:hover:not(:disabled) {\n background-color: transparent;\n }\n`;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,WAAW;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,oBAAoB,4BAA4B;AAEzD,MAAM,cAAc;AAAA,uBACG,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAAA;AAIvD,MAAM,kBAAkB,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,qBAAqB,KAAK,CAAC;AAAA;AAAA;AAAA,IAGrG,CAAC,EAAE,UAAU,MAAW,aAAa;AAAA;AAAA,wBAEjB,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK;AAAA;AAAA;AAIxD,MAAM,eAAe,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,QAAQ,WAAW;AAC5B,SAAS,kBAAkB;AAC3B,SAAS,YAAY;AACrB,SAAS,oBAAoB,4BAA4B;AAEzD,MAAM,cAAc;AAAA,uBACG,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA;AAIxD,MAAM,kBAAkB,OAAO,MAAM,EAAE,MAAM,oBAAoB,MAAM,qBAAqB,KAAK,CAAC;AAAA;AAAA;AAAA,IAGrG,CAAC,EAAE,UAAU,MAAW,aAAa,WAAW;AAAA;AAAA,wBAE5B,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,MAAM,KAAK,CAAC;AAAA;AAAA;AAIzD,MAAM,eAAe,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA;",
6
6
  "names": []
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-menu-tree-item",
3
- "version": "3.36.0-rc.0",
3
+ "version": "3.36.1-next.7",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Menu Tree Item",
6
6
  "files": [
@@ -37,22 +37,22 @@
37
37
  },
38
38
  "dependencies": {
39
39
  "@xstyled/styled-components": "~3.6.0",
40
- "@elliemae/ds-button-v2": "3.36.0-rc.0",
41
- "@elliemae/ds-form-checkbox": "3.36.0-rc.0",
42
- "@elliemae/ds-form-radio": "3.36.0-rc.0",
43
- "@elliemae/ds-grid": "3.36.0-rc.0",
44
- "@elliemae/ds-icons": "3.36.0-rc.0",
45
- "@elliemae/ds-props-helpers": "3.36.0-rc.0",
46
- "@elliemae/ds-separator": "3.36.0-rc.0",
47
- "@elliemae/ds-system": "3.36.0-rc.0",
48
- "@elliemae/ds-typescript-helpers": "3.36.0-rc.0",
49
- "@elliemae/ds-typography": "3.36.0-rc.0",
50
- "@elliemae/ds-utilities": "3.36.0-rc.0"
40
+ "@elliemae/ds-button-v2": "3.36.1-next.7",
41
+ "@elliemae/ds-form-checkbox": "3.36.1-next.7",
42
+ "@elliemae/ds-form-radio": "3.36.1-next.7",
43
+ "@elliemae/ds-grid": "3.36.1-next.7",
44
+ "@elliemae/ds-icons": "3.36.1-next.7",
45
+ "@elliemae/ds-props-helpers": "3.36.1-next.7",
46
+ "@elliemae/ds-separator": "3.36.1-next.7",
47
+ "@elliemae/ds-system": "3.36.1-next.7",
48
+ "@elliemae/ds-typescript-helpers": "3.36.1-next.7",
49
+ "@elliemae/ds-utilities": "3.36.1-next.7",
50
+ "@elliemae/ds-typography": "3.36.1-next.7"
51
51
  },
52
52
  "devDependencies": {
53
53
  "@elliemae/pui-cli": "~9.0.0-next.31",
54
54
  "styled-components": "~5.3.9",
55
- "@elliemae/ds-monorepo-devops": "3.36.0-rc.0"
55
+ "@elliemae/ds-monorepo-devops": "3.36.1-next.7"
56
56
  },
57
57
  "peerDependencies": {
58
58
  "@testing-library/jest-dom": "~5.16.4",