@activecollab/components 2.0.126 → 2.0.127
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/Input/InputSelect.js +6 -1
- package/dist/cjs/components/Input/InputSelect.js.map +1 -1
- package/dist/esm/components/Input/InputSelect.js +6 -1
- package/dist/esm/components/Input/InputSelect.js.map +1 -1
- package/dist/index.js +5 -1
- 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
|
@@ -4,6 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.InputSelect = void 0;
|
|
7
|
+
var _styledComponents = _interopRequireDefault(require("styled-components"));
|
|
7
8
|
var _react = _interopRequireDefault(require("react"));
|
|
8
9
|
var _Styles = require("./Styles");
|
|
9
10
|
var _Icons = require("../Icons");
|
|
@@ -29,7 +30,7 @@ var InputSelect = exports.InputSelect = function InputSelect(_ref) {
|
|
|
29
30
|
onChange: onChange,
|
|
30
31
|
forceCloseMenu: true,
|
|
31
32
|
disableSearch: !search,
|
|
32
|
-
target: /*#__PURE__*/_react.default.createElement(
|
|
33
|
+
target: /*#__PURE__*/_react.default.createElement(_StyledStyledButton, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledInputSelectTrigger, {
|
|
33
34
|
$disabled: disabled,
|
|
34
35
|
$size: size
|
|
35
36
|
}, selectedLabel ? selectedLabel : selected, size === "big" ? /*#__PURE__*/_react.default.createElement(_Icons.ArrowDownIcon, {
|
|
@@ -44,4 +45,8 @@ var InputSelect = exports.InputSelect = function InputSelect(_ref) {
|
|
|
44
45
|
renderOption: renderOption
|
|
45
46
|
});
|
|
46
47
|
};
|
|
48
|
+
var _StyledStyledButton = (0, _styledComponents.default)(_Styles2.StyledButton).withConfig({
|
|
49
|
+
displayName: "InputSelect___StyledStyledButton",
|
|
50
|
+
componentId: "sc-1lmb5y-0"
|
|
51
|
+
})(["flex-shrink:0"]);
|
|
47
52
|
//# sourceMappingURL=InputSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputSelect.js","names":["_react","_interopRequireDefault","require","_Styles","_Icons","_Select","_Styles2","obj","__esModule","default","InputSelect","exports","_ref","onChange","size","selected","options","_ref$search","search","_ref$disabled","disabled","_ref$disabledInternal","disabledInternalSort","_ref$keepSameOptionsO","keepSameOptionsOrder","selectedLabel","renderOption","createElement","Select","forceCloseMenu","disableSearch","target","
|
|
1
|
+
{"version":3,"file":"InputSelect.js","names":["_react","_interopRequireDefault","require","_Styles","_Icons","_Select","_Styles2","obj","__esModule","default","InputSelect","exports","_ref","onChange","size","selected","options","_ref$search","search","_ref$disabled","disabled","_ref$disabledInternal","disabledInternalSort","_ref$keepSameOptionsO","keepSameOptionsOrder","selectedLabel","renderOption","createElement","Select","forceCloseMenu","disableSearch","target","_StyledStyledButton","StyledInputSelectTrigger","$disabled","$size","ArrowDownIcon","fill","ArrowDownSmallIcon","_styledComponents","StyledButton","withConfig","displayName","componentId"],"sources":["../../../../src/components/Input/InputSelect.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from \"react\";\n\nimport { StyledInputSelectTrigger } from \"./Styles\";\nimport { ArrowDownIcon, ArrowDownSmallIcon } from \"../Icons\";\nimport { ElementWithRef, IOptionItemProps, Select } from \"../Select\";\nimport { StyledButton } from \"../Trigger/Styles\";\n\nexport interface InputSelectProps {\n onChange: (val: string | number | (string | number)[]) => void;\n size: string;\n selected: string;\n options: IOptionItemProps[];\n disabled?: boolean;\n search?: boolean;\n // @ToDo: Fix this\n disabledInternalSort?: boolean;\n keepSameOptionsOrder?: boolean;\n selectedLabel?: ReactNode;\n /** Set select target element */\n target?: ElementWithRef<Element>;\n /** Render option */\n renderOption?: (\n option: Record<string, ReactNode>,\n data: Record<string, unknown>\n ) => string | ReactElement;\n}\n\nexport const InputSelect: React.FC<InputSelectProps> = ({\n onChange,\n size,\n selected,\n options,\n search = false,\n disabled = false,\n disabledInternalSort = true,\n keepSameOptionsOrder = true,\n selectedLabel,\n renderOption,\n}) => {\n return (\n <Select\n onChange={onChange}\n forceCloseMenu\n disableSearch={!search}\n target={\n <StyledButton css=\"flex-shrink:0\">\n <StyledInputSelectTrigger $disabled={disabled} $size={size}>\n {selectedLabel ? selectedLabel : selected}\n {size === \"big\" ? (\n <ArrowDownIcon fill=\"var(--color-theme-700)\" />\n ) : (\n <ArrowDownSmallIcon fill=\"var(--color-theme-700)\" />\n )}\n </StyledInputSelectTrigger>\n </StyledButton>\n }\n options={options}\n disabledInternalSort={disabledInternalSort}\n keepSameOptionsOrder={keepSameOptionsOrder}\n selected={selected}\n renderOption={renderOption}\n />\n );\n};\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,QAAA,GAAAJ,OAAA;AAAiD,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAsB1C,IAAMG,WAAuC,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAA1CA,WAAuCA,CAAAE,IAAA,EAW9C;EAAA,IAVJC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IACJC,QAAQ,GAAAH,IAAA,CAARG,QAAQ;IACRC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAAC,WAAA,GAAAL,IAAA,CACPM,MAAM;IAANA,MAAM,GAAAD,WAAA,cAAG,KAAK,GAAAA,WAAA;IAAAE,aAAA,GAAAP,IAAA,CACdQ,QAAQ;IAARA,QAAQ,GAAAD,aAAA,cAAG,KAAK,GAAAA,aAAA;IAAAE,qBAAA,GAAAT,IAAA,CAChBU,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAAAE,qBAAA,GAAAX,IAAA,CAC3BY,oBAAoB;IAApBA,oBAAoB,GAAAD,qBAAA,cAAG,IAAI,GAAAA,qBAAA;IAC3BE,aAAa,GAAAb,IAAA,CAAba,aAAa;IACbC,YAAY,GAAAd,IAAA,CAAZc,YAAY;EAEZ,oBACE1B,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACtB,OAAA,CAAAuB,MAAM;IACLf,QAAQ,EAAEA,QAAS;IACnBgB,cAAc;IACdC,aAAa,EAAE,CAACZ,MAAO;IACvBa,MAAM,eACJ/B,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAAAK,mBAAA,qBACEhC,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACxB,OAAA,CAAA8B,wBAAwB;MAACC,SAAS,EAAEd,QAAS;MAACe,KAAK,EAAErB;IAAK,GACxDW,aAAa,GAAGA,aAAa,GAAGV,QAAQ,EACxCD,IAAI,KAAK,KAAK,gBACbd,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACvB,MAAA,CAAAgC,aAAa;MAACC,IAAI,EAAC;IAAwB,CAAE,CAAC,gBAE/CrC,MAAA,CAAAS,OAAA,CAAAkB,aAAA,CAACvB,MAAA,CAAAkC,kBAAkB;MAACD,IAAI,EAAC;IAAwB,CAAE,CAE7B,CACd,CACf;IACDrB,OAAO,EAAEA,OAAQ;IACjBM,oBAAoB,EAAEA,oBAAqB;IAC3CE,oBAAoB,EAAEA,oBAAqB;IAC3CT,QAAQ,EAAEA,QAAS;IACnBW,YAAY,EAAEA;EAAa,CAC5B,CAAC;AAEN,CAAC;AAAC,IAAAM,mBAAA,OAAAO,iBAAA,CAAA9B,OAAA,EAAAH,QAAA,CAAAkC,YAAA,EAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA"}
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import _styled from "styled-components";
|
|
1
2
|
import React from "react";
|
|
2
3
|
import { StyledInputSelectTrigger } from "./Styles";
|
|
3
4
|
import { ArrowDownIcon, ArrowDownSmallIcon } from "../Icons";
|
|
@@ -20,7 +21,7 @@ export const InputSelect = _ref => {
|
|
|
20
21
|
onChange: onChange,
|
|
21
22
|
forceCloseMenu: true,
|
|
22
23
|
disableSearch: !search,
|
|
23
|
-
target: /*#__PURE__*/React.createElement(
|
|
24
|
+
target: /*#__PURE__*/React.createElement(_StyledStyledButton, null, /*#__PURE__*/React.createElement(StyledInputSelectTrigger, {
|
|
24
25
|
$disabled: disabled,
|
|
25
26
|
$size: size
|
|
26
27
|
}, selectedLabel ? selectedLabel : selected, size === "big" ? /*#__PURE__*/React.createElement(ArrowDownIcon, {
|
|
@@ -35,4 +36,8 @@ export const InputSelect = _ref => {
|
|
|
35
36
|
renderOption: renderOption
|
|
36
37
|
});
|
|
37
38
|
};
|
|
39
|
+
var _StyledStyledButton = _styled(StyledButton).withConfig({
|
|
40
|
+
displayName: "InputSelect___StyledStyledButton",
|
|
41
|
+
componentId: "sc-1lmb5y-0"
|
|
42
|
+
})(["flex-shrink:0"]);
|
|
38
43
|
//# sourceMappingURL=InputSelect.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputSelect.js","names":["React","StyledInputSelectTrigger","ArrowDownIcon","ArrowDownSmallIcon","Select","StyledButton","InputSelect","_ref","onChange","size","selected","options","search","disabled","disabledInternalSort","keepSameOptionsOrder","selectedLabel","renderOption","createElement","forceCloseMenu","disableSearch","target","$disabled","$size","fill"],"sources":["../../../../src/components/Input/InputSelect.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from \"react\";\n\nimport { StyledInputSelectTrigger } from \"./Styles\";\nimport { ArrowDownIcon, ArrowDownSmallIcon } from \"../Icons\";\nimport { ElementWithRef, IOptionItemProps, Select } from \"../Select\";\nimport { StyledButton } from \"../Trigger/Styles\";\n\nexport interface InputSelectProps {\n onChange: (val: string | number | (string | number)[]) => void;\n size: string;\n selected: string;\n options: IOptionItemProps[];\n disabled?: boolean;\n search?: boolean;\n // @ToDo: Fix this\n disabledInternalSort?: boolean;\n keepSameOptionsOrder?: boolean;\n selectedLabel?: ReactNode;\n /** Set select target element */\n target?: ElementWithRef<Element>;\n /** Render option */\n renderOption?: (\n option: Record<string, ReactNode>,\n data: Record<string, unknown>\n ) => string | ReactElement;\n}\n\nexport const InputSelect: React.FC<InputSelectProps> = ({\n onChange,\n size,\n selected,\n options,\n search = false,\n disabled = false,\n disabledInternalSort = true,\n keepSameOptionsOrder = true,\n selectedLabel,\n renderOption,\n}) => {\n return (\n <Select\n onChange={onChange}\n forceCloseMenu\n disableSearch={!search}\n target={\n <StyledButton>\n <StyledInputSelectTrigger $disabled={disabled} $size={size}>\n {selectedLabel ? selectedLabel : selected}\n {size === \"big\" ? (\n <ArrowDownIcon fill=\"var(--color-theme-700)\" />\n ) : (\n <ArrowDownSmallIcon fill=\"var(--color-theme-700)\" />\n )}\n </StyledInputSelectTrigger>\n </StyledButton>\n }\n options={options}\n disabledInternalSort={disabledInternalSort}\n keepSameOptionsOrder={keepSameOptionsOrder}\n selected={selected}\n renderOption={renderOption}\n />\n );\n};\n"],"mappings":"AAAA,OAAOA,KAAK,MAAmC,OAAO;AAEtD,SAASC,wBAAwB,QAAQ,UAAU;AACnD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,UAAU;AAC5D,SAA2CC,MAAM,QAAQ,WAAW;AACpE,SAASC,YAAY,QAAQ,mBAAmB;AAsBhD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAWjD;EAAA,IAXkD;IACtDC,QAAQ;IACRC,IAAI;IACJC,QAAQ;IACRC,OAAO;IACPC,MAAM,GAAG,KAAK;IACdC,QAAQ,GAAG,KAAK;IAChBC,oBAAoB,GAAG,IAAI;IAC3BC,oBAAoB,GAAG,IAAI;IAC3BC,aAAa;IACbC;EACF,CAAC,GAAAV,IAAA;EACC,oBACEP,KAAA,CAAAkB,aAAA,CAACd,MAAM;IACLI,QAAQ,EAAEA,QAAS;IACnBW,cAAc;IACdC,aAAa,EAAE,CAACR,MAAO;IACvBS,MAAM,eACJrB,KAAA,CAAAkB,aAAA,
|
|
1
|
+
{"version":3,"file":"InputSelect.js","names":["React","StyledInputSelectTrigger","ArrowDownIcon","ArrowDownSmallIcon","Select","StyledButton","InputSelect","_ref","onChange","size","selected","options","search","disabled","disabledInternalSort","keepSameOptionsOrder","selectedLabel","renderOption","createElement","forceCloseMenu","disableSearch","target","_StyledStyledButton","$disabled","$size","fill","_styled","withConfig","displayName","componentId"],"sources":["../../../../src/components/Input/InputSelect.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from \"react\";\n\nimport { StyledInputSelectTrigger } from \"./Styles\";\nimport { ArrowDownIcon, ArrowDownSmallIcon } from \"../Icons\";\nimport { ElementWithRef, IOptionItemProps, Select } from \"../Select\";\nimport { StyledButton } from \"../Trigger/Styles\";\n\nexport interface InputSelectProps {\n onChange: (val: string | number | (string | number)[]) => void;\n size: string;\n selected: string;\n options: IOptionItemProps[];\n disabled?: boolean;\n search?: boolean;\n // @ToDo: Fix this\n disabledInternalSort?: boolean;\n keepSameOptionsOrder?: boolean;\n selectedLabel?: ReactNode;\n /** Set select target element */\n target?: ElementWithRef<Element>;\n /** Render option */\n renderOption?: (\n option: Record<string, ReactNode>,\n data: Record<string, unknown>\n ) => string | ReactElement;\n}\n\nexport const InputSelect: React.FC<InputSelectProps> = ({\n onChange,\n size,\n selected,\n options,\n search = false,\n disabled = false,\n disabledInternalSort = true,\n keepSameOptionsOrder = true,\n selectedLabel,\n renderOption,\n}) => {\n return (\n <Select\n onChange={onChange}\n forceCloseMenu\n disableSearch={!search}\n target={\n <StyledButton css=\"flex-shrink:0\">\n <StyledInputSelectTrigger $disabled={disabled} $size={size}>\n {selectedLabel ? selectedLabel : selected}\n {size === \"big\" ? (\n <ArrowDownIcon fill=\"var(--color-theme-700)\" />\n ) : (\n <ArrowDownSmallIcon fill=\"var(--color-theme-700)\" />\n )}\n </StyledInputSelectTrigger>\n </StyledButton>\n }\n options={options}\n disabledInternalSort={disabledInternalSort}\n keepSameOptionsOrder={keepSameOptionsOrder}\n selected={selected}\n renderOption={renderOption}\n />\n );\n};\n"],"mappings":";AAAA,OAAOA,KAAK,MAAmC,OAAO;AAEtD,SAASC,wBAAwB,QAAQ,UAAU;AACnD,SAASC,aAAa,EAAEC,kBAAkB,QAAQ,UAAU;AAC5D,SAA2CC,MAAM,QAAQ,WAAW;AACpE,SAASC,YAAY,QAAQ,mBAAmB;AAsBhD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAWjD;EAAA,IAXkD;IACtDC,QAAQ;IACRC,IAAI;IACJC,QAAQ;IACRC,OAAO;IACPC,MAAM,GAAG,KAAK;IACdC,QAAQ,GAAG,KAAK;IAChBC,oBAAoB,GAAG,IAAI;IAC3BC,oBAAoB,GAAG,IAAI;IAC3BC,aAAa;IACbC;EACF,CAAC,GAAAV,IAAA;EACC,oBACEP,KAAA,CAAAkB,aAAA,CAACd,MAAM;IACLI,QAAQ,EAAEA,QAAS;IACnBW,cAAc;IACdC,aAAa,EAAE,CAACR,MAAO;IACvBS,MAAM,eACJrB,KAAA,CAAAkB,aAAA,CAAAI,mBAAA,qBACEtB,KAAA,CAAAkB,aAAA,CAACjB,wBAAwB;MAACsB,SAAS,EAAEV,QAAS;MAACW,KAAK,EAAEf;IAAK,GACxDO,aAAa,GAAGA,aAAa,GAAGN,QAAQ,EACxCD,IAAI,KAAK,KAAK,gBACbT,KAAA,CAAAkB,aAAA,CAAChB,aAAa;MAACuB,IAAI,EAAC;IAAwB,CAAE,CAAC,gBAE/CzB,KAAA,CAAAkB,aAAA,CAACf,kBAAkB;MAACsB,IAAI,EAAC;IAAwB,CAAE,CAE7B,CACd,CACf;IACDd,OAAO,EAAEA,OAAQ;IACjBG,oBAAoB,EAAEA,oBAAqB;IAC3CC,oBAAoB,EAAEA,oBAAqB;IAC3CL,QAAQ,EAAEA,QAAS;IACnBO,YAAY,EAAEA;EAAa,CAC5B,CAAC;AAEN,CAAC;AAAC,IAAAK,mBAAA,GAAAI,OAAA,CAAArB,YAAA,EAAAsB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA"}
|
package/dist/index.js
CHANGED
|
@@ -14271,7 +14271,7 @@
|
|
|
14271
14271
|
onChange: onChange,
|
|
14272
14272
|
forceCloseMenu: true,
|
|
14273
14273
|
disableSearch: !search,
|
|
14274
|
-
target: /*#__PURE__*/React__default["default"].createElement(
|
|
14274
|
+
target: /*#__PURE__*/React__default["default"].createElement(_StyledStyledButton, null, /*#__PURE__*/React__default["default"].createElement(StyledInputSelectTrigger, {
|
|
14275
14275
|
$disabled: disabled,
|
|
14276
14276
|
$size: size
|
|
14277
14277
|
}, selectedLabel ? selectedLabel : selected, size === "big" ? /*#__PURE__*/React__default["default"].createElement(ArrowDownIcon$1, {
|
|
@@ -14286,6 +14286,10 @@
|
|
|
14286
14286
|
renderOption: renderOption
|
|
14287
14287
|
});
|
|
14288
14288
|
};
|
|
14289
|
+
var _StyledStyledButton = styled__default["default"](StyledButton).withConfig({
|
|
14290
|
+
displayName: "InputSelect___StyledStyledButton",
|
|
14291
|
+
componentId: "sc-1lmb5y-0"
|
|
14292
|
+
})(["flex-shrink:0"]);
|
|
14289
14293
|
|
|
14290
14294
|
var _excluded$J = ["size", "disabled", "value", "onChange"];
|
|
14291
14295
|
var options = [{
|