@activecollab/components 2.0.282 → 2.0.283
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 +1 -3
- package/dist/cjs/components/Input/InputSelect.js.map +1 -1
- package/dist/esm/components/Input/InputSelect.js +1 -3
- package/dist/esm/components/Input/InputSelect.js.map +1 -1
- package/dist/index.js +1 -3
- 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
|
@@ -31,9 +31,7 @@ var InputSelect = exports.InputSelect = function InputSelect(_ref) {
|
|
|
31
31
|
onChange: onChange,
|
|
32
32
|
forceCloseMenu: true,
|
|
33
33
|
disableSearch: !search,
|
|
34
|
-
target: /*#__PURE__*/_react.default.createElement(_StyledStyledButton, {
|
|
35
|
-
type: "button"
|
|
36
|
-
}, /*#__PURE__*/_react.default.createElement(_Styles.StyledInputSelectTrigger, {
|
|
34
|
+
target: /*#__PURE__*/_react.default.createElement(_StyledStyledButton, null, /*#__PURE__*/_react.default.createElement(_Styles.StyledInputSelectTrigger, {
|
|
37
35
|
$disabled: disabled,
|
|
38
36
|
$size: size
|
|
39
37
|
}, selectedLabel ? selectedLabel : selected, size === "big" ? /*#__PURE__*/_react.default.createElement(_Icons.ArrowDownIcon, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputSelect.js","names":["_react","_interopRequireDefault","require","_Styles","_Icons","_Select","_Styles2","e","__esModule","default","InputSelect","exports","_ref","onChange","size","selected","options","_ref$search","search","_ref$disabled","disabled","_ref$disabledInternal","disabledInternalSort","_ref$keepSameOptionsO","keepSameOptionsOrder","selectedLabel","renderOption","filterCriteria","createElement","Select","forceCloseMenu","disableSearch","target","_StyledStyledButton","
|
|
1
|
+
{"version":3,"file":"InputSelect.js","names":["_react","_interopRequireDefault","require","_Styles","_Icons","_Select","_Styles2","e","__esModule","default","InputSelect","exports","_ref","onChange","size","selected","options","_ref$search","search","_ref$disabled","disabled","_ref$disabledInternal","disabledInternalSort","_ref$keepSameOptionsO","keepSameOptionsOrder","selectedLabel","renderOption","filterCriteria","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 /** Custom filter function for additional filtering criteria */\n filterCriteria?: (option: IOptionItemProps, filter: string) => boolean;\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 filterCriteria,\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 filterCriteria={filterCriteria}\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,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAwB1C,IAAMG,WAAuC,GAAAC,OAAA,CAAAD,WAAA,GAAG,SAA1CA,WAAuCA,CAAAE,IAAA,EAY9C;EAAA,IAXJC,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;IACZC,cAAc,GAAAf,IAAA,CAAde,cAAc;EAEd,oBACE3B,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACvB,OAAA,CAAAwB,MAAM;IACLhB,QAAQ,EAAEA,QAAS;IACnBiB,cAAc;IACdC,aAAa,EAAE,CAACb,MAAO;IACvBc,MAAM,eACJhC,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAAAK,mBAAA,qBACEjC,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACzB,OAAA,CAAA+B,wBAAwB;MAACC,SAAS,EAAEf,QAAS;MAACgB,KAAK,EAAEtB;IAAK,GACxDW,aAAa,GAAGA,aAAa,GAAGV,QAAQ,EACxCD,IAAI,KAAK,KAAK,gBACbd,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACxB,MAAA,CAAAiC,aAAa;MAACC,IAAI,EAAC;IAAwB,CAAE,CAAC,gBAE/CtC,MAAA,CAAAS,OAAA,CAAAmB,aAAA,CAACxB,MAAA,CAAAmC,kBAAkB;MAACD,IAAI,EAAC;IAAwB,CAAE,CAE7B,CACd,CACf;IACDtB,OAAO,EAAEA,OAAQ;IACjBM,oBAAoB,EAAEA,oBAAqB;IAC3CE,oBAAoB,EAAEA,oBAAqB;IAC3CT,QAAQ,EAAEA,QAAS;IACnBW,YAAY,EAAEA,YAAa;IAC3BC,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC;AAAC,IAAAM,mBAAA,OAAAO,iBAAA,CAAA/B,OAAA,EAAAH,QAAA,CAAAmC,YAAA,EAAAC,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA","ignoreList":[]}
|
|
@@ -22,9 +22,7 @@ export const InputSelect = _ref => {
|
|
|
22
22
|
onChange: onChange,
|
|
23
23
|
forceCloseMenu: true,
|
|
24
24
|
disableSearch: !search,
|
|
25
|
-
target: /*#__PURE__*/React.createElement(_StyledStyledButton, {
|
|
26
|
-
type: "button"
|
|
27
|
-
}, /*#__PURE__*/React.createElement(StyledInputSelectTrigger, {
|
|
25
|
+
target: /*#__PURE__*/React.createElement(_StyledStyledButton, null, /*#__PURE__*/React.createElement(StyledInputSelectTrigger, {
|
|
28
26
|
$disabled: disabled,
|
|
29
27
|
$size: size
|
|
30
28
|
}, selectedLabel ? selectedLabel : selected, size === "big" ? /*#__PURE__*/React.createElement(ArrowDownIcon, {
|
|
@@ -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","filterCriteria","createElement","forceCloseMenu","disableSearch","target","_StyledStyledButton","
|
|
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","filterCriteria","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 /** Custom filter function for additional filtering criteria */\n filterCriteria?: (option: IOptionItemProps, filter: string) => boolean;\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 filterCriteria,\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 filterCriteria={filterCriteria}\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;AAwBhD,OAAO,MAAMC,WAAuC,GAAGC,IAAA,IAYjD;EAAA,IAZkD;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,YAAY;IACZC;EACF,CAAC,GAAAX,IAAA;EACC,oBACEP,KAAA,CAAAmB,aAAA,CAACf,MAAM;IACLI,QAAQ,EAAEA,QAAS;IACnBY,cAAc;IACdC,aAAa,EAAE,CAACT,MAAO;IACvBU,MAAM,eACJtB,KAAA,CAAAmB,aAAA,CAAAI,mBAAA,qBACEvB,KAAA,CAAAmB,aAAA,CAAClB,wBAAwB;MAACuB,SAAS,EAAEX,QAAS;MAACY,KAAK,EAAEhB;IAAK,GACxDO,aAAa,GAAGA,aAAa,GAAGN,QAAQ,EACxCD,IAAI,KAAK,KAAK,gBACbT,KAAA,CAAAmB,aAAA,CAACjB,aAAa;MAACwB,IAAI,EAAC;IAAwB,CAAE,CAAC,gBAE/C1B,KAAA,CAAAmB,aAAA,CAAChB,kBAAkB;MAACuB,IAAI,EAAC;IAAwB,CAAE,CAE7B,CACd,CACf;IACDf,OAAO,EAAEA,OAAQ;IACjBG,oBAAoB,EAAEA,oBAAqB;IAC3CC,oBAAoB,EAAEA,oBAAqB;IAC3CL,QAAQ,EAAEA,QAAS;IACnBO,YAAY,EAAEA,YAAa;IAC3BC,cAAc,EAAEA;EAAe,CAChC,CAAC;AAEN,CAAC;AAAC,IAAAK,mBAAA,GAAAI,OAAA,CAAAtB,YAAA,EAAAuB,UAAA;EAAAC,WAAA;EAAAC,WAAA;AAAA","ignoreList":[]}
|
package/dist/index.js
CHANGED
|
@@ -19049,9 +19049,7 @@
|
|
|
19049
19049
|
onChange: onChange,
|
|
19050
19050
|
forceCloseMenu: true,
|
|
19051
19051
|
disableSearch: !search,
|
|
19052
|
-
target: /*#__PURE__*/React__default["default"].createElement(_StyledStyledButton, {
|
|
19053
|
-
type: "button"
|
|
19054
|
-
}, /*#__PURE__*/React__default["default"].createElement(StyledInputSelectTrigger, {
|
|
19052
|
+
target: /*#__PURE__*/React__default["default"].createElement(_StyledStyledButton, null, /*#__PURE__*/React__default["default"].createElement(StyledInputSelectTrigger, {
|
|
19055
19053
|
$disabled: disabled,
|
|
19056
19054
|
$size: size
|
|
19057
19055
|
}, selectedLabel ? selectedLabel : selected, size === "big" ? /*#__PURE__*/React__default["default"].createElement(ArrowDownIcon$1, {
|