@pedidopago/ui 1.5.10 → 1.5.11
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/components/Icon/data/dash.js +1 -1
- package/dist/components/Icon/types.d.ts +1 -1
- package/dist/components/Icon/types.d.ts.map +1 -1
- package/dist/components/MultipleSelect/components/OptionsArea/index.d.ts +7 -2
- package/dist/components/MultipleSelect/components/OptionsArea/index.d.ts.map +1 -1
- package/dist/components/MultipleSelect/components/OptionsArea/index.js +113 -19
- package/dist/components/MultipleSelect/components/OptionsArea/styles.d.ts.map +1 -1
- package/dist/components/MultipleSelect/components/OptionsArea/styles.js +6 -3
- package/dist/components/MultipleSelect/components/SelectArea/index.d.ts +1 -1
- package/dist/components/MultipleSelect/components/SelectArea/index.d.ts.map +1 -1
- package/dist/components/MultipleSelect/components/SelectArea/index.js +3 -2
- package/dist/components/MultipleSelect/index.d.ts.map +1 -1
- package/dist/components/MultipleSelect/index.js +13 -2
- package/dist/components/MultipleSelect/types.d.ts +5 -0
- package/dist/components/MultipleSelect/types.d.ts.map +1 -1
- package/dist/components/Select/components/OptionsSelect/styles.d.ts +253 -2
- package/dist/components/Select/components/OptionsSelect/styles.d.ts.map +1 -1
- package/dist/components/Select/components/OptionsSelect/styles.js +3 -2
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +9 -0
- package/dist/shared/hooks/useDebounce.d.ts +2 -0
- package/dist/shared/hooks/useDebounce.d.ts.map +1 -0
- package/dist/shared/hooks/useDebounce.js +46 -0
- package/dist/shared/hooks/useObserver.d.ts +11 -0
- package/dist/shared/hooks/useObserver.d.ts.map +1 -0
- package/dist/shared/hooks/useObserver.js +33 -0
- package/package.json +1 -1
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { GlobalColorsProps } from '../../shared/theme';
|
|
2
|
-
export declare type IconName = 'activity' | 'adjustments-horizontal' | 'airplay' | 'alert-circle' | 'alert-octagon' | 'alert-triangle' | 'align-center' | 'align-justify' | 'align-left' | 'align-right' | 'anchor' | 'aperture' | 'archive' | 'arrow-down-circle' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-down' | 'arrow-left-circle' | 'arrow-left' | 'arrow-right-circle' | 'arrow-right' | 'arrow-up-circle' | 'arrow-up-left' | 'arrow-up-right' | 'arrow-up' | 'at-sign' | 'award' | 'bank' | 'bar-chart-2' | 'bar-chart' | 'barcode' | 'barcode1' | 'battery-charging' | 'battery' | 'bell-off' | 'bell' | 'billet' | 'bluetooth' | 'bold' | 'book-open' | 'book' | 'bookmark' | 'box' | 'briefcase' | 'calendar' | 'camera-off' | 'camera' | 'card-and-code' | 'card' | 'card1' | 'card2' | 'cardcredit' | 'cash' | 'cast' | 'check-circle-outlined' | 'check-circle' | 'check-square' | 'check' | 'cheque' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevrons-down' | 'chevrons-left' | 'chevrons-right' | 'chevrons-up' | 'chrome' | 'circle' | 'clipboard' | 'clock' | 'cloud-drizzle' | 'cloud-off' | 'cloud-snow' | 'cloud' | 'code' | 'codepen' | 'codesandbox' | 'coffee' | 'coin' | 'color' | 'columns' | 'command' | 'compass' | 'copy' | 'corner-down-left' | 'corner-down-right' | 'corner-left-down' | 'corner-left-up' | 'corner-right-down' | 'corner-right-up' | 'corner-up-left' | 'corner-up-right' | 'cpu' | 'crop' | 'crosshair' | 'csv' | 'database' | 'delete' | 'desktop' | 'disc' | 'dislike' | 'dna' | 'dollar-sign' | 'double-check' | 'download-cloud' | 'download' | 'droplet' | 'duplicate' | 'edit-3' | 'edit' | 'editor-align-center' | 'editor-align-justify' | 'editor-align-left' | 'editor-align-right' | 'editor-blockquotes' | 'editor-bold' | 'editor-clear-marks' | 'editor-clear-nodes' | 'editor-code-block' | 'editor-h1' | 'editor-h2' | 'editor-h3' | 'editor-h4' | 'editor-h5' | 'editor-h6' | 'editor-hard-break' | 'editor-horizontal-rule' | 'editor-italic' | 'editor-ordered-list' | 'editor-paragraph' | 'editor-redo' | 'editor-strike' | 'editor-underline' | 'editor-undo' | 'editor-unordered-list' | 'equal' | 'expand' | 'external-link' | 'eye-off' | 'eye' | 'facebook' | 'fast-forward' | 'feather' | 'figma' | 'file-plus' | 'file-text' | 'file' | 'film' | 'filter' | '
|
|
2
|
+
export declare type IconName = 'activity' | 'adjustments-horizontal' | 'airplay' | 'alert-circle' | 'alert-octagon' | 'alert-triangle' | 'align-center' | 'align-justify' | 'align-left' | 'align-right' | 'anchor' | 'aperture' | 'archive' | 'arrow-down-circle' | 'arrow-down-left' | 'arrow-down-right' | 'arrow-down' | 'arrow-left-circle' | 'arrow-left' | 'arrow-right-circle' | 'arrow-right' | 'arrow-up-circle' | 'arrow-up-left' | 'arrow-up-right' | 'arrow-up' | 'at-sign' | 'award' | 'bank' | 'bar-chart-2' | 'bar-chart' | 'barcode' | 'barcode1' | 'battery-charging' | 'battery' | 'bell-off' | 'bell' | 'billet' | 'bluetooth' | 'bold' | 'book-open' | 'book' | 'bookmark' | 'box' | 'briefcase' | 'calendar' | 'camera-off' | 'camera' | 'card-and-code' | 'card' | 'card1' | 'card2' | 'cardcredit' | 'cash' | 'cast' | 'check-circle-outlined' | 'check-circle' | 'check-square' | 'check' | 'cheque' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'chevrons-down' | 'chevrons-left' | 'chevrons-right' | 'chevrons-up' | 'chrome' | 'circle' | 'clipboard' | 'clock' | 'cloud-drizzle' | 'cloud-off' | 'cloud-snow' | 'cloud' | 'code' | 'codepen' | 'codesandbox' | 'coffee' | 'coin' | 'color' | 'columns' | 'command' | 'compass' | 'copy' | 'corner-down-left' | 'corner-down-right' | 'corner-left-down' | 'corner-left-up' | 'corner-right-down' | 'corner-right-up' | 'corner-up-left' | 'corner-up-right' | 'cpu' | 'crop' | 'crosshair' | 'csv' | 'database' | 'delete' | 'desktop' | 'disc' | 'dislike' | 'dna' | 'dollar-sign' | 'double-check' | 'download-cloud' | 'download' | 'droplet' | 'duplicate' | 'edit-3' | 'edit' | 'editor-align-center' | 'editor-align-justify' | 'editor-align-left' | 'editor-align-right' | 'editor-blockquotes' | 'editor-bold' | 'editor-clear-marks' | 'editor-clear-nodes' | 'editor-code-block' | 'editor-h1' | 'editor-h2' | 'editor-h3' | 'editor-h4' | 'editor-h5' | 'editor-h6' | 'editor-hard-break' | 'editor-horizontal-rule' | 'editor-italic' | 'editor-ordered-list' | 'editor-paragraph' | 'editor-redo' | 'editor-strike' | 'editor-underline' | 'editor-undo' | 'editor-unordered-list' | 'equal' | 'expand' | 'external-link' | 'eye-off' | 'eye' | 'facebook' | 'fast-forward' | 'feather' | 'fi_youtube' | 'figma' | 'file-plus' | 'file-text' | 'file' | 'film' | 'filter' | 'flag' | 'folder-minus' | 'folder-plus' | 'folder' | 'framer' | 'frown' | 'genre' | 'gift' | 'git-branch' | 'git-commit' | 'git-pull-request' | 'github' | 'gitlab' | 'globe' | 'grid' | 'hard-drive' | 'hash' | 'headphones' | 'heart' | 'help-circle' | 'hexagon' | 'home' | 'id' | 'image' | 'inbox' | 'inf' | 'info' | 'instagram' | 'italic' | 'key' | 'layers' | 'layout' | 'life-buoy' | 'like' | 'link-2' | 'link' | 'linkedin' | 'list-2' | 'list' | 'listagem' | 'loader' | 'lock' | 'log-in' | 'log-out' | 'machine-money' | 'mail' | 'map-pin' | 'map' | 'maximize-2' | 'maximize' | 'medical' | 'meh' | 'menu' | 'message-square' | 'mic-off' | 'mic' | 'minimize-2' | 'minimize' | 'minus-circle' | 'minus-square' | 'minus' | 'money' | 'moneylist' | 'monitor' | 'moon' | 'more-horizontal' | 'more-vertical' | 'mouse-pointer' | 'move' | 'music' | 'navigation-2' | 'navigation' | 'octagon' | 'package' | 'paperclip' | 'pause-circle' | 'pause' | 'pdf' | 'pen-tool' | 'percent' | 'phone-call' | 'pie-chart' | 'pin' | 'pix' | 'play-circle' | 'play' | 'plug' | 'plus-circle' | 'plus-square' | 'plus' | 'pocket' | 'power' | 'pp-extended' | 'pp' | 'printer' | 'radio' | 'real' | 'refresh-ccw' | 'refresh-cw' | 'repeat' | 'revenue' | 'rewind' | 'robot' | 'rotate-ccw' | 'rotate-cw' | 'rotate' | 'rss' | 'save' | 'scissors' | 'search' | 'send' | 'server' | 'settings' | 'share-2' | 'share' | 'shield-off' | 'shield' | 'shop' | 'shopping-bag' | 'shopping-cart' | 'shuffle' | 'sidebar' | 'skip-back' | 'skip-forward' | 'slack' | 'slash' | 'sliders' | 'smartphone' | 'smile' | 'speaker' | 'square' | 'star' | 'stop-circle' | 'sun' | 'sunrise' | 'sunset' | 'sync' | 'tablet' | 'tag' | 'target' | 'terminal' | 'thermometer' | 'thumbs-down' | 'thumbs-up' | 'toggle-left' | 'toggle-right' | 'tool' | 'trash-2' | 'trash' | 'trello' | 'trending-down' | 'trending-up' | 'triangle' | 'truck' | 'tv' | 'twitch' | 'twitter' | 'type' | 'umbrella' | 'underline' | 'unlock' | 'upload-cloud' | 'upload' | 'user-check' | 'user-minus' | 'user-plus' | 'user-x' | 'user' | 'user2-out' | 'users' | 'video-off' | 'video' | 'voicemail' | 'volume-1' | 'volume-2' | 'volume-x' | 'volume' | 'weight' | 'whatsapp' | 'wifi-off' | 'wifi' | 'wind' | 'x-circle' | 'x-octagon' | 'x-square' | 'x' | 'xls' | 'zap-off' | 'zap' | 'zoom-in' | 'zoom-out' | 'zoom' | 'ecc-budget' | 'ecc-card' | 'ecc-cart' | 'ecc-client' | 'ecc-logout' | 'ecc-loock' | 'ecc-medical' | 'ecc-star' | 'ecc-table' | 'ecc-truck' | 'ecc-user' | 'ecc-www' | 'scl-facebook' | 'scl-google' | 'pmt-amex' | 'pmt-aura' | 'pmt-billet' | 'pmt-dinersclub' | 'pmt-discover' | 'pmt-elo' | 'pmt-hipercard' | 'pmt-jcb' | 'pmt-mastercard' | 'pmt-paypal' | 'pmt-pix' | 'pmt-visa' | 'illust-banking-billet' | 'illust-budget-analysis' | 'illust-budget-available' | 'illust-budget-error' | 'illust-budget-incomplete' | 'illust-card' | 'illust-check-prescription' | 'illust-date' | 'illust-error-prescription' | 'illust-inclusion-order' | 'illust-incomplete-prescription' | 'illust-order-canceled' | 'illust-order-error' | 'illust-order-success' | 'illust-order-withdrawal' | 'illust-pix' | 'illust-preparation-order' | 'illust-retention-prescription' | 'illust-sent-order' | 'illust-success-prescription' | 'bty-baldness' | 'bty-beard' | 'bty-beauty' | 'bty-blue-light' | 'bty-breasts-and-ass' | 'bty-dandruff' | 'bty-deodorants' | 'bty-eyebags-darkcircles' | 'bty-eyebrows-lashes' | 'bty-filler' | 'bty-hair-growth' | 'bty-hair-loss' | 'bty-hair-strengthener' | 'bty-hand-sanitizer' | 'bty-illuminator' | 'bty-moisturizer' | 'bty-mycosis-chilblains' | 'bty-nail-strengthener' | 'bty-neck-arms' | 'bty-pimples' | 'bty-repellent' | 'bty-sunscreen' | 'bty-varicose-veins' | 'bty-warts' | 'bty-white-hair' | 'bty-whitening' | 'bty-wound-healing' | 'bty-wrinkles' | 'hlt-ansiety-stress' | 'hlt-antiemetic' | 'hlt-bach-florals' | 'hlt-bacillus-lacto' | 'hlt-bad-breath' | 'hlt-builder-vase' | 'hlt-cholesterol' | 'hlt-depression' | 'hlt-diabetes' | 'hlt-digestion-reflux' | 'hlt-diuretics' | 'hlt-gases' | 'hlt-gastric-protector' | 'hlt-hangover' | 'hlt-health' | 'hlt-heart-health' | 'hlt-high-pressure' | 'hlt-homeopathy' | 'hlt-immunity' | 'hlt-intestinal-health' | 'hlt-intimate-hygiene' | 'hlt-libido' | 'hlt-live-protector' | 'hlt-longevity' | 'hlt-memory' | 'hlt-menopause' | 'hlt-nutritional-supplement' | 'hlt-pms-cramps' | 'hlt-prostate' | 'hlt-roast' | 'hlt-sexual-health' | 'hlt-sleep-well' | 'hlt-stress' | 'hlt-urinary-tract' | 'hlt-vitamins-minerals' | 'men-baldness' | 'men-beard' | 'men-dough' | 'men-gynecomastia' | 'men-libido' | 'men-men' | 'wmn-breasts-and-ass' | 'wmn-cellulite' | 'wmn-eyelashes-brows' | 'wmn-filler' | 'wmn-hair-growth' | 'wmn-hair-strengthener' | 'wmn-menopause' | 'wmn-pms-cramps' | 'wmn-whitening' | 'wmn-woman' | 'smr-dry-belly' | 'smr-hair' | 'smr-moisturizer' | 'smr-summer' | 'smr-sunscreen' | 'smr-tanning' | 'sts-budget-analysis' | 'sts-budget-available' | 'sts-budget-expired' | 'sts-budget-incomplete' | 'sts-inclusion-order' | 'sts-medication-performed' | 'sts-order-canceled' | 'sts-order-preparation' | 'sts-order-sent' | 'sts-order-withdrawal' | 'sts-revenue-check' | 'sts-revenue-retention' | 'sts-waiting-billet' | 'sts-waiting-card' | 'sts-waiting-repeat-date' | 'ppe-accelerate-metabolism' | 'ppe-articulations' | 'ppe-binge-eating' | 'ppe-bones' | 'ppe-bruises' | 'ppe-candy-will' | 'ppe-carbohydrate-blocker' | 'ppe-carbohydrate-blocker2' | 'ppe-cellulite-stretch-marks' | 'ppe-cellulite' | 'ppe-conductive-vessel' | 'ppe-detox' | 'ppe-dough' | 'ppe-dry-belly' | 'ppe-energy' | 'ppe-fatty-acids' | 'ppe-fibers' | 'ppe-gh' | 'ppe-gynecomastia' | 'ppe-increase-satiety' | 'ppe-increased-appetite' | 'ppe-inhibit-appetite' | 'ppe-laxative' | 'ppe-lipolitical-action' | 'ppe-localized-fat' | 'ppe-muscle-definition' | 'ppe-pain' | 'ppe-physical-perfomance' | 'ppe-post-workout' | 'ppe-pre-workout' | 'ppe-pro-hormonal' | 'ppe-reduction-measures' | 'ppe-slimming-chocolates' | 'ppe-slimming-gums' | 'ppe-slimming' | 'ppe-strength' | 'ppe-tcp' | 'ppe-thermogenic' | 'ppe-vasodilation' | 'form-bar' | 'form-capsule' | 'form-chocolate' | 'form-cookie' | 'form-cream' | 'form-enamel' | 'form-eyedrop' | 'form-eyeliner' | 'form-floral' | 'form-foam' | 'form-gel' | 'form-gum' | 'form-homeopathy' | 'form-lipstick' | 'form-lollipop' | 'form-lotion' | 'form-oil' | 'form-oralfilm' | 'form-oralpaste' | 'form-others' | 'form-patch' | 'form-pomade' | 'form-pot' | 'form-sachet' | 'form-serum' | 'form-shampoo' | 'form-soapshampoo' | 'form-spray' | 'form-sublingual' | 'form-sunscreen' | 'form-syringe' | 'form-syrup' | 'form-tablet' | 'form-units' | 'pp-colored-extended' | 'pp-colored';
|
|
3
3
|
export declare type IIconComponentProps = {
|
|
4
4
|
name: IconName;
|
|
5
5
|
size?: number | string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/types.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAEvD,oBAAY,QAAQ,GAChB,UAAU,GACV,wBAAwB,GACxB,SAAS,GACT,cAAc,GACd,eAAe,GACf,gBAAgB,GAChB,cAAc,GACd,eAAe,GACf,YAAY,GACZ,aAAa,GACb,QAAQ,GACR,UAAU,GACV,SAAS,GACT,mBAAmB,GACnB,iBAAiB,GACjB,kBAAkB,GAClB,YAAY,GACZ,mBAAmB,GACnB,YAAY,GACZ,oBAAoB,GACpB,aAAa,GACb,iBAAiB,GACjB,eAAe,GACf,gBAAgB,GAChB,UAAU,GACV,SAAS,GACT,OAAO,GACP,MAAM,GACN,aAAa,GACb,WAAW,GACX,SAAS,GACT,UAAU,GACV,kBAAkB,GAClB,SAAS,GACT,UAAU,GACV,MAAM,GACN,QAAQ,GACR,WAAW,GACX,MAAM,GACN,WAAW,GACX,MAAM,GACN,UAAU,GACV,KAAK,GACL,WAAW,GACX,UAAU,GACV,YAAY,GACZ,QAAQ,GACR,eAAe,GACf,MAAM,GACN,OAAO,GACP,OAAO,GACP,YAAY,GACZ,MAAM,GACN,MAAM,GACN,uBAAuB,GACvB,cAAc,GACd,cAAc,GACd,OAAO,GACP,QAAQ,GACR,cAAc,GACd,cAAc,GACd,eAAe,GACf,YAAY,GACZ,eAAe,GACf,eAAe,GACf,gBAAgB,GAChB,aAAa,GACb,QAAQ,GACR,QAAQ,GACR,WAAW,GACX,OAAO,GACP,eAAe,GACf,WAAW,GACX,YAAY,GACZ,OAAO,GACP,MAAM,GACN,SAAS,GACT,aAAa,GACb,QAAQ,GACR,MAAM,GACN,OAAO,GACP,SAAS,GACT,SAAS,GACT,SAAS,GACT,MAAM,GACN,kBAAkB,GAClB,mBAAmB,GACnB,kBAAkB,GAClB,gBAAgB,GAChB,mBAAmB,GACnB,iBAAiB,GACjB,gBAAgB,GAChB,iBAAiB,GACjB,KAAK,GACL,MAAM,GACN,WAAW,GACX,KAAK,GACL,UAAU,GACV,QAAQ,GACR,SAAS,GACT,MAAM,GACN,SAAS,GACT,KAAK,GACL,aAAa,GACb,cAAc,GACd,gBAAgB,GAChB,UAAU,GACV,SAAS,GACT,WAAW,GACX,QAAQ,GACR,MAAM,GACN,qBAAqB,GACrB,sBAAsB,GACtB,mBAAmB,GACnB,oBAAoB,GACpB,oBAAoB,GACpB,aAAa,GACb,oBAAoB,GACpB,oBAAoB,GACpB,mBAAmB,GACnB,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,WAAW,GACX,mBAAmB,GACnB,wBAAwB,GACxB,eAAe,GACf,qBAAqB,GACrB,kBAAkB,GAClB,aAAa,GACb,eAAe,GACf,kBAAkB,GAClB,aAAa,GACb,uBAAuB,GACvB,OAAO,GACP,QAAQ,GACR,eAAe,GACf,SAAS,GACT,KAAK,GACL,UAAU,GACV,cAAc,GACd,SAAS,GACT,OAAO,GACP,WAAW,GACX,WAAW,GACX,MAAM,GACN,MAAM,GACN,QAAQ,GACR,
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Icon/types.ts"],"names":[],"mappings":"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"}
|
|
@@ -4,13 +4,18 @@ interface IOptionsAreaProps {
|
|
|
4
4
|
inputAlert: SelectType;
|
|
5
5
|
showOptionsArea: boolean;
|
|
6
6
|
data: SelectData[];
|
|
7
|
+
isLoadingData?: boolean;
|
|
7
8
|
selectedOptions: SelectData[];
|
|
8
|
-
AutoComplete:
|
|
9
|
+
AutoComplete: boolean;
|
|
9
10
|
chooseOption: (option: SelectData) => void;
|
|
10
11
|
scrollHandler: (e: UIEvent<HTMLDivElement>) => void;
|
|
11
12
|
setShowOptionsArea: (state: boolean) => void;
|
|
12
13
|
onChangeSearch?: (data: string) => void;
|
|
14
|
+
hasMoreData?: boolean;
|
|
15
|
+
loadMoreData?: () => void;
|
|
16
|
+
autoCompleteHelperText?: string;
|
|
17
|
+
infiniteScroll: boolean;
|
|
13
18
|
}
|
|
14
|
-
export declare function OptionsArea({ data, scrollHandler, chooseOption, inputAlert, setShowOptionsArea, AutoComplete, selectedOptions, onChangeSearch, }: IOptionsAreaProps): JSX.Element;
|
|
19
|
+
export declare function OptionsArea({ data, scrollHandler, chooseOption, inputAlert, setShowOptionsArea, AutoComplete, selectedOptions, onChangeSearch, isLoadingData, loadMoreData, hasMoreData, infiniteScroll, autoCompleteHelperText, }: IOptionsAreaProps): JSX.Element;
|
|
15
20
|
export {};
|
|
16
21
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/OptionsArea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/OptionsArea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,OAAO,EAAsD,MAAM,OAAO,CAAC;AASnG,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAIrD,UAAU,iBAAiB;IACzB,UAAU,EAAE,UAAU,CAAC;IACvB,eAAe,EAAE,OAAO,CAAC;IACzB,IAAI,EAAE,UAAU,EAAE,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAC;IAC3C,aAAa,EAAE,CAAC,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,KAAK,IAAI,CAAC;IACpD,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,cAAc,EAAE,OAAO,CAAC;CACzB;AAID,wBAAgB,WAAW,CAAC,EAC1B,IAAI,EACJ,aAAa,EACb,YAAY,EACZ,UAAU,EACV,kBAAkB,EAClB,YAAY,EACZ,eAAe,EACf,cAAc,EACd,aAAqB,EACrB,YAAY,EACZ,WAAW,EACX,cAAc,EACd,sBAAsD,GACvD,EAAE,iBAAiB,eA8KnB"}
|
|
@@ -7,10 +7,24 @@ exports.OptionsArea = OptionsArea;
|
|
|
7
7
|
|
|
8
8
|
var _react = require("react");
|
|
9
9
|
|
|
10
|
+
var _Flex = _interopRequireDefault(require("../../../Flex"));
|
|
11
|
+
|
|
12
|
+
var _Icon = _interopRequireDefault(require("../../../Icon"));
|
|
13
|
+
|
|
14
|
+
var _Spinner = _interopRequireDefault(require("../../../Spinner"));
|
|
15
|
+
|
|
16
|
+
var _Typography = _interopRequireDefault(require("../../../Typography"));
|
|
17
|
+
|
|
18
|
+
var _Button = _interopRequireDefault(require("../../../Button"));
|
|
19
|
+
|
|
20
|
+
var _useObserver = require("../../../../shared/hooks/useObserver");
|
|
21
|
+
|
|
10
22
|
var _styles = require("./styles");
|
|
11
23
|
|
|
12
24
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
13
25
|
|
|
26
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
27
|
+
|
|
14
28
|
function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
|
|
15
29
|
|
|
16
30
|
function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
|
|
@@ -39,7 +53,14 @@ function OptionsArea(_ref) {
|
|
|
39
53
|
setShowOptionsArea = _ref.setShowOptionsArea,
|
|
40
54
|
AutoComplete = _ref.AutoComplete,
|
|
41
55
|
selectedOptions = _ref.selectedOptions,
|
|
42
|
-
onChangeSearch = _ref.onChangeSearch
|
|
56
|
+
onChangeSearch = _ref.onChangeSearch,
|
|
57
|
+
_ref$isLoadingData = _ref.isLoadingData,
|
|
58
|
+
isLoadingData = _ref$isLoadingData === void 0 ? false : _ref$isLoadingData,
|
|
59
|
+
loadMoreData = _ref.loadMoreData,
|
|
60
|
+
hasMoreData = _ref.hasMoreData,
|
|
61
|
+
infiniteScroll = _ref.infiniteScroll,
|
|
62
|
+
_ref$autoCompleteHelp = _ref.autoCompleteHelperText,
|
|
63
|
+
autoCompleteHelperText = _ref$autoCompleteHelp === void 0 ? 'Nenhum resultado encontrado' : _ref$autoCompleteHelp;
|
|
43
64
|
|
|
44
65
|
var _useState = (0, _react.useState)(0),
|
|
45
66
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -53,11 +74,20 @@ function OptionsArea(_ref) {
|
|
|
53
74
|
|
|
54
75
|
var _useState5 = (0, _react.useState)(''),
|
|
55
76
|
_useState6 = _slicedToArray(_useState5, 2),
|
|
56
|
-
|
|
77
|
+
autoCompleteState = _useState6[0],
|
|
57
78
|
setAutoCompleteState = _useState6[1];
|
|
58
79
|
|
|
59
80
|
var OptionRef = (0, _react.useRef)(null);
|
|
60
81
|
var AutoCompleteRef = (0, _react.useRef)(null);
|
|
82
|
+
var loadMoreRef = (0, _react.useRef)(null);
|
|
83
|
+
var optionsAreaRef = (0, _react.useRef)(null);
|
|
84
|
+
(0, _useObserver.useObserver)(loadMoreRef, function () {
|
|
85
|
+
return loadMoreData === null || loadMoreData === void 0 ? void 0 : loadMoreData();
|
|
86
|
+
}, {
|
|
87
|
+
root: optionsAreaRef === null || optionsAreaRef === void 0 ? void 0 : optionsAreaRef.current,
|
|
88
|
+
rootMargin: '20px',
|
|
89
|
+
threshold: 1.0
|
|
90
|
+
});
|
|
61
91
|
|
|
62
92
|
function normalizeStringWithSpaces(string) {
|
|
63
93
|
return string.replaceAll(' ', '_').toLowerCase().normalize('NFD').replace(/[\u0300-\u036f]/g, '');
|
|
@@ -74,19 +104,19 @@ function OptionsArea(_ref) {
|
|
|
74
104
|
}) : [];
|
|
75
105
|
});
|
|
76
106
|
var newDataToShow = AutoComplete ? newDataWithoutChosen.flatMap(function (option) {
|
|
77
|
-
return option.search.includes(normalizeStringWithSpaces(
|
|
107
|
+
return option.search.includes(normalizeStringWithSpaces(autoCompleteState)) ? option : [];
|
|
78
108
|
}) : newDataWithoutChosen;
|
|
79
109
|
|
|
80
|
-
if (
|
|
110
|
+
if (autoCompleteState.length > 0 && onChangeSearch) {
|
|
81
111
|
clearTimeout(onChangeSearchDebounce);
|
|
82
112
|
onChangeSearchDebounce = setTimeout(function () {
|
|
83
|
-
onChangeSearch(
|
|
84
|
-
},
|
|
113
|
+
onChangeSearch(autoCompleteState);
|
|
114
|
+
}, 500);
|
|
85
115
|
}
|
|
86
116
|
|
|
87
117
|
setDataToShow(newDataToShow);
|
|
88
118
|
}
|
|
89
|
-
}, [selectedOptions, data, AutoComplete,
|
|
119
|
+
}, [selectedOptions, data, AutoComplete, autoCompleteState, onChangeSearch, loadMoreData]);
|
|
90
120
|
(0, _react.useEffect)(function () {
|
|
91
121
|
setTimeout(function () {
|
|
92
122
|
var _OptionRef$current;
|
|
@@ -117,21 +147,39 @@ function OptionsArea(_ref) {
|
|
|
117
147
|
break;
|
|
118
148
|
}
|
|
119
149
|
}, [setShowOptionsArea]);
|
|
150
|
+
var noResultsFound = dataToShow.length === 0 && autoCompleteState.length > 0 && !isLoadingData;
|
|
120
151
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_styles.OptionsAreaWrapper, {
|
|
152
|
+
ref: optionsAreaRef,
|
|
121
153
|
"data-testid": "options-area",
|
|
122
154
|
selectType: inputAlert,
|
|
123
155
|
itensLength: dataToShow.length,
|
|
124
156
|
onKeyDown: keyDownHandler,
|
|
125
157
|
onScroll: scrollHandler,
|
|
126
|
-
children: [AutoComplete && /*#__PURE__*/(0, _jsxRuntime.
|
|
127
|
-
|
|
128
|
-
|
|
129
|
-
|
|
130
|
-
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
|
|
134
|
-
|
|
158
|
+
children: [AutoComplete && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_Flex.default, {
|
|
159
|
+
style: {
|
|
160
|
+
position: 'relative',
|
|
161
|
+
width: '100%'
|
|
162
|
+
},
|
|
163
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.AutoCompleteInput, {
|
|
164
|
+
type: "text",
|
|
165
|
+
autoFocus: true,
|
|
166
|
+
fullWidth: true,
|
|
167
|
+
ref: AutoCompleteRef,
|
|
168
|
+
value: autoCompleteState,
|
|
169
|
+
selectType: inputAlert,
|
|
170
|
+
onChange: function onChange(e) {
|
|
171
|
+
setAutoCompleteState(e.target.value);
|
|
172
|
+
}
|
|
173
|
+
}), isLoadingData && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flex.default, {
|
|
174
|
+
style: {
|
|
175
|
+
padding: '.6em',
|
|
176
|
+
position: 'absolute',
|
|
177
|
+
top: 0
|
|
178
|
+
},
|
|
179
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
|
|
180
|
+
size: "sm"
|
|
181
|
+
}, "load-more-data-spinner")
|
|
182
|
+
})]
|
|
135
183
|
}), dataToShow.map(function (option, index) {
|
|
136
184
|
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.OptionItem, {
|
|
137
185
|
ref: !AutoComplete && index === chosenItem ? OptionRef : null,
|
|
@@ -145,7 +193,7 @@ function OptionsArea(_ref) {
|
|
|
145
193
|
active: index === chosenItem,
|
|
146
194
|
tabIndex: 0,
|
|
147
195
|
selectType: inputAlert,
|
|
148
|
-
onClick: function onClick(
|
|
196
|
+
onClick: function onClick() {
|
|
149
197
|
return chooseOption(option);
|
|
150
198
|
},
|
|
151
199
|
onKeyDown: function onKeyDown(e) {
|
|
@@ -153,8 +201,54 @@ function OptionsArea(_ref) {
|
|
|
153
201
|
},
|
|
154
202
|
children: option.label
|
|
155
203
|
}, "".concat(option.label).concat(index));
|
|
156
|
-
}),
|
|
157
|
-
children: "
|
|
204
|
+
}), infiniteScroll && hasMoreData && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_react.Fragment, {
|
|
205
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)("div", {
|
|
206
|
+
ref: loadMoreRef,
|
|
207
|
+
style: {
|
|
208
|
+
width: '100%',
|
|
209
|
+
height: '1px'
|
|
210
|
+
}
|
|
211
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flex.default, {
|
|
212
|
+
alignItems: "center",
|
|
213
|
+
justifyContent: "center",
|
|
214
|
+
style: {
|
|
215
|
+
width: '100%',
|
|
216
|
+
padding: '.5em'
|
|
217
|
+
},
|
|
218
|
+
children: isLoadingData && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
|
|
219
|
+
size: "sm"
|
|
220
|
+
}, "load-more-data-spinner")
|
|
221
|
+
})]
|
|
222
|
+
}), !infiniteScroll && hasMoreData && dataToShow.length !== 0 && /*#__PURE__*/(0, _jsxRuntime.jsx)(_Flex.default, {
|
|
223
|
+
style: {
|
|
224
|
+
width: '100%',
|
|
225
|
+
padding: '.5em'
|
|
226
|
+
},
|
|
227
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_Button.default, {
|
|
228
|
+
fullWidth: true,
|
|
229
|
+
size: "sm",
|
|
230
|
+
variant: "outline",
|
|
231
|
+
bgColor: "primary.disabled",
|
|
232
|
+
textColor: "primary.default",
|
|
233
|
+
onClick: function onClick() {
|
|
234
|
+
return loadMoreData === null || loadMoreData === void 0 ? void 0 : loadMoreData();
|
|
235
|
+
},
|
|
236
|
+
children: isLoadingData ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_Spinner.default, {
|
|
237
|
+
size: "sm"
|
|
238
|
+
}, "load-more-data-spinner") : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
239
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_Icon.default, {
|
|
240
|
+
name: "refresh-ccw",
|
|
241
|
+
size: 18
|
|
242
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Typography.default, {
|
|
243
|
+
fontSize: "xxs",
|
|
244
|
+
fontWeight: "600",
|
|
245
|
+
color: "neutral.black",
|
|
246
|
+
children: "Carregar mais"
|
|
247
|
+
})]
|
|
248
|
+
})
|
|
249
|
+
})
|
|
250
|
+
}), noResultsFound && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.Span, {
|
|
251
|
+
children: autoCompleteHelperText
|
|
158
252
|
})]
|
|
159
253
|
});
|
|
160
254
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/OptionsArea/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,kBAAkB;;;uHAwC9B,CAAC;AA6BF,eAAO,MAAM,iBAAiB;;;
|
|
1
|
+
{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/OptionsArea/styles.ts"],"names":[],"mappings":";AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,eAAO,MAAM,kBAAkB;;;uHAwC9B,CAAC;AA6BF,eAAO,MAAM,iBAAiB;;;gIAiB7B,CAAC;AAEF,eAAO,MAAM,IAAI;;;yHAIhB,CAAC;AAEF,eAAO,MAAM,UAAU;;;mHAErB,CAAC"}
|
|
@@ -66,7 +66,7 @@ var OptionItemStyle = _styled.default.div(_templateObject2 || (_templateObject2
|
|
|
66
66
|
return theme.borderRadius.default;
|
|
67
67
|
});
|
|
68
68
|
|
|
69
|
-
var AutoCompleteInput = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: 8px;\n outline: 0;\n color: ", ";\n\n background: ", ";\n\n margin-bottom: 8px;\n\n border: 2px solid\n ", ";\n\n border-radius: ", "; ;\n"])), function (_ref11) {
|
|
69
|
+
var AutoCompleteInput = _styled.default.input(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n padding: 8px;\n padding-left: 2em;\n outline: 0;\n color: ", ";\n\n background: ", ";\n\n margin-bottom: 8px;\n width: 100%;\n\n border: 2px solid\n ", ";\n\n border-radius: ", "; ;\n"])), function (_ref11) {
|
|
70
70
|
var theme = _ref11.theme;
|
|
71
71
|
return {
|
|
72
72
|
dark: theme.colors.neutral.white,
|
|
@@ -89,9 +89,12 @@ var AutoCompleteInput = _styled.default.input(_templateObject3 || (_templateObje
|
|
|
89
89
|
|
|
90
90
|
exports.AutoCompleteInput = AutoCompleteInput;
|
|
91
91
|
|
|
92
|
-
var Span = _styled.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: ", ";\n text-align: center;\n"])), function (_ref15) {
|
|
92
|
+
var Span = _styled.default.span(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n font-size: ", ";\n text-align: center;\n color: ", ";\n"])), function (_ref15) {
|
|
93
93
|
var theme = _ref15.theme;
|
|
94
|
-
return theme.fontSizes.
|
|
94
|
+
return theme.fontSizes.xxs;
|
|
95
|
+
}, function (_ref16) {
|
|
96
|
+
var theme = _ref16.theme;
|
|
97
|
+
return theme.colors.error.default;
|
|
95
98
|
});
|
|
96
99
|
|
|
97
100
|
exports.Span = Span;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/SelectArea/index.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MultipleSelect/components/SelectArea/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAcjD,OAAO,EAAE,UAAU,EAAE,UAAU,EAAE,MAAM,aAAa,CAAC;AAErD,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,eAAe,EAAE,UAAU,EAAE,CAAC;IAC9B,oBAAoB,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IAChF,kBAAkB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IAClD,qBAAqB,EAAE,CAAC,CAAC,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAC7D;AAED,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,KAAqB,EACrB,kBAAkB,EAClB,qBAAqB,EACrB,UAAU,EACV,QAAQ,EACR,oBAAoB,EACpB,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,WAAW,GACZ,EAAE,gBAAgB,eAuDlB"}
|
|
@@ -7,13 +7,13 @@ exports.SelectArea = SelectArea;
|
|
|
7
7
|
|
|
8
8
|
var _SelectAreaWrapper = require("./SelectAreaWrapper");
|
|
9
9
|
|
|
10
|
-
var
|
|
10
|
+
var _Icon = _interopRequireDefault(require("../../../Icon"));
|
|
11
11
|
|
|
12
12
|
var _SelectedOptionsArea = require("./SelectedOptionsArea");
|
|
13
13
|
|
|
14
14
|
var _ButtonsArea = require("./ButtonsArea");
|
|
15
15
|
|
|
16
|
-
var
|
|
16
|
+
var _styles = require("./styles");
|
|
17
17
|
|
|
18
18
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
19
19
|
|
|
@@ -82,6 +82,7 @@ function SelectArea(_ref) {
|
|
|
82
82
|
size: "20px"
|
|
83
83
|
})
|
|
84
84
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_ButtonsArea.Button, {
|
|
85
|
+
type: "button",
|
|
85
86
|
show: true,
|
|
86
87
|
tabIndex: 0,
|
|
87
88
|
disabled: disabled,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,EAAE,EAOH,MAAM,OAAO,CAAC;AAIf,OAAO,EAAc,iBAAiB,EAAc,MAAM,SAAS,CAAC;AAEpE,aAAK,KAAK,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAI3C,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,EACL,wBAAwB,EACxB,EAAE,EAOH,MAAM,OAAO,CAAC;AAIf,OAAO,EAAc,iBAAiB,EAAc,MAAM,SAAS,CAAC;AAEpE,aAAK,KAAK,GAAG,wBAAwB,CAAC,GAAG,CAAC,CAAC;AAI3C,QAAA,MAAM,cAAc,EAAE,EAAE,CAAC,iBAAiB,GAAG,KAAK,CAqJjD,CAAC;AAEF,eAAe,cAAc,CAAC"}
|
|
@@ -59,11 +59,17 @@ var MultipleSelect = function MultipleSelect(_ref) {
|
|
|
59
59
|
selectType = _ref.selectType,
|
|
60
60
|
_ref$data = _ref.data,
|
|
61
61
|
data = _ref$data === void 0 ? [] : _ref$data,
|
|
62
|
+
isLoadingData = _ref.isLoadingData,
|
|
63
|
+
loadMoreData = _ref.loadMoreData,
|
|
64
|
+
hasMoreData = _ref.hasMoreData,
|
|
62
65
|
dropDownIcon = _ref.dropDownIcon,
|
|
63
66
|
placeholder = _ref.placeholder,
|
|
64
67
|
defaultSelectedOptions = _ref.defaultSelectedOptions,
|
|
65
68
|
value = _ref.value,
|
|
66
|
-
helperText = _ref.helperText
|
|
69
|
+
helperText = _ref.helperText,
|
|
70
|
+
autoCompleteHelperText = _ref.autoCompleteHelperText,
|
|
71
|
+
_ref$infiniteScroll = _ref.infiniteScroll,
|
|
72
|
+
infiniteScroll = _ref$infiniteScroll === void 0 ? false : _ref$infiniteScroll;
|
|
67
73
|
|
|
68
74
|
var _useState = (0, _react.useState)(selectType),
|
|
69
75
|
_useState2 = _slicedToArray(_useState, 2),
|
|
@@ -174,15 +180,20 @@ var MultipleSelect = function MultipleSelect(_ref) {
|
|
|
174
180
|
placeholder: placeholder,
|
|
175
181
|
dropDownIcon: dropDownIcon
|
|
176
182
|
}), showOptionsArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.OptionsArea, {
|
|
183
|
+
infiniteScroll: infiniteScroll,
|
|
177
184
|
AutoComplete: AutoComplete,
|
|
178
185
|
setShowOptionsArea: setShowOptionsArea,
|
|
179
186
|
inputAlert: inputAlert,
|
|
180
187
|
chooseOption: chooseOption,
|
|
181
188
|
selectedOptions: selectedOptions,
|
|
182
189
|
data: data,
|
|
190
|
+
loadMoreData: loadMoreData,
|
|
191
|
+
hasMoreData: hasMoreData,
|
|
183
192
|
scrollHandler: scrollHandler,
|
|
184
193
|
showOptionsArea: showOptionsArea,
|
|
185
|
-
onChangeSearch: onChangeSearch
|
|
194
|
+
onChangeSearch: onChangeSearch,
|
|
195
|
+
isLoadingData: isLoadingData,
|
|
196
|
+
autoCompleteHelperText: autoCompleteHelperText
|
|
186
197
|
})]
|
|
187
198
|
}), !!helperText && /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.HelperText, {
|
|
188
199
|
selectType: selectType,
|
|
@@ -19,6 +19,7 @@ export interface IStyleProps {
|
|
|
19
19
|
}
|
|
20
20
|
export interface ISelectInputProps {
|
|
21
21
|
data?: Array<SelectData>;
|
|
22
|
+
isLoadingData?: boolean;
|
|
22
23
|
maxSelects?: number;
|
|
23
24
|
label?: string;
|
|
24
25
|
multiple?: boolean;
|
|
@@ -34,5 +35,9 @@ export interface ISelectInputProps {
|
|
|
34
35
|
onChangeValue?: (data: Array<SelectData>) => void;
|
|
35
36
|
onChangeSearch?: (data: string) => void;
|
|
36
37
|
onFinished?: (bool: boolean) => void;
|
|
38
|
+
autoCompleteHelperText?: string;
|
|
39
|
+
loadMoreData?: () => void;
|
|
40
|
+
hasMoreData?: boolean;
|
|
41
|
+
infiniteScroll?: boolean;
|
|
37
42
|
}
|
|
38
43
|
//# sourceMappingURL=types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAEvC,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,UAAU,GAClB,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,GACnB,SAAS,CAAC;AAEd,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/MultipleSelect/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAEvC,oBAAY,UAAU,GAAG;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,oBAAY,UAAU,GAClB,SAAS,GACT,OAAO,GACP,SAAS,GACT,aAAa,GACb,UAAU,GACV,mBAAmB,GACnB,mBAAmB,GACnB,SAAS,CAAC;AAEd,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,KAAK,CAAC,EAAE,gBAAgB,CAAC;IACzB,MAAM,CAAC,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,iBAAiB;IAChC,IAAI,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IACzB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,UAAU,CAAC;IACxB,YAAY,CAAC,EAAE,YAAY,CAAC;IAC5B,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC1B,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,sBAAsB,CAAC,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,CAAC,IAAI,EAAE,KAAK,CAAC,UAAU,CAAC,KAAK,IAAI,CAAC;IAClD,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACrC,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,cAAc,CAAC,EAAE,OAAO,CAAC;CAC1B"}
|