@elliemae/ds-button-group 3.12.0-rc.2 → 3.12.0-rc.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -45,23 +45,26 @@ const GroupContainer = (0, import_ds_classnames.aggregatedClasses)("div")(blockN
45
45
  }));
46
46
  const DSButtonGroup = ({ size, buttonType, orientation, spacing, children: buttons, containerProps }) => {
47
47
  (0, import_ds_utilities.useDeprecateComponent)({ componentName: "ds-button-group", version: "3.x" });
48
- return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(GroupContainer, {
49
- classProps: {
50
- vertical: orientation === "vertical",
51
- horizontal: orientation !== "vertical",
52
- spacing
53
- },
54
- ...containerProps,
55
- children: import_react.default.Children.map(
56
- buttons,
57
- (button) => import_react.default.cloneElement(button, {
58
- buttonType,
59
- size,
60
- ...button.props
61
- }),
62
- null
63
- )
64
- });
48
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
49
+ GroupContainer,
50
+ {
51
+ classProps: {
52
+ vertical: orientation === "vertical",
53
+ horizontal: orientation !== "vertical",
54
+ spacing
55
+ },
56
+ ...containerProps,
57
+ children: import_react.default.Children.map(
58
+ buttons,
59
+ (button) => import_react.default.cloneElement(button, {
60
+ buttonType,
61
+ size,
62
+ ...button.props
63
+ }),
64
+ null
65
+ )
66
+ }
67
+ );
65
68
  };
66
69
  DSButtonGroup.defaultProps = {
67
70
  size: "m",
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../src/DSButtonGroup.tsx", "../../../../scripts/build/transpile/react-shim.js"],
4
4
  "sourcesContent": ["import React from 'react';\nimport { PropTypes, describe, useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSButton, { buttonTypes } from '@elliemae/ds-button';\nimport { dsBasicSizes, orientation as buttonGroupOrientation } from '@elliemae/ds-shared';\nimport { defaultProps } from './defaultProps';\n\nconst blockName = 'button-group';\n\nconst GroupContainer = aggregatedClasses('div')(blockName, null, ({ vertical, horizontal, spacing }) => ({\n vertical,\n horizontal,\n [spacing]: spacing,\n}));\n\nconst DSButtonGroup = ({ size, buttonType, orientation, spacing, children: buttons, containerProps }) => {\n useDeprecateComponent({ componentName: 'ds-button-group', version: '3.x' });\n\n return (\n <GroupContainer\n classProps={{\n vertical: orientation === 'vertical',\n horizontal: orientation !== 'vertical',\n spacing,\n }}\n {...containerProps}\n >\n {React.Children.map(\n buttons,\n (button) =>\n React.cloneElement(button, {\n buttonType,\n size,\n // Keeping it this way to allow individual Buttons to override group props\n // [buttonType | size]\n ...button.props,\n }),\n null,\n )}\n </GroupContainer>\n );\n};\n\nDSButtonGroup.defaultProps = {\n size: 'm',\n buttonType: 'secondary',\n orientation: 'horizontal',\n};\n\nconst props = {\n /** props injected to wrapper of page header */\n containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),\n /**\n * ['s', 'm', 'l']\n */\n size: PropTypes.oneOf(dsBasicSizes).description(\"['s', 'm', 'l']\"),\n /**\n * ['primary', 'secondary', 'text', 'link']\n */\n buttonType: PropTypes.oneOf(buttonTypes).description(\"['primary', 'secondary', 'text', 'link']\"),\n /**\n * ['horizontal', 'vertical']\n */\n orientation: PropTypes.oneOf(buttonGroupOrientation).description(\"['horizontal', 'vertical']\"),\n /**\n * ['s', 'm', 'l']\n */\n spacing: PropTypes.oneOf(dsBasicSizes).description(\"['s', 'm', 'l']\"),\n /**\n * Button group items to show of type DSButton\n */\n children: PropTypes.arrayOf(PropTypes.oneOf([DSButton])).description('Button group items to show of type DSButton'),\n};\n\nDSButtonGroup.defaultProps = defaultProps;\nDSButtonGroup.propTypes = props;\nDSButtonGroup.displayName = 'DSButtonGroup';\n\nconst DSButtonGroupWithSchema = describe(DSButtonGroup);\n\nDSButtonGroupWithSchema.propTypes = props;\n\nexport { DSButtonGroup, DSButtonGroupWithSchema };\nexport default DSButtonGroup;\n", "import * as React from 'react';\nexport { React };\n"],
5
- "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBnB;AAnBJ,mBAAkB;AAClB,0BAA2D;AAC3D,2BAAkC;AAClC,uBAAsC;AACtC,uBAAoE;AACpE,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,UAAU,YAAY,QAAQ,OAAO;AAAA,EACvG;AAAA,EACA;AAAA,EACA,CAAC,UAAU;AACb,EAAE;AAEF,MAAM,gBAAgB,CAAC,EAAE,MAAM,YAAY,aAAa,SAAS,UAAU,SAAS,eAAe,MAAM;AACvG,iDAAsB,EAAE,eAAe,mBAAmB,SAAS,MAAM,CAAC;AAE1E,SACE,4CAAC;AAAA,IACC,YAAY;AAAA,MACV,UAAU,gBAAgB;AAAA,MAC1B,YAAY,gBAAgB;AAAA,MAC5B;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH,uBAAAA,QAAM,SAAS;AAAA,MACd;AAAA,MACA,CAAC,WACC,aAAAA,QAAM,aAAa,QAAQ;AAAA,QACzB;AAAA,QACA;AAAA,QAGA,GAAG,OAAO;AAAA,MACZ,CAAC;AAAA,MACH;AAAA,IACF;AAAA,GACF;AAEJ;AAEA,cAAc,eAAe;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AACf;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA,EAI1F,MAAM,8BAAU,MAAM,6BAAY,EAAE,YAAY,iBAAiB;AAAA,EAIjE,YAAY,8BAAU,MAAM,4BAAW,EAAE,YAAY,0CAA0C;AAAA,EAI/F,aAAa,8BAAU,MAAM,iBAAAC,WAAsB,EAAE,YAAY,4BAA4B;AAAA,EAI7F,SAAS,8BAAU,MAAM,6BAAY,EAAE,YAAY,iBAAiB;AAAA,EAIpE,UAAU,8BAAU,QAAQ,8BAAU,MAAM,CAAC,iBAAAC,OAAQ,CAAC,CAAC,EAAE,YAAY,6CAA6C;AACpH;AAEA,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,cAAc;AAE5B,MAAM,8BAA0B,8BAAS,aAAa;AAEtD,wBAAwB,YAAY;AAGpC,IAAO,wBAAQ;",
5
+ "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADmBnB;AAnBJ,mBAAkB;AAClB,0BAA2D;AAC3D,2BAAkC;AAClC,uBAAsC;AACtC,uBAAoE;AACpE,0BAA6B;AAE7B,MAAM,YAAY;AAElB,MAAM,qBAAiB,wCAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,UAAU,YAAY,QAAQ,OAAO;AAAA,EACvG;AAAA,EACA;AAAA,EACA,CAAC,UAAU;AACb,EAAE;AAEF,MAAM,gBAAgB,CAAC,EAAE,MAAM,YAAY,aAAa,SAAS,UAAU,SAAS,eAAe,MAAM;AACvG,iDAAsB,EAAE,eAAe,mBAAmB,SAAS,MAAM,CAAC;AAE1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV,UAAU,gBAAgB;AAAA,QAC1B,YAAY,gBAAgB;AAAA,QAC5B;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,uBAAAA,QAAM,SAAS;AAAA,QACd;AAAA,QACA,CAAC,WACC,aAAAA,QAAM,aAAa,QAAQ;AAAA,UACzB;AAAA,UACA;AAAA,UAGA,GAAG,OAAO;AAAA,QACZ,CAAC;AAAA,QACH;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,eAAe;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AACf;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA,EAI1F,MAAM,8BAAU,MAAM,6BAAY,EAAE,YAAY,iBAAiB;AAAA,EAIjE,YAAY,8BAAU,MAAM,4BAAW,EAAE,YAAY,0CAA0C;AAAA,EAI/F,aAAa,8BAAU,MAAM,iBAAAC,WAAsB,EAAE,YAAY,4BAA4B;AAAA,EAI7F,SAAS,8BAAU,MAAM,6BAAY,EAAE,YAAY,iBAAiB;AAAA,EAIpE,UAAU,8BAAU,QAAQ,8BAAU,MAAM,CAAC,iBAAAC,OAAQ,CAAC,CAAC,EAAE,YAAY,6CAA6C;AACpH;AAEA,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,cAAc;AAE5B,MAAM,8BAA0B,8BAAS,aAAa;AAEtD,wBAAwB,YAAY;AAGpC,IAAO,wBAAQ;",
6
6
  "names": ["React", "buttonGroupOrientation", "DSButton"]
7
7
  }
@@ -14,23 +14,26 @@ const GroupContainer = aggregatedClasses("div")(blockName, null, ({ vertical, ho
14
14
  }));
15
15
  const DSButtonGroup = ({ size, buttonType, orientation, spacing, children: buttons, containerProps }) => {
16
16
  useDeprecateComponent({ componentName: "ds-button-group", version: "3.x" });
17
- return /* @__PURE__ */ jsx(GroupContainer, {
18
- classProps: {
19
- vertical: orientation === "vertical",
20
- horizontal: orientation !== "vertical",
21
- spacing
22
- },
23
- ...containerProps,
24
- children: React2.Children.map(
25
- buttons,
26
- (button) => React2.cloneElement(button, {
27
- buttonType,
28
- size,
29
- ...button.props
30
- }),
31
- null
32
- )
33
- });
17
+ return /* @__PURE__ */ jsx(
18
+ GroupContainer,
19
+ {
20
+ classProps: {
21
+ vertical: orientation === "vertical",
22
+ horizontal: orientation !== "vertical",
23
+ spacing
24
+ },
25
+ ...containerProps,
26
+ children: React2.Children.map(
27
+ buttons,
28
+ (button) => React2.cloneElement(button, {
29
+ buttonType,
30
+ size,
31
+ ...button.props
32
+ }),
33
+ null
34
+ )
35
+ }
36
+ );
34
37
  };
35
38
  DSButtonGroup.defaultProps = {
36
39
  size: "m",
@@ -2,6 +2,6 @@
2
2
  "version": 3,
3
3
  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/DSButtonGroup.tsx"],
4
4
  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { PropTypes, describe, useDeprecateComponent } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\nimport DSButton, { buttonTypes } from '@elliemae/ds-button';\nimport { dsBasicSizes, orientation as buttonGroupOrientation } from '@elliemae/ds-shared';\nimport { defaultProps } from './defaultProps';\n\nconst blockName = 'button-group';\n\nconst GroupContainer = aggregatedClasses('div')(blockName, null, ({ vertical, horizontal, spacing }) => ({\n vertical,\n horizontal,\n [spacing]: spacing,\n}));\n\nconst DSButtonGroup = ({ size, buttonType, orientation, spacing, children: buttons, containerProps }) => {\n useDeprecateComponent({ componentName: 'ds-button-group', version: '3.x' });\n\n return (\n <GroupContainer\n classProps={{\n vertical: orientation === 'vertical',\n horizontal: orientation !== 'vertical',\n spacing,\n }}\n {...containerProps}\n >\n {React.Children.map(\n buttons,\n (button) =>\n React.cloneElement(button, {\n buttonType,\n size,\n // Keeping it this way to allow individual Buttons to override group props\n // [buttonType | size]\n ...button.props,\n }),\n null,\n )}\n </GroupContainer>\n );\n};\n\nDSButtonGroup.defaultProps = {\n size: 'm',\n buttonType: 'secondary',\n orientation: 'horizontal',\n};\n\nconst props = {\n /** props injected to wrapper of page header */\n containerProps: PropTypes.shape({}).description('props injected to wrapper of page header'),\n /**\n * ['s', 'm', 'l']\n */\n size: PropTypes.oneOf(dsBasicSizes).description(\"['s', 'm', 'l']\"),\n /**\n * ['primary', 'secondary', 'text', 'link']\n */\n buttonType: PropTypes.oneOf(buttonTypes).description(\"['primary', 'secondary', 'text', 'link']\"),\n /**\n * ['horizontal', 'vertical']\n */\n orientation: PropTypes.oneOf(buttonGroupOrientation).description(\"['horizontal', 'vertical']\"),\n /**\n * ['s', 'm', 'l']\n */\n spacing: PropTypes.oneOf(dsBasicSizes).description(\"['s', 'm', 'l']\"),\n /**\n * Button group items to show of type DSButton\n */\n children: PropTypes.arrayOf(PropTypes.oneOf([DSButton])).description('Button group items to show of type DSButton'),\n};\n\nDSButtonGroup.defaultProps = defaultProps;\nDSButtonGroup.propTypes = props;\nDSButtonGroup.displayName = 'DSButtonGroup';\n\nconst DSButtonGroupWithSchema = describe(DSButtonGroup);\n\nDSButtonGroupWithSchema.propTypes = props;\n\nexport { DSButtonGroup, DSButtonGroupWithSchema };\nexport default DSButtonGroup;\n"],
5
- "mappings": "AAAA,YAAY,WAAW;ACmBnB;AAnBJ,OAAOA,YAAW;AAClB,SAAS,WAAW,UAAU,6BAA6B;AAC3D,SAAS,yBAAyB;AAClC,OAAO,YAAY,mBAAmB;AACtC,SAAS,cAAc,eAAe,8BAA8B;AACpE,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAElB,MAAM,iBAAiB,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,UAAU,YAAY,QAAQ,OAAO;AAAA,EACvG;AAAA,EACA;AAAA,EACA,CAAC,UAAU;AACb,EAAE;AAEF,MAAM,gBAAgB,CAAC,EAAE,MAAM,YAAY,aAAa,SAAS,UAAU,SAAS,eAAe,MAAM;AACvG,wBAAsB,EAAE,eAAe,mBAAmB,SAAS,MAAM,CAAC;AAE1E,SACE,oBAAC;AAAA,IACC,YAAY;AAAA,MACV,UAAU,gBAAgB;AAAA,MAC1B,YAAY,gBAAgB;AAAA,MAC5B;AAAA,IACF;AAAA,IACC,GAAG;AAAA,IAEH,UAAAA,OAAM,SAAS;AAAA,MACd;AAAA,MACA,CAAC,WACCA,OAAM,aAAa,QAAQ;AAAA,QACzB;AAAA,QACA;AAAA,QAGA,GAAG,OAAO;AAAA,MACZ,CAAC;AAAA,MACH;AAAA,IACF;AAAA,GACF;AAEJ;AAEA,cAAc,eAAe;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AACf;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA,EAI1F,MAAM,UAAU,MAAM,YAAY,EAAE,YAAY,iBAAiB;AAAA,EAIjE,YAAY,UAAU,MAAM,WAAW,EAAE,YAAY,0CAA0C;AAAA,EAI/F,aAAa,UAAU,MAAM,sBAAsB,EAAE,YAAY,4BAA4B;AAAA,EAI7F,SAAS,UAAU,MAAM,YAAY,EAAE,YAAY,iBAAiB;AAAA,EAIpE,UAAU,UAAU,QAAQ,UAAU,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,YAAY,6CAA6C;AACpH;AAEA,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,cAAc;AAE5B,MAAM,0BAA0B,SAAS,aAAa;AAEtD,wBAAwB,YAAY;AAGpC,IAAO,wBAAQ;",
5
+ "mappings": "AAAA,YAAY,WAAW;ACmBnB;AAnBJ,OAAOA,YAAW;AAClB,SAAS,WAAW,UAAU,6BAA6B;AAC3D,SAAS,yBAAyB;AAClC,OAAO,YAAY,mBAAmB;AACtC,SAAS,cAAc,eAAe,8BAA8B;AACpE,SAAS,oBAAoB;AAE7B,MAAM,YAAY;AAElB,MAAM,iBAAiB,kBAAkB,KAAK,EAAE,WAAW,MAAM,CAAC,EAAE,UAAU,YAAY,QAAQ,OAAO;AAAA,EACvG;AAAA,EACA;AAAA,EACA,CAAC,UAAU;AACb,EAAE;AAEF,MAAM,gBAAgB,CAAC,EAAE,MAAM,YAAY,aAAa,SAAS,UAAU,SAAS,eAAe,MAAM;AACvG,wBAAsB,EAAE,eAAe,mBAAmB,SAAS,MAAM,CAAC;AAE1E,SACE;AAAA,IAAC;AAAA;AAAA,MACC,YAAY;AAAA,QACV,UAAU,gBAAgB;AAAA,QAC1B,YAAY,gBAAgB;AAAA,QAC5B;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,UAAAA,OAAM,SAAS;AAAA,QACd;AAAA,QACA,CAAC,WACCA,OAAM,aAAa,QAAQ;AAAA,UACzB;AAAA,UACA;AAAA,UAGA,GAAG,OAAO;AAAA,QACZ,CAAC;AAAA,QACH;AAAA,MACF;AAAA;AAAA,EACF;AAEJ;AAEA,cAAc,eAAe;AAAA,EAC3B,MAAM;AAAA,EACN,YAAY;AAAA,EACZ,aAAa;AACf;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,UAAU,MAAM,CAAC,CAAC,EAAE,YAAY,0CAA0C;AAAA,EAI1F,MAAM,UAAU,MAAM,YAAY,EAAE,YAAY,iBAAiB;AAAA,EAIjE,YAAY,UAAU,MAAM,WAAW,EAAE,YAAY,0CAA0C;AAAA,EAI/F,aAAa,UAAU,MAAM,sBAAsB,EAAE,YAAY,4BAA4B;AAAA,EAI7F,SAAS,UAAU,MAAM,YAAY,EAAE,YAAY,iBAAiB;AAAA,EAIpE,UAAU,UAAU,QAAQ,UAAU,MAAM,CAAC,QAAQ,CAAC,CAAC,EAAE,YAAY,6CAA6C;AACpH;AAEA,cAAc,eAAe;AAC7B,cAAc,YAAY;AAC1B,cAAc,cAAc;AAE5B,MAAM,0BAA0B,SAAS,aAAa;AAEtD,wBAAwB,YAAY;AAGpC,IAAO,wBAAQ;",
6
6
  "names": ["React"]
7
7
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-button-group",
3
- "version": "3.12.0-rc.2",
3
+ "version": "3.12.0-rc.4",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Button Group",
6
6
  "files": [
@@ -43,10 +43,10 @@
43
43
  "indent": 4
44
44
  },
45
45
  "dependencies": {
46
- "@elliemae/ds-button": "3.12.0-rc.2",
47
- "@elliemae/ds-classnames": "3.12.0-rc.2",
48
- "@elliemae/ds-shared": "3.12.0-rc.2",
49
- "@elliemae/ds-utilities": "3.12.0-rc.2"
46
+ "@elliemae/ds-button": "3.12.0-rc.4",
47
+ "@elliemae/ds-classnames": "3.12.0-rc.4",
48
+ "@elliemae/ds-shared": "3.12.0-rc.4",
49
+ "@elliemae/ds-utilities": "3.12.0-rc.4"
50
50
  },
51
51
  "devDependencies": {
52
52
  "@testing-library/jest-dom": "~5.16.4",