@popsure/dirty-swan 0.30.7 → 0.31.0

package/dist/cjs/lib/components/input/autoSuggestInput/index.d.ts

@@ -1,5 +1,6 @@
+import Autosuggest, { RenderInputComponentProps } from 'react-autosuggest';
 import { Option } from '../../../models/autoSuggestInput';
-declare const _default: ({ currentOption, suggestions, handleSuggestionSelected, onChange, handleSuggestionFetchRequest, handleSuggestionClearRequest, placeholder, className, wrapText, }: {
+declare const _default: ({ currentOption, suggestions, handleSuggestionSelected, onChange, handleSuggestionFetchRequest, handleSuggestionClearRequest, placeholder, className, wrapText, inputProps }: {
     currentOption: string;
     suggestions: Option[];
     handleSuggestionSelected: (value: Option) => void;
@@ -9,5 +10,6 @@ declare const _default: ({ currentOption, suggestions, handleSuggestionSelected,
     placeholder: string;
     className?: string | undefined;
     wrapText?: boolean | undefined;
+    inputProps?: Autosuggest.RenderInputComponentProps | undefined;
 }) => JSX.Element;
 export default _default;

package/dist/cjs/lib/components/segmentedControl/index.d.ts

@@ -2,10 +2,11 @@ interface TitleWithSubtitle {
     title: string;
     subtitle: string;
 }
-declare const SegmentedControl: ({ className, values, selectedIndex, onChange, }: {
-    className?: string | undefined;
+export interface SegmentedControlProps {
+    className?: string;
     values: Array<TitleWithSubtitle> | Array<string>;
     selectedIndex: number;
     onChange: (selectedIndex: number) => void;
-}) => JSX.Element;
-export default SegmentedControl;
+}
+declare const SegmentedControl: ({ className, values, selectedIndex, onChange, }: SegmentedControlProps) => JSX.Element;
+export { SegmentedControl };

package/dist/cjs/lib/components/segmentedControl/index.stories.d.ts

@@ -0,0 +1,41 @@
+import { SegmentedControlProps } from '.';
+declare const story: {
+    title: string;
+    component: ({ className, values, selectedIndex, onChange, }: SegmentedControlProps) => JSX.Element;
+    argTypes: {
+        values: {
+            description: string;
+            table: {
+                type: {
+                    summary: string;
+                };
+            };
+        };
+        selectedIndex: {
+            description: string;
+        };
+        onChange: {
+            action: boolean;
+            table: {
+                category: string;
+            };
+        };
+    };
+    args: {
+        values: string[];
+        selectedIndex: number;
+    };
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export declare const SegmentedControlStory: {
+    ({ onChange, selectedIndex, values }: SegmentedControlProps): JSX.Element;
+    storyName: string;
+};
+export declare const SegmentedControlWithSubtitle: ({ onChange, selectedIndex, values }: SegmentedControlProps) => JSX.Element;
+export default story;

package/dist/cjs/lib/index.d.ts

@@ -13,7 +13,7 @@ import AutoSuggestMultiSelect from './components/input/autoSuggestMultiSelect';
 import Chip from './components/chip';
 import AutoSuggestInput from './components/input/autoSuggestInput';
 import { ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, TableHeader } from './components/comparisonTable';
-import SegmentedControl from './components/segmentedControl';
+import { SegmentedControl } from './components/segmentedControl';
 import Markdown from './components/markdown';
 export { DateSelector, SignaturePad, AutocompleteAddress, Input, MultiDropzone, DownloadButton, IbanInput, BottomModal, RegularModal, BottomOrRegularModal, CardWithTopLeftIcon, CardWithLeftIcon, CardWithTopIcon, InfoCard, CardButton, Button, CurrencyInput, AutoSuggestMultiSelect, Chip, AutoSuggestInput, ComparisonTable, TableRating, TableTrueFalse, TableRowHeader, TableButton, TableInfoButton, SegmentedControl, Markdown, };
 export type { FileType, MultiDropzoneProps, TableHeader, UploadedFile, UploadStatus };

package/dist/esm/components/input/autoSuggestInput/index.js

@@ -2134,7 +2134,7 @@ var styles = {"suggestionsContainer":"style-module_suggestionsContainer__2yVXd",
 styleInject(css_248z);
 
 var AutoSuggestInput = (function (_a) {
-    var currentOption = _a.currentOption, suggestions = _a.suggestions, handleSuggestionSelected = _a.handleSuggestionSelected, onChange = _a.onChange, handleSuggestionFetchRequest = _a.handleSuggestionFetchRequest, handleSuggestionClearRequest = _a.handleSuggestionClearRequest, placeholder = _a.placeholder, className = _a.className, wrapText = _a.wrapText;
+    var currentOption = _a.currentOption, suggestions = _a.suggestions, handleSuggestionSelected = _a.handleSuggestionSelected, onChange = _a.onChange, handleSuggestionFetchRequest = _a.handleSuggestionFetchRequest, handleSuggestionClearRequest = _a.handleSuggestionClearRequest, placeholder = _a.placeholder, className = _a.className, wrapText = _a.wrapText, inputProps = _a.inputProps;
     var renderSuggestion = function (suggestion) {
         var _a;
         return (jsxs("div", __assign({ className: "" + styles['suggestion-option'] }, { children: [suggestion.leftIcon && (jsx("img", { className: "mr16 " + styles['suggestion-img'], src: suggestion.leftIcon, alt: suggestion.value }, void 0)),
@@ -2143,14 +2143,11 @@ var AutoSuggestInput = (function (_a) {
                         _a)) }, { children: suggestion.value }), void 0)] }), void 0));
     };
     var getSuggestionValue = function (suggestion) { return suggestion.value; };
-    var renderInputComponent = function (inputProps) { return (jsx(Input, __assign({}, inputProps, { placeholder: placeholder, "data-cy": "suggest-multi-select-input" }), void 0)); };
-    return (jsx("div", __assign({ className: className }, { children: jsx(dist, { theme: styles, suggestions: suggestions, onSuggestionsFetchRequested: handleSuggestionFetchRequest, onSuggestionsClearRequested: handleSuggestionClearRequest, getSuggestionValue: getSuggestionValue, renderSuggestion: renderSuggestion, highlightFirstSuggestion: true, inputProps: {
-                value: currentOption,
-                onChange: function (_, _a) {
+    var renderInputComponent = function (autoSuggestInputProps) { return (jsx(Input, __assign({}, autoSuggestInputProps, { placeholder: placeholder, "data-cy": "suggest-multi-select-input" }), void 0)); };
+    return (jsx("div", __assign({ className: className }, { children: jsx(dist, { theme: styles, suggestions: suggestions, onSuggestionsFetchRequested: handleSuggestionFetchRequest, onSuggestionsClearRequested: handleSuggestionClearRequest, getSuggestionValue: getSuggestionValue, renderSuggestion: renderSuggestion, highlightFirstSuggestion: true, inputProps: __assign(__assign({}, inputProps), { value: currentOption, onChange: function (_, _a) {
                     var newValue = _a.newValue;
                     onChange(newValue);
-                },
-            }, onSuggestionSelected: function (_, _a) {
+                } }), onSuggestionSelected: function (_, _a) {
                 var suggestion = _a.suggestion;
                 handleSuggestionSelected(suggestion);
             }, renderInputComponent: renderInputComponent }, void 0) }), void 0));