@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.
- package/dist/cjs/components/Choose/Choose.js +5 -2
- package/dist/cjs/components/Choose/Choose.js.map +1 -1
- package/dist/cjs/components/ChooseV2/ChooseV2.js +5 -2
- package/dist/cjs/components/ChooseV2/ChooseV2.js.map +1 -1
- package/dist/esm/components/Choose/Choose.d.ts +2 -0
- package/dist/esm/components/Choose/Choose.d.ts.map +1 -1
- package/dist/esm/components/Choose/Choose.js +5 -3
- package/dist/esm/components/Choose/Choose.js.map +1 -1
- package/dist/esm/components/ChooseV2/ChooseV2.d.ts +1 -0
- package/dist/esm/components/ChooseV2/ChooseV2.d.ts.map +1 -1
- package/dist/esm/components/ChooseV2/ChooseV2.js +5 -3
- package/dist/esm/components/ChooseV2/ChooseV2.js.map +1 -1
- package/dist/index.js +10 -4
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +1 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
|
@@ -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;
|
|
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":"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","ignoreList":[]}
|
|
@@ -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;
|
|
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;
|
|
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;
|
|
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
|
});
|