@activecollab/components 2.0.286 → 2.0.287

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.
@@ -7,7 +7,7 @@ exports.Choose = void 0;
7
7
  var _react = _interopRequireDefault(require("react"));
8
8
  var _classnames = _interopRequireDefault(require("classnames"));
9
9
  var _Styles = require("./Styles");
10
- var _excluded = ["children", "disabled", "active", "className"];
10
+ var _excluded = ["children", "disabled", "active", "className", "type"];
11
11
  function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
12
12
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
13
13
  function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
@@ -22,11 +22,14 @@ var Choose = exports.Choose = function Choose(_ref) {
22
22
  _ref$active = _ref.active,
23
23
  active = _ref$active === void 0 ? false : _ref$active,
24
24
  className = _ref.className,
25
+ _ref$type = _ref.type,
26
+ type = _ref$type === void 0 ? "button" : _ref$type,
25
27
  args = _objectWithoutProperties(_ref, _excluded);
26
28
  return /*#__PURE__*/_react.default.createElement(_Styles.StyledChoose, _extends({
27
29
  disabled: disabled,
28
30
  className: (0, _classnames.default)("c-choose", className),
29
- active: active
31
+ active: active,
32
+ type: type
30
33
  }, args), children);
31
34
  };
32
35
  Choose.displayName = "Choose";
@@ -1 +1 @@
1
- {"version":3,"file":"Choose.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","Choose","exports","_ref","children","_ref$disabled","disabled","_ref$active","active","className","args","createElement","StyledChoose","classNames","displayName"],"sources":["../../../../src/components/Choose/Choose.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes, ReactElement } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledChoose } from \"./Styles\";\n\nexport interface IChooseProps extends BaseHTMLAttributes<HTMLButtonElement> {\n /** Children type of node or string */\n children: ReactElement | string;\n /** Disabled prop */\n disabled?: boolean;\n /** Active prop */\n active?: boolean;\n /** CSS classes */\n className?: string;\n}\n\n/**\n * Choose component\n */\nexport const Choose: FC<IChooseProps> = ({\n children,\n disabled = false,\n active = false,\n className,\n ...args\n}) => {\n return (\n <StyledChoose\n disabled={disabled}\n className={classNames(\"c-choose\", className)}\n active={active}\n {...args}\n >\n {children}\n </StyledChoose>\n );\n};\n\nChoose.displayName = \"Choose\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAAwC,IAAAG,SAAA;AAAA,SAAAJ,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,yBAAAf,CAAA,EAAAU,CAAA,gBAAAV,CAAA,iBAAAgB,CAAA,EAAAL,CAAA,EAAAM,CAAA,GAAAC,6BAAA,CAAAlB,CAAA,EAAAU,CAAA,OAAAN,MAAA,CAAAe,qBAAA,QAAAZ,CAAA,GAAAH,MAAA,CAAAe,qBAAA,CAAAnB,CAAA,QAAAW,CAAA,MAAAA,CAAA,GAAAJ,CAAA,CAAAE,MAAA,EAAAE,CAAA,IAAAK,CAAA,GAAAT,CAAA,CAAAI,CAAA,UAAAD,CAAA,CAAAU,OAAA,CAAAJ,CAAA,QAAAK,oBAAA,CAAAR,IAAA,CAAAb,CAAA,EAAAgB,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAhB,CAAA,CAAAgB,CAAA,aAAAC,CAAA;AAAA,SAAAC,8BAAAP,CAAA,EAAAX,CAAA,gBAAAW,CAAA,iBAAAD,CAAA,gBAAAH,CAAA,IAAAI,CAAA,SAAAC,cAAA,CAAAC,IAAA,CAAAF,CAAA,EAAAJ,CAAA,gBAAAP,CAAA,CAAAoB,OAAA,CAAAb,CAAA,aAAAG,CAAA,CAAAH,CAAA,IAAAI,CAAA,CAAAJ,CAAA,YAAAG,CAAA;AAaxC;AACA;AACA;AACO,IAAMY,MAAwB,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAA3BA,MAAwBA,CAAAE,IAAA,EAM/B;EAAA,IALJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,aAAA,GAAAF,IAAA,CACRG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,WAAA,GAAAJ,IAAA,CAChBK,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IACdE,SAAS,GAAAN,IAAA,CAATM,SAAS;IACNC,IAAI,GAAAhB,wBAAA,CAAAS,IAAA,EAAAzB,SAAA;EAEP,oBACEL,MAAA,CAAAQ,OAAA,CAAA8B,aAAA,CAAClC,OAAA,CAAAmC,YAAY,EAAA9B,QAAA;IACXwB,QAAQ,EAAEA,QAAS;IACnBG,SAAS,EAAE,IAAAI,mBAAU,EAAC,UAAU,EAAEJ,SAAS,CAAE;IAC7CD,MAAM,EAAEA;EAAO,GACXE,IAAI,GAEPN,QACW,CAAC;AAEnB,CAAC;AAEDH,MAAM,CAACa,WAAW,GAAG,QAAQ","ignoreList":[]}
1
+ {"version":3,"file":"Choose.js","names":["_react","_interopRequireDefault","require","_classnames","_Styles","_excluded","e","__esModule","default","_extends","Object","assign","bind","n","arguments","length","t","r","hasOwnProperty","call","apply","_objectWithoutProperties","o","i","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","Choose","exports","_ref","children","_ref$disabled","disabled","_ref$active","active","className","_ref$type","type","args","createElement","StyledChoose","classNames","displayName"],"sources":["../../../../src/components/Choose/Choose.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes, ReactElement } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledChoose } from \"./Styles\";\n\nexport interface IChooseProps extends BaseHTMLAttributes<HTMLButtonElement> {\n /** Children type of node or string */\n children: ReactElement | string;\n /** Disabled prop */\n disabled?: boolean;\n /** Active prop */\n active?: boolean;\n /** CSS classes */\n className?: string;\n /** Button type */\n type?: \"button\" | \"submit\" | \"reset\";\n}\n\n/**\n * Choose component\n */\nexport const Choose: FC<IChooseProps> = ({\n children,\n disabled = false,\n active = false,\n className,\n type = \"button\",\n ...args\n}) => {\n return (\n <StyledChoose\n disabled={disabled}\n className={classNames(\"c-choose\", className)}\n active={active}\n type={type}\n {...args}\n >\n {children}\n </StyledChoose>\n );\n};\n\nChoose.displayName = \"Choose\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,WAAA,GAAAF,sBAAA,CAAAC,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AAAwC,IAAAG,SAAA;AAAA,SAAAJ,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,SAAA,WAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,CAAA,aAAAP,CAAA,MAAAA,CAAA,GAAAQ,SAAA,CAAAC,MAAA,EAAAT,CAAA,UAAAU,CAAA,GAAAF,SAAA,CAAAR,CAAA,YAAAW,CAAA,IAAAD,CAAA,OAAAE,cAAA,CAAAC,IAAA,CAAAH,CAAA,EAAAC,CAAA,MAAAJ,CAAA,CAAAI,CAAA,IAAAD,CAAA,CAAAC,CAAA,aAAAJ,CAAA,KAAAJ,QAAA,CAAAW,KAAA,OAAAN,SAAA;AAAA,SAAAO,yBAAAf,CAAA,EAAAU,CAAA,gBAAAV,CAAA,iBAAAgB,CAAA,EAAAL,CAAA,EAAAM,CAAA,GAAAC,6BAAA,CAAAlB,CAAA,EAAAU,CAAA,OAAAN,MAAA,CAAAe,qBAAA,QAAAZ,CAAA,GAAAH,MAAA,CAAAe,qBAAA,CAAAnB,CAAA,QAAAW,CAAA,MAAAA,CAAA,GAAAJ,CAAA,CAAAE,MAAA,EAAAE,CAAA,IAAAK,CAAA,GAAAT,CAAA,CAAAI,CAAA,UAAAD,CAAA,CAAAU,OAAA,CAAAJ,CAAA,QAAAK,oBAAA,CAAAR,IAAA,CAAAb,CAAA,EAAAgB,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAhB,CAAA,CAAAgB,CAAA,aAAAC,CAAA;AAAA,SAAAC,8BAAAP,CAAA,EAAAX,CAAA,gBAAAW,CAAA,iBAAAD,CAAA,gBAAAH,CAAA,IAAAI,CAAA,SAAAC,cAAA,CAAAC,IAAA,CAAAF,CAAA,EAAAJ,CAAA,gBAAAP,CAAA,CAAAoB,OAAA,CAAAb,CAAA,aAAAG,CAAA,CAAAH,CAAA,IAAAI,CAAA,CAAAJ,CAAA,YAAAG,CAAA;AAexC;AACA;AACA;AACO,IAAMY,MAAwB,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAA3BA,MAAwBA,CAAAE,IAAA,EAO/B;EAAA,IANJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,aAAA,GAAAF,IAAA,CACRG,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,WAAA,GAAAJ,IAAA,CAChBK,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IACdE,SAAS,GAAAN,IAAA,CAATM,SAAS;IAAAC,SAAA,GAAAP,IAAA,CACTQ,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IACZE,IAAI,GAAAlB,wBAAA,CAAAS,IAAA,EAAAzB,SAAA;EAEP,oBACEL,MAAA,CAAAQ,OAAA,CAAAgC,aAAA,CAACpC,OAAA,CAAAqC,YAAY,EAAAhC,QAAA;IACXwB,QAAQ,EAAEA,QAAS;IACnBG,SAAS,EAAE,IAAAM,mBAAU,EAAC,UAAU,EAAEN,SAAS,CAAE;IAC7CD,MAAM,EAAEA,MAAO;IACfG,IAAI,EAAEA;EAAK,GACPC,IAAI,GAEPR,QACW,CAAC;AAEnB,CAAC;AAEDH,MAAM,CAACe,WAAW,GAAG,QAAQ","ignoreList":[]}
@@ -10,7 +10,7 @@ var _utils = require("../../utils");
10
10
  var _ButtonGroup = require("../ButtonGroup");
11
11
  var _Checkbox = require("../Checkbox");
12
12
  var _RadioButton = require("../RadioButton");
13
- var _excluded = ["required", "multiple", "invalid", "options", "selected", "onChange"];
13
+ var _excluded = ["required", "multiple", "invalid", "options", "selected", "onChange", "type"];
14
14
  function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
15
15
  function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
16
16
  function _slicedToArray(r, e) { return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest(); }
@@ -32,6 +32,8 @@ var ChooseV2 = exports.ChooseV2 = /*#__PURE__*/_react.default.forwardRef(functio
32
32
  options = _ref.options,
33
33
  selected = _ref.selected,
34
34
  onChange = _ref.onChange,
35
+ _ref$type = _ref.type,
36
+ type = _ref$type === void 0 ? "button" : _ref$type,
35
37
  rest = _objectWithoutProperties(_ref, _excluded);
36
38
  var internalRef = (0, _react.useRef)(null);
37
39
  var flexContainerRef = (0, _react.useRef)(null);
@@ -139,7 +141,8 @@ var ChooseV2 = exports.ChooseV2 = /*#__PURE__*/_react.default.forwardRef(functio
139
141
  disabled: option.disabled,
140
142
  onClick: function onClick() {
141
143
  return handleSelect(option.id);
142
- }
144
+ },
145
+ type: type
143
146
  }, option.name);
144
147
  }))));
145
148
  });
@@ -1 +1 @@
1
- {"version":3,"file":"ChooseV2.js","names":["_react","_interopRequireWildcard","require","_Styles","_utils","_ButtonGroup","_Checkbox","_RadioButton","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","Symbol","iterator","u","next","done","push","value","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","ChooseV2","exports","React","forwardRef","_ref","ref","_parentSize$width","_flexSize$width","_ref$required","required","_ref$multiple","multiple","_ref$invalid","invalid","options","selected","onChange","rest","internalRef","useRef","flexContainerRef","handleRef","useForkRef","_useState","useState","_useState2","useVerticalLayout","setUseVerticalLayout","_useState3","_useState4","isReady","setIsReady","parentSize","useResizeObserver","flexSize","parentWidth","width","flexWidth","useEffect","measure","temp","document","createElement","style","display","visibility","position","whiteSpace","pointerEvents","body","appendChild","forEach","option","button","textContent","padding","border","marginRight","totalWidth","offsetWidth","removeChild","requestAnimationFrame","handleSelect","id","newSelected","includes","filter","s","minHeight","StyledVerticalContainer","map","StyledRadioOption","$disabled","disabled","key","Checkbox","checked","concat","RadioButton","StyledLabel","weight","htmlFor","StyledFlexContainer","ButtonGroup","StyledChoose","active","onClick","displayName"],"sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\n\nimport {\n StyledChoose,\n StyledFlexContainer,\n StyledLabel,\n StyledRadioOption,\n StyledVerticalContainer,\n} from \"./Styles\";\nimport { useResizeObserver, useForkRef } from \"../../utils\";\nimport { ButtonGroup } from \"../ButtonGroup\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface ChooseV2Option {\n id: string | number;\n name: string;\n disabled?: boolean;\n}\n\nexport interface ChooseV2Props {\n required?: boolean;\n multiple?: boolean;\n invalid?: boolean;\n options: ChooseV2Option[];\n selected: (string | number)[];\n onChange: (ids: (string | number)[]) => void;\n}\n\nexport const ChooseV2 = React.forwardRef<\n HTMLDivElement,\n ChooseV2Props &\n Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChooseV2Props>\n>(\n (\n {\n required = false,\n multiple = false,\n invalid = false,\n options,\n selected,\n onChange,\n ...rest\n },\n ref\n ) => {\n const internalRef = useRef<HTMLDivElement | null>(null);\n const flexContainerRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef(ref, internalRef);\n\n const [useVerticalLayout, setUseVerticalLayout] = useState(false);\n const [isReady, setIsReady] = useState(false);\n\n const parentSize = useResizeObserver(internalRef);\n const flexSize = useResizeObserver(flexContainerRef);\n\n const parentWidth = parentSize?.width ?? 0;\n const flexWidth = flexSize?.width ?? 0;\n\n useEffect(() => {\n if (parentWidth === 0) return;\n\n const measure = () => {\n const temp = document.createElement(\"div\");\n temp.style.display = \"inline-flex\";\n temp.style.visibility = \"hidden\";\n temp.style.position = \"absolute\";\n temp.style.whiteSpace = \"nowrap\";\n temp.style.pointerEvents = \"none\";\n document.body.appendChild(temp);\n\n options.forEach((option) => {\n const button = document.createElement(\"button\");\n button.textContent = option.name;\n button.style.padding = \"6px 12px\";\n button.style.border = \"1px solid transparent\";\n button.style.marginRight = \"4px\";\n temp.appendChild(button);\n });\n\n const totalWidth = temp.offsetWidth + 8;\n document.body.removeChild(temp);\n\n setUseVerticalLayout(totalWidth > parentWidth);\n setIsReady(true);\n };\n\n requestAnimationFrame(measure);\n }, [parentWidth, options, flexWidth]);\n\n const handleSelect = (id: string | number) => {\n if (multiple) {\n const newSelected = selected.includes(id)\n ? selected.filter((s) => s !== id)\n : [...selected, id];\n\n if (required && newSelected.length === 0) return;\n onChange(newSelected);\n } else {\n const newSelected = selected.includes(id) ? [] : [id];\n if (required && newSelected.length === 0) return;\n onChange(newSelected);\n }\n };\n\n if (!isReady) {\n return (\n <div ref={handleRef} style={{ width: \"100%\", minHeight: \"32px\" }} />\n );\n }\n\n return (\n <div ref={handleRef} {...rest} style={{ display: \"flex\", width: \"100%\" }}>\n {useVerticalLayout ? (\n <StyledVerticalContainer>\n {options.map((option) => (\n <StyledRadioOption\n $disabled={!!option.disabled}\n key={option.id}\n data-disabled={option.disabled}\n >\n {multiple || !required ? (\n <Checkbox\n checked={selected.includes(option.id)}\n disabled={option.disabled}\n onChange={() => !option.disabled && handleSelect(option.id)}\n name={`choose-v2-${option.id}`}\n id={`choose-v2-${option.id}`}\n />\n ) : (\n <RadioButton\n checked={selected.includes(option.id)}\n disabled={option.disabled}\n onChange={() => !option.disabled && handleSelect(option.id)}\n id={`choose-v2-${option.id}`}\n name={`choose-v2-${option.id}`}\n />\n )}\n <StyledLabel\n $disabled={!!option.disabled}\n weight=\"regular\"\n htmlFor={`choose-v2-${option.id}`}\n >\n {option.name}\n </StyledLabel>\n </StyledRadioOption>\n ))}\n </StyledVerticalContainer>\n ) : (\n <StyledFlexContainer ref={flexContainerRef}>\n <ButtonGroup invalid={invalid}>\n {options.map((option) => (\n <StyledChoose\n key={option.id}\n active={selected.includes(option.id)}\n disabled={option.disabled}\n onClick={() => handleSelect(option.id)}\n >\n {option.name}\n </StyledChoose>\n ))}\n </ButtonGroup>\n </StyledFlexContainer>\n )}\n </div>\n );\n }\n);\n\nChooseV2.displayName = \"ChooseV2\";\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"ChooseV2.js","names":["_react","_interopRequireWildcard","require","_Styles","_utils","_ButtonGroup","_Checkbox","_RadioButton","_excluded","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","_t","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","_extends","assign","bind","arguments","length","apply","_slicedToArray","_arrayWithHoles","_iterableToArrayLimit","_unsupportedIterableToArray","_nonIterableRest","TypeError","a","_arrayLikeToArray","toString","slice","constructor","name","Array","from","test","l","Symbol","iterator","u","next","done","push","value","return","isArray","_objectWithoutProperties","_objectWithoutPropertiesLoose","getOwnPropertySymbols","indexOf","propertyIsEnumerable","ChooseV2","exports","React","forwardRef","_ref","ref","_parentSize$width","_flexSize$width","_ref$required","required","_ref$multiple","multiple","_ref$invalid","invalid","options","selected","onChange","_ref$type","type","rest","internalRef","useRef","flexContainerRef","handleRef","useForkRef","_useState","useState","_useState2","useVerticalLayout","setUseVerticalLayout","_useState3","_useState4","isReady","setIsReady","parentSize","useResizeObserver","flexSize","parentWidth","width","flexWidth","useEffect","measure","temp","document","createElement","style","display","visibility","position","whiteSpace","pointerEvents","body","appendChild","forEach","option","button","textContent","padding","border","marginRight","totalWidth","offsetWidth","removeChild","requestAnimationFrame","handleSelect","id","newSelected","includes","filter","s","minHeight","StyledVerticalContainer","map","StyledRadioOption","$disabled","disabled","key","Checkbox","checked","concat","RadioButton","StyledLabel","weight","htmlFor","StyledFlexContainer","ButtonGroup","StyledChoose","active","onClick","displayName"],"sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\n\nimport {\n StyledChoose,\n StyledFlexContainer,\n StyledLabel,\n StyledRadioOption,\n StyledVerticalContainer,\n} from \"./Styles\";\nimport { useResizeObserver, useForkRef } from \"../../utils\";\nimport { ButtonGroup } from \"../ButtonGroup\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface ChooseV2Option {\n id: string | number;\n name: string;\n disabled?: boolean;\n}\n\nexport interface ChooseV2Props {\n required?: boolean;\n multiple?: boolean;\n invalid?: boolean;\n options: ChooseV2Option[];\n selected: (string | number)[];\n onChange: (ids: (string | number)[]) => void;\n type?: \"button\" | \"submit\" | \"reset\";\n}\n\nexport const ChooseV2 = React.forwardRef<\n HTMLDivElement,\n ChooseV2Props &\n Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChooseV2Props>\n>(\n (\n {\n required = false,\n multiple = false,\n invalid = false,\n options,\n selected,\n onChange,\n type = \"button\",\n ...rest\n },\n ref\n ) => {\n const internalRef = useRef<HTMLDivElement | null>(null);\n const flexContainerRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef(ref, internalRef);\n\n const [useVerticalLayout, setUseVerticalLayout] = useState(false);\n const [isReady, setIsReady] = useState(false);\n\n const parentSize = useResizeObserver(internalRef);\n const flexSize = useResizeObserver(flexContainerRef);\n\n const parentWidth = parentSize?.width ?? 0;\n const flexWidth = flexSize?.width ?? 0;\n\n useEffect(() => {\n if (parentWidth === 0) return;\n\n const measure = () => {\n const temp = document.createElement(\"div\");\n temp.style.display = \"inline-flex\";\n temp.style.visibility = \"hidden\";\n temp.style.position = \"absolute\";\n temp.style.whiteSpace = \"nowrap\";\n temp.style.pointerEvents = \"none\";\n document.body.appendChild(temp);\n\n options.forEach((option) => {\n const button = document.createElement(\"button\");\n button.textContent = option.name;\n button.style.padding = \"6px 12px\";\n button.style.border = \"1px solid transparent\";\n button.style.marginRight = \"4px\";\n temp.appendChild(button);\n });\n\n const totalWidth = temp.offsetWidth + 8;\n document.body.removeChild(temp);\n\n setUseVerticalLayout(totalWidth > parentWidth);\n setIsReady(true);\n };\n\n requestAnimationFrame(measure);\n }, [parentWidth, options, flexWidth]);\n\n const handleSelect = (id: string | number) => {\n if (multiple) {\n const newSelected = selected.includes(id)\n ? selected.filter((s) => s !== id)\n : [...selected, id];\n\n if (required && newSelected.length === 0) return;\n onChange(newSelected);\n } else {\n const newSelected = selected.includes(id) ? [] : [id];\n if (required && newSelected.length === 0) return;\n onChange(newSelected);\n }\n };\n\n if (!isReady) {\n return (\n <div ref={handleRef} style={{ width: \"100%\", minHeight: \"32px\" }} />\n );\n }\n\n return (\n <div ref={handleRef} {...rest} style={{ display: \"flex\", width: \"100%\" }}>\n {useVerticalLayout ? (\n <StyledVerticalContainer>\n {options.map((option) => (\n <StyledRadioOption\n $disabled={!!option.disabled}\n key={option.id}\n data-disabled={option.disabled}\n >\n {multiple || !required ? (\n <Checkbox\n checked={selected.includes(option.id)}\n disabled={option.disabled}\n onChange={() => !option.disabled && handleSelect(option.id)}\n name={`choose-v2-${option.id}`}\n id={`choose-v2-${option.id}`}\n />\n ) : (\n <RadioButton\n checked={selected.includes(option.id)}\n disabled={option.disabled}\n onChange={() => !option.disabled && handleSelect(option.id)}\n id={`choose-v2-${option.id}`}\n name={`choose-v2-${option.id}`}\n />\n )}\n <StyledLabel\n $disabled={!!option.disabled}\n weight=\"regular\"\n htmlFor={`choose-v2-${option.id}`}\n >\n {option.name}\n </StyledLabel>\n </StyledRadioOption>\n ))}\n </StyledVerticalContainer>\n ) : (\n <StyledFlexContainer ref={flexContainerRef}>\n <ButtonGroup invalid={invalid}>\n {options.map((option) => (\n <StyledChoose\n key={option.id}\n active={selected.includes(option.id)}\n disabled={option.disabled}\n onClick={() => handleSelect(option.id)}\n type={type}\n >\n {option.name}\n </StyledChoose>\n ))}\n </ButtonGroup>\n </StyledFlexContainer>\n )}\n </div>\n );\n }\n);\n\nChooseV2.displayName = \"ChooseV2\";\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AAOA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,SAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AAA6C,IAAAM,SAAA;AAAA,SAAAP,wBAAAQ,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,wBAAAQ,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,cAAAM,EAAA,IAAAd,CAAA,gBAAAc,EAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,EAAA,OAAAP,CAAA,IAAAD,CAAA,GAAAW,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAnB,CAAA,EAAAc,EAAA,OAAAP,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAM,EAAA,EAAAP,CAAA,IAAAC,CAAA,CAAAM,EAAA,IAAAd,CAAA,CAAAc,EAAA,WAAAN,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAAA,SAAAmB,SAAA,WAAAA,QAAA,GAAAH,MAAA,CAAAI,MAAA,GAAAJ,MAAA,CAAAI,MAAA,CAAAC,IAAA,eAAAlB,CAAA,aAAAJ,CAAA,MAAAA,CAAA,GAAAuB,SAAA,CAAAC,MAAA,EAAAxB,CAAA,UAAAC,CAAA,GAAAsB,SAAA,CAAAvB,CAAA,YAAAG,CAAA,IAAAF,CAAA,OAAAc,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAE,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAF,CAAA,CAAAE,CAAA,aAAAC,CAAA,KAAAgB,QAAA,CAAAK,KAAA,OAAAF,SAAA;AAAA,SAAAG,eAAAvB,CAAA,EAAAH,CAAA,WAAA2B,eAAA,CAAAxB,CAAA,KAAAyB,qBAAA,CAAAzB,CAAA,EAAAH,CAAA,KAAA6B,2BAAA,CAAA1B,CAAA,EAAAH,CAAA,KAAA8B,gBAAA;AAAA,SAAAA,iBAAA,cAAAC,SAAA;AAAA,SAAAF,4BAAA1B,CAAA,EAAA6B,CAAA,QAAA7B,CAAA,2BAAAA,CAAA,SAAA8B,iBAAA,CAAA9B,CAAA,EAAA6B,CAAA,OAAA/B,CAAA,MAAAiC,QAAA,CAAAlB,IAAA,CAAAb,CAAA,EAAAgC,KAAA,6BAAAlC,CAAA,IAAAE,CAAA,CAAAiC,WAAA,KAAAnC,CAAA,GAAAE,CAAA,CAAAiC,WAAA,CAAAC,IAAA,aAAApC,CAAA,cAAAA,CAAA,GAAAqC,KAAA,CAAAC,IAAA,CAAApC,CAAA,oBAAAF,CAAA,+CAAAuC,IAAA,CAAAvC,CAAA,IAAAgC,iBAAA,CAAA9B,CAAA,EAAA6B,CAAA;AAAA,SAAAC,kBAAA9B,CAAA,EAAA6B,CAAA,aAAAA,CAAA,IAAAA,CAAA,GAAA7B,CAAA,CAAAqB,MAAA,MAAAQ,CAAA,GAAA7B,CAAA,CAAAqB,MAAA,YAAAxB,CAAA,MAAAI,CAAA,GAAAkC,KAAA,CAAAN,CAAA,GAAAhC,CAAA,GAAAgC,CAAA,EAAAhC,CAAA,IAAAI,CAAA,CAAAJ,CAAA,IAAAG,CAAA,CAAAH,CAAA,UAAAI,CAAA;AAAA,SAAAwB,sBAAAzB,CAAA,EAAAsC,CAAA,QAAAxC,CAAA,WAAAE,CAAA,gCAAAuC,MAAA,IAAAvC,CAAA,CAAAuC,MAAA,CAAAC,QAAA,KAAAxC,CAAA,4BAAAF,CAAA,QAAAD,CAAA,EAAAI,CAAA,EAAAG,CAAA,EAAAqC,CAAA,EAAAZ,CAAA,OAAAxB,CAAA,OAAAF,CAAA,iBAAAC,CAAA,IAAAN,CAAA,GAAAA,CAAA,CAAAe,IAAA,CAAAb,CAAA,GAAA0C,IAAA,QAAAJ,CAAA,QAAAxB,MAAA,CAAAhB,CAAA,MAAAA,CAAA,UAAAO,CAAA,uBAAAA,CAAA,IAAAR,CAAA,GAAAO,CAAA,CAAAS,IAAA,CAAAf,CAAA,GAAA6C,IAAA,MAAAd,CAAA,CAAAe,IAAA,CAAA/C,CAAA,CAAAgD,KAAA,GAAAhB,CAAA,CAAAR,MAAA,KAAAiB,CAAA,GAAAjC,CAAA,iBAAAL,CAAA,IAAAG,CAAA,OAAAF,CAAA,GAAAD,CAAA,yBAAAK,CAAA,YAAAP,CAAA,CAAAgD,MAAA,KAAAL,CAAA,GAAA3C,CAAA,CAAAgD,MAAA,IAAAhC,MAAA,CAAA2B,CAAA,MAAAA,CAAA,2BAAAtC,CAAA,QAAAF,CAAA,aAAA4B,CAAA;AAAA,SAAAL,gBAAAxB,CAAA,QAAAmC,KAAA,CAAAY,OAAA,CAAA/C,CAAA,UAAAA,CAAA;AAAA,SAAAgD,yBAAAnD,CAAA,EAAAC,CAAA,gBAAAD,CAAA,iBAAAM,CAAA,EAAAH,CAAA,EAAAI,CAAA,GAAA6C,6BAAA,CAAApD,CAAA,EAAAC,CAAA,OAAAgB,MAAA,CAAAoC,qBAAA,QAAAjD,CAAA,GAAAa,MAAA,CAAAoC,qBAAA,CAAArD,CAAA,QAAAG,CAAA,MAAAA,CAAA,GAAAC,CAAA,CAAAoB,MAAA,EAAArB,CAAA,IAAAG,CAAA,GAAAF,CAAA,CAAAD,CAAA,UAAAF,CAAA,CAAAqD,OAAA,CAAAhD,CAAA,QAAAiD,oBAAA,CAAAvC,IAAA,CAAAhB,CAAA,EAAAM,CAAA,MAAAC,CAAA,CAAAD,CAAA,IAAAN,CAAA,CAAAM,CAAA,aAAAC,CAAA;AAAA,SAAA6C,8BAAAjD,CAAA,EAAAH,CAAA,gBAAAG,CAAA,iBAAAF,CAAA,gBAAAG,CAAA,IAAAD,CAAA,SAAAY,cAAA,CAAAC,IAAA,CAAAb,CAAA,EAAAC,CAAA,gBAAAJ,CAAA,CAAAsD,OAAA,CAAAlD,CAAA,aAAAH,CAAA,CAAAG,CAAA,IAAAD,CAAA,CAAAC,CAAA,YAAAH,CAAA;AAkBtC,IAAMuD,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAGE,cAAK,CAACC,UAAU,CAKtC,UAAAC,IAAA,EAWEC,GAAG,EACA;EAAA,IAAAC,iBAAA,EAAAC,eAAA;EAAA,IAAAC,aAAA,GAAAJ,IAAA,CAVDK,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,aAAA,GAAAN,IAAA,CAChBO,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,YAAA,GAAAR,IAAA,CAChBS,OAAO;IAAPA,OAAO,GAAAD,YAAA,cAAG,KAAK,GAAAA,YAAA;IACfE,OAAO,GAAAV,IAAA,CAAPU,OAAO;IACPC,QAAQ,GAAAX,IAAA,CAARW,QAAQ;IACRC,QAAQ,GAAAZ,IAAA,CAARY,QAAQ;IAAAC,SAAA,GAAAb,IAAA,CACRc,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAG,QAAQ,GAAAA,SAAA;IACZE,IAAI,GAAAxB,wBAAA,CAAAS,IAAA,EAAA7D,SAAA;EAIT,IAAM6E,WAAW,GAAG,IAAAC,aAAM,EAAwB,IAAI,CAAC;EACvD,IAAMC,gBAAgB,GAAG,IAAAD,aAAM,EAAwB,IAAI,CAAC;EAC5D,IAAME,SAAS,GAAG,IAAAC,iBAAU,EAACnB,GAAG,EAAEe,WAAW,CAAC;EAE9C,IAAAK,SAAA,GAAkD,IAAAC,eAAQ,EAAC,KAAK,CAAC;IAAAC,UAAA,GAAAzD,cAAA,CAAAuD,SAAA;IAA1DG,iBAAiB,GAAAD,UAAA;IAAEE,oBAAoB,GAAAF,UAAA;EAC9C,IAAAG,UAAA,GAA8B,IAAAJ,eAAQ,EAAC,KAAK,CAAC;IAAAK,UAAA,GAAA7D,cAAA,CAAA4D,UAAA;IAAtCE,OAAO,GAAAD,UAAA;IAAEE,UAAU,GAAAF,UAAA;EAE1B,IAAMG,UAAU,GAAG,IAAAC,wBAAiB,EAACf,WAAW,CAAC;EACjD,IAAMgB,QAAQ,GAAG,IAAAD,wBAAiB,EAACb,gBAAgB,CAAC;EAEpD,IAAMe,WAAW,IAAA/B,iBAAA,GAAG4B,UAAU,aAAVA,UAAU,uBAAVA,UAAU,CAAEI,KAAK,cAAAhC,iBAAA,cAAAA,iBAAA,GAAI,CAAC;EAC1C,IAAMiC,SAAS,IAAAhC,eAAA,GAAG6B,QAAQ,aAARA,QAAQ,uBAARA,QAAQ,CAAEE,KAAK,cAAA/B,eAAA,cAAAA,eAAA,GAAI,CAAC;EAEtC,IAAAiC,gBAAS,EAAC,YAAM;IACd,IAAIH,WAAW,KAAK,CAAC,EAAE;IAEvB,IAAMI,OAAO,GAAG,SAAVA,OAAOA,CAAA,EAAS;MACpB,IAAMC,IAAI,GAAGC,QAAQ,CAACC,aAAa,CAAC,KAAK,CAAC;MAC1CF,IAAI,CAACG,KAAK,CAACC,OAAO,GAAG,aAAa;MAClCJ,IAAI,CAACG,KAAK,CAACE,UAAU,GAAG,QAAQ;MAChCL,IAAI,CAACG,KAAK,CAACG,QAAQ,GAAG,UAAU;MAChCN,IAAI,CAACG,KAAK,CAACI,UAAU,GAAG,QAAQ;MAChCP,IAAI,CAACG,KAAK,CAACK,aAAa,GAAG,MAAM;MACjCP,QAAQ,CAACQ,IAAI,CAACC,WAAW,CAACV,IAAI,CAAC;MAE/B5B,OAAO,CAACuC,OAAO,CAAC,UAACC,MAAM,EAAK;QAC1B,IAAMC,MAAM,GAAGZ,QAAQ,CAACC,aAAa,CAAC,QAAQ,CAAC;QAC/CW,MAAM,CAACC,WAAW,GAAGF,MAAM,CAACzE,IAAI;QAChC0E,MAAM,CAACV,KAAK,CAACY,OAAO,GAAG,UAAU;QACjCF,MAAM,CAACV,KAAK,CAACa,MAAM,GAAG,uBAAuB;QAC7CH,MAAM,CAACV,KAAK,CAACc,WAAW,GAAG,KAAK;QAChCjB,IAAI,CAACU,WAAW,CAACG,MAAM,CAAC;MAC1B,CAAC,CAAC;MAEF,IAAMK,UAAU,GAAGlB,IAAI,CAACmB,WAAW,GAAG,CAAC;MACvClB,QAAQ,CAACQ,IAAI,CAACW,WAAW,CAACpB,IAAI,CAAC;MAE/Bb,oBAAoB,CAAC+B,UAAU,GAAGvB,WAAW,CAAC;MAC9CJ,UAAU,CAAC,IAAI,CAAC;IAClB,CAAC;IAED8B,qBAAqB,CAACtB,OAAO,CAAC;EAChC,CAAC,EAAE,CAACJ,WAAW,EAAEvB,OAAO,EAAEyB,SAAS,CAAC,CAAC;EAErC,IAAMyB,YAAY,GAAG,SAAfA,YAAYA,CAAIC,EAAmB,EAAK;IAC5C,IAAItD,QAAQ,EAAE;MACZ,IAAMuD,WAAW,GAAGnD,QAAQ,CAACoD,QAAQ,CAACF,EAAE,CAAC,GACrClD,QAAQ,CAACqD,MAAM,CAAC,UAACC,CAAC;QAAA,OAAKA,CAAC,KAAKJ,EAAE;MAAA,EAAC,GAChC,CAAC,GAAGlD,QAAQ,EAAEkD,EAAE,CAAC;MAErB,IAAIxD,QAAQ,IAAIyD,WAAW,CAAClG,MAAM,KAAK,CAAC,EAAE;MAC1CgD,QAAQ,CAACkD,WAAW,CAAC;IACvB,CAAC,MAAM;MACL,IAAMA,YAAW,GAAGnD,QAAQ,CAACoD,QAAQ,CAACF,EAAE,CAAC,GAAG,EAAE,GAAG,CAACA,EAAE,CAAC;MACrD,IAAIxD,QAAQ,IAAIyD,YAAW,CAAClG,MAAM,KAAK,CAAC,EAAE;MAC1CgD,QAAQ,CAACkD,YAAW,CAAC;IACvB;EACF,CAAC;EAED,IAAI,CAAClC,OAAO,EAAE;IACZ,oBACEjG,MAAA,CAAAmB,OAAA,CAAA0F,aAAA;MAAKvC,GAAG,EAAEkB,SAAU;MAACsB,KAAK,EAAE;QAAEP,KAAK,EAAE,MAAM;QAAEgC,SAAS,EAAE;MAAO;IAAE,CAAE,CAAC;EAExE;EAEA,oBACEvI,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,QAAAhF,QAAA;IAAKyC,GAAG,EAAEkB;EAAU,GAAKJ,IAAI;IAAE0B,KAAK,EAAE;MAAEC,OAAO,EAAE,MAAM;MAAER,KAAK,EAAE;IAAO;EAAE,IACtEV,iBAAiB,gBAChB7F,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAAC1G,OAAA,CAAAqI,uBAAuB,QACrBzD,OAAO,CAAC0D,GAAG,CAAC,UAAClB,MAAM;IAAA,oBAClBvH,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAAC1G,OAAA,CAAAuI,iBAAiB;MAChBC,SAAS,EAAE,CAAC,CAACpB,MAAM,CAACqB,QAAS;MAC7BC,GAAG,EAAEtB,MAAM,CAACW,EAAG;MACf,iBAAeX,MAAM,CAACqB;IAAS,GAE9BhE,QAAQ,IAAI,CAACF,QAAQ,gBACpB1E,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACvG,SAAA,CAAAwI,QAAQ;MACPC,OAAO,EAAE/D,QAAQ,CAACoD,QAAQ,CAACb,MAAM,CAACW,EAAE,CAAE;MACtCU,QAAQ,EAAErB,MAAM,CAACqB,QAAS;MAC1B3D,QAAQ,EAAE,SAAVA,QAAQA,CAAA;QAAA,OAAQ,CAACsC,MAAM,CAACqB,QAAQ,IAAIX,YAAY,CAACV,MAAM,CAACW,EAAE,CAAC;MAAA,CAAC;MAC5DpF,IAAI,eAAAkG,MAAA,CAAezB,MAAM,CAACW,EAAE,CAAG;MAC/BA,EAAE,eAAAc,MAAA,CAAezB,MAAM,CAACW,EAAE;IAAG,CAC9B,CAAC,gBAEFlI,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACtG,YAAA,CAAA0I,WAAW;MACVF,OAAO,EAAE/D,QAAQ,CAACoD,QAAQ,CAACb,MAAM,CAACW,EAAE,CAAE;MACtCU,QAAQ,EAAErB,MAAM,CAACqB,QAAS;MAC1B3D,QAAQ,EAAE,SAAVA,QAAQA,CAAA;QAAA,OAAQ,CAACsC,MAAM,CAACqB,QAAQ,IAAIX,YAAY,CAACV,MAAM,CAACW,EAAE,CAAC;MAAA,CAAC;MAC5DA,EAAE,eAAAc,MAAA,CAAezB,MAAM,CAACW,EAAE,CAAG;MAC7BpF,IAAI,eAAAkG,MAAA,CAAezB,MAAM,CAACW,EAAE;IAAG,CAChC,CACF,eACDlI,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAAC1G,OAAA,CAAA+I,WAAW;MACVP,SAAS,EAAE,CAAC,CAACpB,MAAM,CAACqB,QAAS;MAC7BO,MAAM,EAAC,SAAS;MAChBC,OAAO,eAAAJ,MAAA,CAAezB,MAAM,CAACW,EAAE;IAAG,GAEjCX,MAAM,CAACzE,IACG,CACI,CAAC;EAAA,CACrB,CACsB,CAAC,gBAE1B9C,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAAC1G,OAAA,CAAAkJ,mBAAmB;IAAC/E,GAAG,EAAEiB;EAAiB,gBACzCvF,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAACxG,YAAA,CAAAiJ,WAAW;IAACxE,OAAO,EAAEA;EAAQ,GAC3BC,OAAO,CAAC0D,GAAG,CAAC,UAAClB,MAAM;IAAA,oBAClBvH,MAAA,CAAAmB,OAAA,CAAA0F,aAAA,CAAC1G,OAAA,CAAAoJ,YAAY;MACXV,GAAG,EAAEtB,MAAM,CAACW,EAAG;MACfsB,MAAM,EAAExE,QAAQ,CAACoD,QAAQ,CAACb,MAAM,CAACW,EAAE,CAAE;MACrCU,QAAQ,EAAErB,MAAM,CAACqB,QAAS;MAC1Ba,OAAO,EAAE,SAATA,OAAOA,CAAA;QAAA,OAAQxB,YAAY,CAACV,MAAM,CAACW,EAAE,CAAC;MAAA,CAAC;MACvC/C,IAAI,EAAEA;IAAK,GAEVoC,MAAM,CAACzE,IACI,CAAC;EAAA,CAChB,CACU,CACM,CAEpB,CAAC;AAEV,CACF,CAAC;AAEDmB,QAAQ,CAACyF,WAAW,GAAG,UAAU","ignoreList":[]}
@@ -8,6 +8,8 @@ export interface IChooseProps extends BaseHTMLAttributes<HTMLButtonElement> {
8
8
  active?: boolean;
9
9
  /** CSS classes */
10
10
  className?: string;
11
+ /** Button type */
12
+ type?: "button" | "submit" | "reset";
11
13
  }
12
14
  /**
13
15
  * Choose component
@@ -1 +1 @@
1
- {"version":3,"file":"Choose.d.ts","sourceRoot":"","sources":["../../../../src/components/Choose/Choose.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAMpE,MAAM,WAAW,YAAa,SAAQ,kBAAkB,CAAC,iBAAiB,CAAC;IACzE,sCAAsC;IACtC,QAAQ,EAAE,YAAY,GAAG,MAAM,CAAC;IAChC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,YAAY,CAiBnC,CAAC"}
1
+ {"version":3,"file":"Choose.d.ts","sourceRoot":"","sources":["../../../../src/components/Choose/Choose.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,kBAAkB,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAMpE,MAAM,WAAW,YAAa,SAAQ,kBAAkB,CAAC,iBAAiB,CAAC;IACzE,sCAAsC;IACtC,QAAQ,EAAE,YAAY,GAAG,MAAM,CAAC;IAChC,oBAAoB;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,kBAAkB;IAClB,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,kBAAkB;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,kBAAkB;IAClB,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAED;;GAEG;AACH,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,YAAY,CAmBnC,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
- const _excluded = ["children", "disabled", "active", "className"];
3
+ const _excluded = ["children", "disabled", "active", "className", "type"];
4
4
  import React from "react";
5
5
  import classNames from "classnames";
6
6
  import { StyledChoose } from "./Styles";
@@ -12,13 +12,15 @@ export const Choose = _ref => {
12
12
  children,
13
13
  disabled = false,
14
14
  active = false,
15
- className
15
+ className,
16
+ type = "button"
16
17
  } = _ref,
17
18
  args = _objectWithoutPropertiesLoose(_ref, _excluded);
18
19
  return /*#__PURE__*/React.createElement(StyledChoose, _extends({
19
20
  disabled: disabled,
20
21
  className: classNames("c-choose", className),
21
- active: active
22
+ active: active,
23
+ type: type
22
24
  }, args), children);
23
25
  };
24
26
  Choose.displayName = "Choose";
@@ -1 +1 @@
1
- {"version":3,"file":"Choose.js","names":["React","classNames","StyledChoose","Choose","_ref","children","disabled","active","className","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/Choose/Choose.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes, ReactElement } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledChoose } from \"./Styles\";\n\nexport interface IChooseProps extends BaseHTMLAttributes<HTMLButtonElement> {\n /** Children type of node or string */\n children: ReactElement | string;\n /** Disabled prop */\n disabled?: boolean;\n /** Active prop */\n active?: boolean;\n /** CSS classes */\n className?: string;\n}\n\n/**\n * Choose component\n */\nexport const Choose: FC<IChooseProps> = ({\n children,\n disabled = false,\n active = false,\n className,\n ...args\n}) => {\n return (\n <StyledChoose\n disabled={disabled}\n className={classNames(\"c-choose\", className)}\n active={active}\n {...args}\n >\n {children}\n </StyledChoose>\n );\n};\n\nChoose.displayName = \"Choose\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAgD,OAAO;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAavC;AACA;AACA;AACA,OAAO,MAAMC,MAAwB,GAAGC,IAAA,IAMlC;EAAA,IANmC;MACvCC,QAAQ;MACRC,QAAQ,GAAG,KAAK;MAChBC,MAAM,GAAG,KAAK;MACdC;IAEF,CAAC,GAAAJ,IAAA;IADIK,IAAI,GAAAC,6BAAA,CAAAN,IAAA,EAAAO,SAAA;EAEP,oBACEX,KAAA,CAAAY,aAAA,CAACV,YAAY,EAAAW,QAAA;IACXP,QAAQ,EAAEA,QAAS;IACnBE,SAAS,EAAEP,UAAU,CAAC,UAAU,EAAEO,SAAS,CAAE;IAC7CD,MAAM,EAAEA;EAAO,GACXE,IAAI,GAEPJ,QACW,CAAC;AAEnB,CAAC;AAEDF,MAAM,CAACW,WAAW,GAAG,QAAQ","ignoreList":[]}
1
+ {"version":3,"file":"Choose.js","names":["React","classNames","StyledChoose","Choose","_ref","children","disabled","active","className","type","args","_objectWithoutPropertiesLoose","_excluded","createElement","_extends","displayName"],"sources":["../../../../src/components/Choose/Choose.tsx"],"sourcesContent":["import React, { FC, BaseHTMLAttributes, ReactElement } from \"react\";\n\nimport classNames from \"classnames\";\n\nimport { StyledChoose } from \"./Styles\";\n\nexport interface IChooseProps extends BaseHTMLAttributes<HTMLButtonElement> {\n /** Children type of node or string */\n children: ReactElement | string;\n /** Disabled prop */\n disabled?: boolean;\n /** Active prop */\n active?: boolean;\n /** CSS classes */\n className?: string;\n /** Button type */\n type?: \"button\" | \"submit\" | \"reset\";\n}\n\n/**\n * Choose component\n */\nexport const Choose: FC<IChooseProps> = ({\n children,\n disabled = false,\n active = false,\n className,\n type = \"button\",\n ...args\n}) => {\n return (\n <StyledChoose\n disabled={disabled}\n className={classNames(\"c-choose\", className)}\n active={active}\n type={type}\n {...args}\n >\n {children}\n </StyledChoose>\n );\n};\n\nChoose.displayName = \"Choose\";\n"],"mappings":";;;AAAA,OAAOA,KAAK,MAAgD,OAAO;AAEnE,OAAOC,UAAU,MAAM,YAAY;AAEnC,SAASC,YAAY,QAAQ,UAAU;AAevC;AACA;AACA;AACA,OAAO,MAAMC,MAAwB,GAAGC,IAAA,IAOlC;EAAA,IAPmC;MACvCC,QAAQ;MACRC,QAAQ,GAAG,KAAK;MAChBC,MAAM,GAAG,KAAK;MACdC,SAAS;MACTC,IAAI,GAAG;IAET,CAAC,GAAAL,IAAA;IADIM,IAAI,GAAAC,6BAAA,CAAAP,IAAA,EAAAQ,SAAA;EAEP,oBACEZ,KAAA,CAAAa,aAAA,CAACX,YAAY,EAAAY,QAAA;IACXR,QAAQ,EAAEA,QAAS;IACnBE,SAAS,EAAEP,UAAU,CAAC,UAAU,EAAEO,SAAS,CAAE;IAC7CD,MAAM,EAAEA,MAAO;IACfE,IAAI,EAAEA;EAAK,GACPC,IAAI,GAEPL,QACW,CAAC;AAEnB,CAAC;AAEDF,MAAM,CAACY,WAAW,GAAG,QAAQ","ignoreList":[]}
@@ -11,6 +11,7 @@ export interface ChooseV2Props {
11
11
  options: ChooseV2Option[];
12
12
  selected: (string | number)[];
13
13
  onChange: (ids: (string | number)[]) => void;
14
+ type?: "button" | "submit" | "reset";
14
15
  }
15
16
  export declare const ChooseV2: React.ForwardRefExoticComponent<ChooseV2Props & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, keyof ChooseV2Props> & React.RefAttributes<HTMLDivElement>>;
16
17
  //# sourceMappingURL=ChooseV2.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"ChooseV2.d.ts","sourceRoot":"","sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAc3D,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;CAC9C;AAED,eAAO,MAAM,QAAQ,8MA0IpB,CAAC"}
1
+ {"version":3,"file":"ChooseV2.d.ts","sourceRoot":"","sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAc3D,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,aAAa;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,cAAc,EAAE,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IAC9B,QAAQ,EAAE,CAAC,GAAG,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,KAAK,IAAI,CAAC;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAC;CACtC;AAED,eAAO,MAAM,QAAQ,8MA4IpB,CAAC"}
@@ -1,6 +1,6 @@
1
1
  import _extends from "@babel/runtime/helpers/esm/extends";
2
2
  import _objectWithoutPropertiesLoose from "@babel/runtime/helpers/esm/objectWithoutPropertiesLoose";
3
- const _excluded = ["required", "multiple", "invalid", "options", "selected", "onChange"];
3
+ const _excluded = ["required", "multiple", "invalid", "options", "selected", "onChange", "type"];
4
4
  import React, { useRef, useState, useEffect } from "react";
5
5
  import { StyledChoose, StyledFlexContainer, StyledLabel, StyledRadioOption, StyledVerticalContainer } from "./Styles";
6
6
  import { useResizeObserver, useForkRef } from "../../utils";
@@ -15,7 +15,8 @@ export const ChooseV2 = /*#__PURE__*/React.forwardRef((_ref, ref) => {
15
15
  invalid = false,
16
16
  options,
17
17
  selected,
18
- onChange
18
+ onChange,
19
+ type = "button"
19
20
  } = _ref,
20
21
  rest = _objectWithoutPropertiesLoose(_ref, _excluded);
21
22
  const internalRef = useRef(null);
@@ -107,7 +108,8 @@ export const ChooseV2 = /*#__PURE__*/React.forwardRef((_ref, ref) => {
107
108
  key: option.id,
108
109
  active: selected.includes(option.id),
109
110
  disabled: option.disabled,
110
- onClick: () => handleSelect(option.id)
111
+ onClick: () => handleSelect(option.id),
112
+ type: type
111
113
  }, option.name)))));
112
114
  });
113
115
  ChooseV2.displayName = "ChooseV2";
@@ -1 +1 @@
1
- {"version":3,"file":"ChooseV2.js","names":["React","useRef","useState","useEffect","StyledChoose","StyledFlexContainer","StyledLabel","StyledRadioOption","StyledVerticalContainer","useResizeObserver","useForkRef","ButtonGroup","Checkbox","RadioButton","ChooseV2","forwardRef","_ref","ref","_parentSize$width","_flexSize$width","required","multiple","invalid","options","selected","onChange","rest","_objectWithoutPropertiesLoose","_excluded","internalRef","flexContainerRef","handleRef","useVerticalLayout","setUseVerticalLayout","isReady","setIsReady","parentSize","flexSize","parentWidth","width","flexWidth","measure","temp","document","createElement","style","display","visibility","position","whiteSpace","pointerEvents","body","appendChild","forEach","option","button","textContent","name","padding","border","marginRight","totalWidth","offsetWidth","removeChild","requestAnimationFrame","handleSelect","id","newSelected","includes","filter","s","length","minHeight","_extends","map","$disabled","disabled","key","checked","weight","htmlFor","active","onClick","displayName"],"sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\n\nimport {\n StyledChoose,\n StyledFlexContainer,\n StyledLabel,\n StyledRadioOption,\n StyledVerticalContainer,\n} from \"./Styles\";\nimport { useResizeObserver, useForkRef } from \"../../utils\";\nimport { ButtonGroup } from \"../ButtonGroup\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface ChooseV2Option {\n id: string | number;\n name: string;\n disabled?: boolean;\n}\n\nexport interface ChooseV2Props {\n required?: boolean;\n multiple?: boolean;\n invalid?: boolean;\n options: ChooseV2Option[];\n selected: (string | number)[];\n onChange: (ids: (string | number)[]) => void;\n}\n\nexport const ChooseV2 = React.forwardRef<\n HTMLDivElement,\n ChooseV2Props &\n Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChooseV2Props>\n>(\n (\n {\n required = false,\n multiple = false,\n invalid = false,\n options,\n selected,\n onChange,\n ...rest\n },\n ref\n ) => {\n const internalRef = useRef<HTMLDivElement | null>(null);\n const flexContainerRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef(ref, internalRef);\n\n const [useVerticalLayout, setUseVerticalLayout] = useState(false);\n const [isReady, setIsReady] = useState(false);\n\n const parentSize = useResizeObserver(internalRef);\n const flexSize = useResizeObserver(flexContainerRef);\n\n const parentWidth = parentSize?.width ?? 0;\n const flexWidth = flexSize?.width ?? 0;\n\n useEffect(() => {\n if (parentWidth === 0) return;\n\n const measure = () => {\n const temp = document.createElement(\"div\");\n temp.style.display = \"inline-flex\";\n temp.style.visibility = \"hidden\";\n temp.style.position = \"absolute\";\n temp.style.whiteSpace = \"nowrap\";\n temp.style.pointerEvents = \"none\";\n document.body.appendChild(temp);\n\n options.forEach((option) => {\n const button = document.createElement(\"button\");\n button.textContent = option.name;\n button.style.padding = \"6px 12px\";\n button.style.border = \"1px solid transparent\";\n button.style.marginRight = \"4px\";\n temp.appendChild(button);\n });\n\n const totalWidth = temp.offsetWidth + 8;\n document.body.removeChild(temp);\n\n setUseVerticalLayout(totalWidth > parentWidth);\n setIsReady(true);\n };\n\n requestAnimationFrame(measure);\n }, [parentWidth, options, flexWidth]);\n\n const handleSelect = (id: string | number) => {\n if (multiple) {\n const newSelected = selected.includes(id)\n ? selected.filter((s) => s !== id)\n : [...selected, id];\n\n if (required && newSelected.length === 0) return;\n onChange(newSelected);\n } else {\n const newSelected = selected.includes(id) ? [] : [id];\n if (required && newSelected.length === 0) return;\n onChange(newSelected);\n }\n };\n\n if (!isReady) {\n return (\n <div ref={handleRef} style={{ width: \"100%\", minHeight: \"32px\" }} />\n );\n }\n\n return (\n <div ref={handleRef} {...rest} style={{ display: \"flex\", width: \"100%\" }}>\n {useVerticalLayout ? (\n <StyledVerticalContainer>\n {options.map((option) => (\n <StyledRadioOption\n $disabled={!!option.disabled}\n key={option.id}\n data-disabled={option.disabled}\n >\n {multiple || !required ? (\n <Checkbox\n checked={selected.includes(option.id)}\n disabled={option.disabled}\n onChange={() => !option.disabled && handleSelect(option.id)}\n name={`choose-v2-${option.id}`}\n id={`choose-v2-${option.id}`}\n />\n ) : (\n <RadioButton\n checked={selected.includes(option.id)}\n disabled={option.disabled}\n onChange={() => !option.disabled && handleSelect(option.id)}\n id={`choose-v2-${option.id}`}\n name={`choose-v2-${option.id}`}\n />\n )}\n <StyledLabel\n $disabled={!!option.disabled}\n weight=\"regular\"\n htmlFor={`choose-v2-${option.id}`}\n >\n {option.name}\n </StyledLabel>\n </StyledRadioOption>\n ))}\n </StyledVerticalContainer>\n ) : (\n <StyledFlexContainer ref={flexContainerRef}>\n <ButtonGroup invalid={invalid}>\n {options.map((option) => (\n <StyledChoose\n key={option.id}\n active={selected.includes(option.id)}\n disabled={option.disabled}\n onClick={() => handleSelect(option.id)}\n >\n {option.name}\n </StyledChoose>\n ))}\n </ButtonGroup>\n </StyledFlexContainer>\n )}\n </div>\n );\n }\n);\n\nChooseV2.displayName = \"ChooseV2\";\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"ChooseV2.js","names":["React","useRef","useState","useEffect","StyledChoose","StyledFlexContainer","StyledLabel","StyledRadioOption","StyledVerticalContainer","useResizeObserver","useForkRef","ButtonGroup","Checkbox","RadioButton","ChooseV2","forwardRef","_ref","ref","_parentSize$width","_flexSize$width","required","multiple","invalid","options","selected","onChange","type","rest","_objectWithoutPropertiesLoose","_excluded","internalRef","flexContainerRef","handleRef","useVerticalLayout","setUseVerticalLayout","isReady","setIsReady","parentSize","flexSize","parentWidth","width","flexWidth","measure","temp","document","createElement","style","display","visibility","position","whiteSpace","pointerEvents","body","appendChild","forEach","option","button","textContent","name","padding","border","marginRight","totalWidth","offsetWidth","removeChild","requestAnimationFrame","handleSelect","id","newSelected","includes","filter","s","length","minHeight","_extends","map","$disabled","disabled","key","checked","weight","htmlFor","active","onClick","displayName"],"sources":["../../../../src/components/ChooseV2/ChooseV2.tsx"],"sourcesContent":["import React, { useRef, useState, useEffect } from \"react\";\n\nimport {\n StyledChoose,\n StyledFlexContainer,\n StyledLabel,\n StyledRadioOption,\n StyledVerticalContainer,\n} from \"./Styles\";\nimport { useResizeObserver, useForkRef } from \"../../utils\";\nimport { ButtonGroup } from \"../ButtonGroup\";\nimport { Checkbox } from \"../Checkbox\";\nimport { RadioButton } from \"../RadioButton\";\n\nexport interface ChooseV2Option {\n id: string | number;\n name: string;\n disabled?: boolean;\n}\n\nexport interface ChooseV2Props {\n required?: boolean;\n multiple?: boolean;\n invalid?: boolean;\n options: ChooseV2Option[];\n selected: (string | number)[];\n onChange: (ids: (string | number)[]) => void;\n type?: \"button\" | \"submit\" | \"reset\";\n}\n\nexport const ChooseV2 = React.forwardRef<\n HTMLDivElement,\n ChooseV2Props &\n Omit<React.ComponentPropsWithoutRef<\"div\">, keyof ChooseV2Props>\n>(\n (\n {\n required = false,\n multiple = false,\n invalid = false,\n options,\n selected,\n onChange,\n type = \"button\",\n ...rest\n },\n ref\n ) => {\n const internalRef = useRef<HTMLDivElement | null>(null);\n const flexContainerRef = useRef<HTMLDivElement | null>(null);\n const handleRef = useForkRef(ref, internalRef);\n\n const [useVerticalLayout, setUseVerticalLayout] = useState(false);\n const [isReady, setIsReady] = useState(false);\n\n const parentSize = useResizeObserver(internalRef);\n const flexSize = useResizeObserver(flexContainerRef);\n\n const parentWidth = parentSize?.width ?? 0;\n const flexWidth = flexSize?.width ?? 0;\n\n useEffect(() => {\n if (parentWidth === 0) return;\n\n const measure = () => {\n const temp = document.createElement(\"div\");\n temp.style.display = \"inline-flex\";\n temp.style.visibility = \"hidden\";\n temp.style.position = \"absolute\";\n temp.style.whiteSpace = \"nowrap\";\n temp.style.pointerEvents = \"none\";\n document.body.appendChild(temp);\n\n options.forEach((option) => {\n const button = document.createElement(\"button\");\n button.textContent = option.name;\n button.style.padding = \"6px 12px\";\n button.style.border = \"1px solid transparent\";\n button.style.marginRight = \"4px\";\n temp.appendChild(button);\n });\n\n const totalWidth = temp.offsetWidth + 8;\n document.body.removeChild(temp);\n\n setUseVerticalLayout(totalWidth > parentWidth);\n setIsReady(true);\n };\n\n requestAnimationFrame(measure);\n }, [parentWidth, options, flexWidth]);\n\n const handleSelect = (id: string | number) => {\n if (multiple) {\n const newSelected = selected.includes(id)\n ? selected.filter((s) => s !== id)\n : [...selected, id];\n\n if (required && newSelected.length === 0) return;\n onChange(newSelected);\n } else {\n const newSelected = selected.includes(id) ? [] : [id];\n if (required && newSelected.length === 0) return;\n onChange(newSelected);\n }\n };\n\n if (!isReady) {\n return (\n <div ref={handleRef} style={{ width: \"100%\", minHeight: \"32px\" }} />\n );\n }\n\n return (\n <div ref={handleRef} {...rest} style={{ display: \"flex\", width: \"100%\" }}>\n {useVerticalLayout ? (\n <StyledVerticalContainer>\n {options.map((option) => (\n <StyledRadioOption\n $disabled={!!option.disabled}\n key={option.id}\n data-disabled={option.disabled}\n >\n {multiple || !required ? (\n <Checkbox\n checked={selected.includes(option.id)}\n disabled={option.disabled}\n onChange={() => !option.disabled && handleSelect(option.id)}\n name={`choose-v2-${option.id}`}\n id={`choose-v2-${option.id}`}\n />\n ) : (\n <RadioButton\n checked={selected.includes(option.id)}\n disabled={option.disabled}\n onChange={() => !option.disabled && handleSelect(option.id)}\n id={`choose-v2-${option.id}`}\n name={`choose-v2-${option.id}`}\n />\n )}\n <StyledLabel\n $disabled={!!option.disabled}\n weight=\"regular\"\n htmlFor={`choose-v2-${option.id}`}\n >\n {option.name}\n </StyledLabel>\n </StyledRadioOption>\n ))}\n </StyledVerticalContainer>\n ) : (\n <StyledFlexContainer ref={flexContainerRef}>\n <ButtonGroup invalid={invalid}>\n {options.map((option) => (\n <StyledChoose\n key={option.id}\n active={selected.includes(option.id)}\n disabled={option.disabled}\n onClick={() => handleSelect(option.id)}\n type={type}\n >\n {option.name}\n </StyledChoose>\n ))}\n </ButtonGroup>\n </StyledFlexContainer>\n )}\n </div>\n );\n }\n);\n\nChooseV2.displayName = \"ChooseV2\";\n"],"mappings":"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","ignoreList":[]}
package/dist/index.js CHANGED
@@ -21072,7 +21072,7 @@
21072
21072
  });
21073
21073
  StyledChoose$1.displayName = "StyledChoose";
21074
21074
 
21075
- var _excluded$t = ["children", "disabled", "active", "className"];
21075
+ var _excluded$t = ["children", "disabled", "active", "className", "type"];
21076
21076
  /**
21077
21077
  * Choose component
21078
21078
  */
@@ -21083,11 +21083,14 @@
21083
21083
  _ref$active = _ref.active,
21084
21084
  active = _ref$active === void 0 ? false : _ref$active,
21085
21085
  className = _ref.className,
21086
+ _ref$type = _ref.type,
21087
+ type = _ref$type === void 0 ? "button" : _ref$type,
21086
21088
  args = _objectWithoutProperties(_ref, _excluded$t);
21087
21089
  return /*#__PURE__*/React__default["default"].createElement(StyledChoose$1, _extends({
21088
21090
  disabled: disabled,
21089
21091
  className: classNames__default["default"]("c-choose", className),
21090
- active: active
21092
+ active: active,
21093
+ type: type
21091
21094
  }, args), children);
21092
21095
  };
21093
21096
  Choose.displayName = "Choose";
@@ -21152,7 +21155,7 @@
21152
21155
  })(["display:flex;width:100%;"]);
21153
21156
  StyledFlexContainer.displayName = "StyledFlexContainer";
21154
21157
 
21155
- var _excluded$r = ["required", "multiple", "invalid", "options", "selected", "onChange"];
21158
+ var _excluded$r = ["required", "multiple", "invalid", "options", "selected", "onChange", "type"];
21156
21159
  var ChooseV2 = /*#__PURE__*/React__default["default"].forwardRef(function (_ref, ref) {
21157
21160
  var _parentSize$width, _flexSize$width;
21158
21161
  var _ref$required = _ref.required,
@@ -21164,6 +21167,8 @@
21164
21167
  options = _ref.options,
21165
21168
  selected = _ref.selected,
21166
21169
  onChange = _ref.onChange,
21170
+ _ref$type = _ref.type,
21171
+ type = _ref$type === void 0 ? "button" : _ref$type,
21167
21172
  rest = _objectWithoutProperties(_ref, _excluded$r);
21168
21173
  var internalRef = React.useRef(null);
21169
21174
  var flexContainerRef = React.useRef(null);
@@ -21271,7 +21276,8 @@
21271
21276
  disabled: option.disabled,
21272
21277
  onClick: function onClick() {
21273
21278
  return handleSelect(option.id);
21274
- }
21279
+ },
21280
+ type: type
21275
21281
  }, option.name);
21276
21282
  }))));
21277
21283
  });