@objectifthunes/limestone-sdk 0.1.4 → 0.1.5
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/animations/index.d.ts +2 -0
- package/dist/animations/index.d.ts.map +1 -1
- package/dist/animations/index.js +1 -0
- package/dist/animations/index.js.map +1 -1
- package/dist/animations/shimmer/index.d.ts +4 -0
- package/dist/animations/shimmer/index.d.ts.map +1 -0
- package/dist/animations/shimmer/index.js +3 -0
- package/dist/animations/shimmer/index.js.map +1 -0
- package/dist/animations/shimmer/shimmer.d.ts +6 -0
- package/dist/animations/shimmer/shimmer.d.ts.map +1 -0
- package/dist/animations/shimmer/shimmer.js +19 -0
- package/dist/animations/shimmer/shimmer.js.map +1 -0
- package/dist/animations/shimmer/types.d.ts +34 -0
- package/dist/animations/shimmer/types.d.ts.map +1 -0
- package/dist/animations/shimmer/types.js +2 -0
- package/dist/animations/shimmer/types.js.map +1 -0
- package/dist/animations/shimmer/use-shimmer.d.ts +4 -0
- package/dist/animations/shimmer/use-shimmer.d.ts.map +1 -0
- package/dist/animations/shimmer/use-shimmer.js +61 -0
- package/dist/animations/shimmer/use-shimmer.js.map +1 -0
- package/dist/components/data-display/index.d.ts +8 -0
- package/dist/components/data-display/index.d.ts.map +1 -1
- package/dist/components/data-display/index.js +4 -0
- package/dist/components/data-display/index.js.map +1 -1
- package/dist/components/data-display/key-value-row/index.d.ts +4 -0
- package/dist/components/data-display/key-value-row/index.d.ts.map +1 -0
- package/dist/components/data-display/key-value-row/index.js +4 -0
- package/dist/components/data-display/key-value-row/index.js.map +1 -0
- package/dist/components/data-display/key-value-row/key-value-row.d.ts +4 -0
- package/dist/components/data-display/key-value-row/key-value-row.d.ts.map +1 -0
- package/dist/components/data-display/key-value-row/key-value-row.js +15 -0
- package/dist/components/data-display/key-value-row/key-value-row.js.map +1 -0
- package/dist/components/data-display/key-value-row/types.d.ts +36 -0
- package/dist/components/data-display/key-value-row/types.d.ts.map +1 -0
- package/dist/components/data-display/key-value-row/types.js +2 -0
- package/dist/components/data-display/key-value-row/types.js.map +1 -0
- package/dist/components/data-display/key-value-row/use-key-value-row.d.ts +4 -0
- package/dist/components/data-display/key-value-row/use-key-value-row.d.ts.map +1 -0
- package/dist/components/data-display/key-value-row/use-key-value-row.js +59 -0
- package/dist/components/data-display/key-value-row/use-key-value-row.js.map +1 -0
- package/dist/components/data-display/list-item/index.d.ts +4 -0
- package/dist/components/data-display/list-item/index.d.ts.map +1 -0
- package/dist/components/data-display/list-item/index.js +4 -0
- package/dist/components/data-display/list-item/index.js.map +1 -0
- package/dist/components/data-display/list-item/list-item.d.ts +4 -0
- package/dist/components/data-display/list-item/list-item.d.ts.map +1 -0
- package/dist/components/data-display/list-item/list-item.js +25 -0
- package/dist/components/data-display/list-item/list-item.js.map +1 -0
- package/dist/components/data-display/list-item/types.d.ts +57 -0
- package/dist/components/data-display/list-item/types.d.ts.map +1 -0
- package/dist/components/data-display/list-item/types.js +2 -0
- package/dist/components/data-display/list-item/types.js.map +1 -0
- package/dist/components/data-display/list-item/use-list-item.d.ts +4 -0
- package/dist/components/data-display/list-item/use-list-item.d.ts.map +1 -0
- package/dist/components/data-display/list-item/use-list-item.js +68 -0
- package/dist/components/data-display/list-item/use-list-item.js.map +1 -0
- package/dist/components/data-display/price-display/index.d.ts +4 -0
- package/dist/components/data-display/price-display/index.d.ts.map +1 -0
- package/dist/components/data-display/price-display/index.js +4 -0
- package/dist/components/data-display/price-display/index.js.map +1 -0
- package/dist/components/data-display/price-display/price-display.d.ts +4 -0
- package/dist/components/data-display/price-display/price-display.d.ts.map +1 -0
- package/dist/components/data-display/price-display/price-display.js +20 -0
- package/dist/components/data-display/price-display/price-display.js.map +1 -0
- package/dist/components/data-display/price-display/types.d.ts +34 -0
- package/dist/components/data-display/price-display/types.d.ts.map +1 -0
- package/dist/components/data-display/price-display/types.js +2 -0
- package/dist/components/data-display/price-display/types.js.map +1 -0
- package/dist/components/data-display/price-display/use-price-display.d.ts +4 -0
- package/dist/components/data-display/price-display/use-price-display.d.ts.map +1 -0
- package/dist/components/data-display/price-display/use-price-display.js +78 -0
- package/dist/components/data-display/price-display/use-price-display.js.map +1 -0
- package/dist/components/data-display/rating-stars/index.d.ts +4 -0
- package/dist/components/data-display/rating-stars/index.d.ts.map +1 -0
- package/dist/components/data-display/rating-stars/index.js +4 -0
- package/dist/components/data-display/rating-stars/index.js.map +1 -0
- package/dist/components/data-display/rating-stars/rating-stars.d.ts +4 -0
- package/dist/components/data-display/rating-stars/rating-stars.d.ts.map +1 -0
- package/dist/components/data-display/rating-stars/rating-stars.js +24 -0
- package/dist/components/data-display/rating-stars/rating-stars.js.map +1 -0
- package/dist/components/data-display/rating-stars/types.d.ts +45 -0
- package/dist/components/data-display/rating-stars/types.d.ts.map +1 -0
- package/dist/components/data-display/rating-stars/types.js +2 -0
- package/dist/components/data-display/rating-stars/types.js.map +1 -0
- package/dist/components/data-display/rating-stars/use-rating-stars.d.ts +4 -0
- package/dist/components/data-display/rating-stars/use-rating-stars.d.ts.map +1 -0
- package/dist/components/data-display/rating-stars/use-rating-stars.js +64 -0
- package/dist/components/data-display/rating-stars/use-rating-stars.js.map +1 -0
- package/dist/components/feedback/connection-status/connection-status.d.ts +4 -0
- package/dist/components/feedback/connection-status/connection-status.d.ts.map +1 -0
- package/dist/components/feedback/connection-status/connection-status.js +10 -0
- package/dist/components/feedback/connection-status/connection-status.js.map +1 -0
- package/dist/components/feedback/connection-status/index.d.ts +4 -0
- package/dist/components/feedback/connection-status/index.d.ts.map +1 -0
- package/dist/components/feedback/connection-status/index.js +3 -0
- package/dist/components/feedback/connection-status/index.js.map +1 -0
- package/dist/components/feedback/connection-status/types.d.ts +33 -0
- package/dist/components/feedback/connection-status/types.d.ts.map +1 -0
- package/dist/components/feedback/connection-status/types.js +2 -0
- package/dist/components/feedback/connection-status/types.js.map +1 -0
- package/dist/components/feedback/connection-status/use-connection-status.d.ts +4 -0
- package/dist/components/feedback/connection-status/use-connection-status.d.ts.map +1 -0
- package/dist/components/feedback/connection-status/use-connection-status.js +79 -0
- package/dist/components/feedback/connection-status/use-connection-status.js.map +1 -0
- package/dist/components/feedback/index.d.ts +2 -0
- package/dist/components/feedback/index.d.ts.map +1 -1
- package/dist/components/feedback/index.js +1 -0
- package/dist/components/feedback/index.js.map +1 -1
- package/dist/components/index.d.ts +14 -10
- package/dist/components/index.d.ts.map +1 -1
- package/dist/components/index.js +8 -5
- package/dist/components/index.js.map +1 -1
- package/dist/components/inputs/autocomplete/autocomplete.d.ts +4 -0
- package/dist/components/inputs/autocomplete/autocomplete.d.ts.map +1 -0
- package/dist/components/inputs/autocomplete/autocomplete.js +166 -0
- package/dist/components/inputs/autocomplete/autocomplete.js.map +1 -0
- package/dist/components/inputs/autocomplete/index.d.ts +4 -0
- package/dist/components/inputs/autocomplete/index.d.ts.map +1 -0
- package/dist/components/inputs/autocomplete/index.js +3 -0
- package/dist/components/inputs/autocomplete/index.js.map +1 -0
- package/dist/components/inputs/autocomplete/types.d.ts +66 -0
- package/dist/components/inputs/autocomplete/types.d.ts.map +1 -0
- package/dist/components/inputs/autocomplete/types.js +2 -0
- package/dist/components/inputs/autocomplete/types.js.map +1 -0
- package/dist/components/inputs/autocomplete/use-autocomplete.d.ts +4 -0
- package/dist/components/inputs/autocomplete/use-autocomplete.d.ts.map +1 -0
- package/dist/components/inputs/autocomplete/use-autocomplete.js +173 -0
- package/dist/components/inputs/autocomplete/use-autocomplete.js.map +1 -0
- package/dist/components/inputs/chip/chip.d.ts +4 -0
- package/dist/components/inputs/chip/chip.d.ts.map +1 -0
- package/dist/components/inputs/chip/chip.js +29 -0
- package/dist/components/inputs/chip/chip.js.map +1 -0
- package/dist/components/inputs/chip/index.d.ts +4 -0
- package/dist/components/inputs/chip/index.d.ts.map +1 -0
- package/dist/components/inputs/chip/index.js +3 -0
- package/dist/components/inputs/chip/index.js.map +1 -0
- package/dist/components/inputs/chip/types.d.ts +35 -0
- package/dist/components/inputs/chip/types.d.ts.map +1 -0
- package/dist/components/inputs/chip/types.js +2 -0
- package/dist/components/inputs/chip/types.js.map +1 -0
- package/dist/components/inputs/chip/use-chip.d.ts +4 -0
- package/dist/components/inputs/chip/use-chip.d.ts.map +1 -0
- package/dist/components/inputs/chip/use-chip.js +80 -0
- package/dist/components/inputs/chip/use-chip.js.map +1 -0
- package/dist/components/inputs/chip-input/chip-input.d.ts +4 -0
- package/dist/components/inputs/chip-input/chip-input.d.ts.map +1 -0
- package/dist/components/inputs/chip-input/chip-input.js +117 -0
- package/dist/components/inputs/chip-input/chip-input.js.map +1 -0
- package/dist/components/inputs/chip-input/index.d.ts +4 -0
- package/dist/components/inputs/chip-input/index.d.ts.map +1 -0
- package/dist/components/inputs/chip-input/index.js +3 -0
- package/dist/components/inputs/chip-input/index.js.map +1 -0
- package/dist/components/inputs/chip-input/types.d.ts +40 -0
- package/dist/components/inputs/chip-input/types.d.ts.map +1 -0
- package/dist/components/inputs/chip-input/types.js +2 -0
- package/dist/components/inputs/chip-input/types.js.map +1 -0
- package/dist/components/inputs/chip-input/use-chip-input.d.ts +4 -0
- package/dist/components/inputs/chip-input/use-chip-input.d.ts.map +1 -0
- package/dist/components/inputs/chip-input/use-chip-input.js +106 -0
- package/dist/components/inputs/chip-input/use-chip-input.js.map +1 -0
- package/dist/components/inputs/index.d.ts +8 -0
- package/dist/components/inputs/index.d.ts.map +1 -1
- package/dist/components/inputs/index.js +4 -0
- package/dist/components/inputs/index.js.map +1 -1
- package/dist/components/inputs/quantity-picker/index.d.ts +4 -0
- package/dist/components/inputs/quantity-picker/index.d.ts.map +1 -0
- package/dist/components/inputs/quantity-picker/index.js +3 -0
- package/dist/components/inputs/quantity-picker/index.js.map +1 -0
- package/dist/components/inputs/quantity-picker/quantity-picker.d.ts +4 -0
- package/dist/components/inputs/quantity-picker/quantity-picker.d.ts.map +1 -0
- package/dist/components/inputs/quantity-picker/quantity-picker.js +43 -0
- package/dist/components/inputs/quantity-picker/quantity-picker.js.map +1 -0
- package/dist/components/inputs/quantity-picker/types.d.ts +39 -0
- package/dist/components/inputs/quantity-picker/types.d.ts.map +1 -0
- package/dist/components/inputs/quantity-picker/types.js +2 -0
- package/dist/components/inputs/quantity-picker/types.js.map +1 -0
- package/dist/components/inputs/quantity-picker/use-quantity-picker.d.ts +4 -0
- package/dist/components/inputs/quantity-picker/use-quantity-picker.d.ts.map +1 -0
- package/dist/components/inputs/quantity-picker/use-quantity-picker.js +73 -0
- package/dist/components/inputs/quantity-picker/use-quantity-picker.js.map +1 -0
- package/dist/components/interactive/index.d.ts +3 -0
- package/dist/components/interactive/index.d.ts.map +1 -0
- package/dist/components/interactive/index.js +2 -0
- package/dist/components/interactive/index.js.map +1 -0
- package/dist/components/interactive/swipeable-row/index.d.ts +4 -0
- package/dist/components/interactive/swipeable-row/index.d.ts.map +1 -0
- package/dist/components/interactive/swipeable-row/index.js +3 -0
- package/dist/components/interactive/swipeable-row/index.js.map +1 -0
- package/dist/components/interactive/swipeable-row/swipeable-row.d.ts +8 -0
- package/dist/components/interactive/swipeable-row/swipeable-row.d.ts.map +1 -0
- package/dist/components/interactive/swipeable-row/swipeable-row.js +16 -0
- package/dist/components/interactive/swipeable-row/swipeable-row.js.map +1 -0
- package/dist/components/interactive/swipeable-row/types.d.ts +37 -0
- package/dist/components/interactive/swipeable-row/types.d.ts.map +1 -0
- package/dist/components/interactive/swipeable-row/types.js +2 -0
- package/dist/components/interactive/swipeable-row/types.js.map +1 -0
- package/dist/components/interactive/swipeable-row/use-swipeable-row.d.ts +4 -0
- package/dist/components/interactive/swipeable-row/use-swipeable-row.d.ts.map +1 -0
- package/dist/components/interactive/swipeable-row/use-swipeable-row.js +52 -0
- package/dist/components/interactive/swipeable-row/use-swipeable-row.js.map +1 -0
- package/dist/components/navigation/collapsible-header/collapsible-header.d.ts +4 -0
- package/dist/components/navigation/collapsible-header/collapsible-header.d.ts.map +1 -0
- package/dist/components/navigation/collapsible-header/collapsible-header.js +14 -0
- package/dist/components/navigation/collapsible-header/collapsible-header.js.map +1 -0
- package/dist/components/navigation/collapsible-header/index.d.ts +4 -0
- package/dist/components/navigation/collapsible-header/index.d.ts.map +1 -0
- package/dist/components/navigation/collapsible-header/index.js +3 -0
- package/dist/components/navigation/collapsible-header/index.js.map +1 -0
- package/dist/components/navigation/collapsible-header/types.d.ts +37 -0
- package/dist/components/navigation/collapsible-header/types.d.ts.map +1 -0
- package/dist/components/navigation/collapsible-header/types.js +2 -0
- package/dist/components/navigation/collapsible-header/types.js.map +1 -0
- package/dist/components/navigation/collapsible-header/use-collapsible-header.d.ts +4 -0
- package/dist/components/navigation/collapsible-header/use-collapsible-header.d.ts.map +1 -0
- package/dist/components/navigation/collapsible-header/use-collapsible-header.js +58 -0
- package/dist/components/navigation/collapsible-header/use-collapsible-header.js.map +1 -0
- package/dist/components/navigation/index.d.ts +6 -0
- package/dist/components/navigation/index.d.ts.map +1 -1
- package/dist/components/navigation/index.js +3 -0
- package/dist/components/navigation/index.js.map +1 -1
- package/dist/components/navigation/page-indicator/index.d.ts +4 -0
- package/dist/components/navigation/page-indicator/index.d.ts.map +1 -0
- package/dist/components/navigation/page-indicator/index.js +4 -0
- package/dist/components/navigation/page-indicator/index.js.map +1 -0
- package/dist/components/navigation/page-indicator/page-indicator.d.ts +4 -0
- package/dist/components/navigation/page-indicator/page-indicator.d.ts.map +1 -0
- package/dist/components/navigation/page-indicator/page-indicator.js +29 -0
- package/dist/components/navigation/page-indicator/page-indicator.js.map +1 -0
- package/dist/components/navigation/page-indicator/types.d.ts +32 -0
- package/dist/components/navigation/page-indicator/types.d.ts.map +1 -0
- package/dist/components/navigation/page-indicator/types.js +2 -0
- package/dist/components/navigation/page-indicator/types.js.map +1 -0
- package/dist/components/navigation/page-indicator/use-page-indicator.d.ts +4 -0
- package/dist/components/navigation/page-indicator/use-page-indicator.d.ts.map +1 -0
- package/dist/components/navigation/page-indicator/use-page-indicator.js +69 -0
- package/dist/components/navigation/page-indicator/use-page-indicator.js.map +1 -0
- package/dist/components/navigation/tabs/index.d.ts +4 -0
- package/dist/components/navigation/tabs/index.d.ts.map +1 -0
- package/dist/components/navigation/tabs/index.js +3 -0
- package/dist/components/navigation/tabs/index.js.map +1 -0
- package/dist/components/navigation/tabs/tabs.d.ts +4 -0
- package/dist/components/navigation/tabs/tabs.d.ts.map +1 -0
- package/dist/components/navigation/tabs/tabs.js +19 -0
- package/dist/components/navigation/tabs/tabs.js.map +1 -0
- package/dist/components/navigation/tabs/types.d.ts +49 -0
- package/dist/components/navigation/tabs/types.d.ts.map +1 -0
- package/dist/components/navigation/tabs/types.js +2 -0
- package/dist/components/navigation/tabs/types.js.map +1 -0
- package/dist/components/navigation/tabs/use-tabs.d.ts +4 -0
- package/dist/components/navigation/tabs/use-tabs.d.ts.map +1 -0
- package/dist/components/navigation/tabs/use-tabs.js +157 -0
- package/dist/components/navigation/tabs/use-tabs.js.map +1 -0
- package/dist/components/overlays/context-menu/context-menu.d.ts +9 -0
- package/dist/components/overlays/context-menu/context-menu.d.ts.map +1 -0
- package/dist/components/overlays/context-menu/context-menu.js +35 -0
- package/dist/components/overlays/context-menu/context-menu.js.map +1 -0
- package/dist/components/overlays/context-menu/index.d.ts +4 -0
- package/dist/components/overlays/context-menu/index.d.ts.map +1 -0
- package/dist/components/overlays/context-menu/index.js +3 -0
- package/dist/components/overlays/context-menu/index.js.map +1 -0
- package/dist/components/overlays/context-menu/types.d.ts +34 -0
- package/dist/components/overlays/context-menu/types.d.ts.map +1 -0
- package/dist/components/overlays/context-menu/types.js +2 -0
- package/dist/components/overlays/context-menu/types.js.map +1 -0
- package/dist/components/overlays/context-menu/use-context-menu.d.ts +4 -0
- package/dist/components/overlays/context-menu/use-context-menu.d.ts.map +1 -0
- package/dist/components/overlays/context-menu/use-context-menu.js +76 -0
- package/dist/components/overlays/context-menu/use-context-menu.js.map +1 -0
- package/dist/components/overlays/index.d.ts +2 -0
- package/dist/components/overlays/index.d.ts.map +1 -1
- package/dist/components/overlays/index.js +1 -0
- package/dist/components/overlays/index.js.map +1 -1
- package/dist/components/primitives/button/button.d.ts +4 -0
- package/dist/components/primitives/button/button.d.ts.map +1 -0
- package/dist/components/primitives/button/button.js +65 -0
- package/dist/components/primitives/button/button.js.map +1 -0
- package/dist/components/primitives/button/index.d.ts +4 -0
- package/dist/components/primitives/button/index.d.ts.map +1 -0
- package/dist/components/primitives/button/index.js +3 -0
- package/dist/components/primitives/button/index.js.map +1 -0
- package/dist/components/primitives/button/types.d.ts +49 -0
- package/dist/components/primitives/button/types.d.ts.map +1 -0
- package/dist/components/primitives/button/types.js +2 -0
- package/dist/components/primitives/button/types.js.map +1 -0
- package/dist/components/primitives/button/use-button.d.ts +4 -0
- package/dist/components/primitives/button/use-button.d.ts.map +1 -0
- package/dist/components/primitives/button/use-button.js +86 -0
- package/dist/components/primitives/button/use-button.js.map +1 -0
- package/dist/components/primitives/icon-button/icon-button.d.ts +4 -0
- package/dist/components/primitives/icon-button/icon-button.d.ts.map +1 -0
- package/dist/components/primitives/icon-button/icon-button.js +66 -0
- package/dist/components/primitives/icon-button/icon-button.js.map +1 -0
- package/dist/components/primitives/icon-button/index.d.ts +4 -0
- package/dist/components/primitives/icon-button/index.d.ts.map +1 -0
- package/dist/components/primitives/icon-button/index.js +3 -0
- package/dist/components/primitives/icon-button/index.js.map +1 -0
- package/dist/components/primitives/icon-button/types.d.ts +45 -0
- package/dist/components/primitives/icon-button/types.d.ts.map +1 -0
- package/dist/components/primitives/icon-button/types.js +2 -0
- package/dist/components/primitives/icon-button/types.js.map +1 -0
- package/dist/components/primitives/icon-button/use-icon-button.d.ts +4 -0
- package/dist/components/primitives/icon-button/use-icon-button.d.ts.map +1 -0
- package/dist/components/primitives/icon-button/use-icon-button.js +57 -0
- package/dist/components/primitives/icon-button/use-icon-button.js.map +1 -0
- package/dist/components/primitives/index.d.ts +6 -0
- package/dist/components/primitives/index.d.ts.map +1 -1
- package/dist/components/primitives/index.js +3 -0
- package/dist/components/primitives/index.js.map +1 -1
- package/dist/components/primitives/link/index.d.ts +4 -0
- package/dist/components/primitives/link/index.d.ts.map +1 -0
- package/dist/components/primitives/link/index.js +3 -0
- package/dist/components/primitives/link/index.js.map +1 -0
- package/dist/components/primitives/link/link.d.ts +4 -0
- package/dist/components/primitives/link/link.d.ts.map +1 -0
- package/dist/components/primitives/link/link.js +43 -0
- package/dist/components/primitives/link/link.js.map +1 -0
- package/dist/components/primitives/link/types.d.ts +39 -0
- package/dist/components/primitives/link/types.d.ts.map +1 -0
- package/dist/components/primitives/link/types.js +2 -0
- package/dist/components/primitives/link/types.js.map +1 -0
- package/dist/components/primitives/link/use-link.d.ts +4 -0
- package/dist/components/primitives/link/use-link.d.ts.map +1 -0
- package/dist/components/primitives/link/use-link.js +27 -0
- package/dist/components/primitives/link/use-link.js.map +1 -0
- package/dist/components/use-component-style.d.ts +3 -0
- package/dist/components/use-component-style.d.ts.map +1 -1
- package/dist/components/use-component-style.js.map +1 -1
- package/dist/index.d.ts +19 -9
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +11 -5
- package/dist/index.js.map +1 -1
- package/package.json +4 -4
|
@@ -0,0 +1,173 @@
|
|
|
1
|
+
import { resolveBoxStyle } from '../../use-component-style.js';
|
|
2
|
+
const SIZE_MAP = {
|
|
3
|
+
sm: { height: 36, fontSize: 14, paddingKey: 'sm' },
|
|
4
|
+
md: { height: 44, fontSize: 16, paddingKey: 'md' },
|
|
5
|
+
lg: { height: 52, fontSize: 18, paddingKey: 'md' },
|
|
6
|
+
};
|
|
7
|
+
export function useAutocomplete(tokens, props) {
|
|
8
|
+
const { value = '', options = [], focused, asyncOptions, asyncLoading = false, loading: externalLoading = false, minChars = 1, maxVisible = 6, noResultsText: _nrt, disabled = false, size = 'md', variant = 'outline', error, accessibilityLabel = '', testID, highlightedIndex, loadOptions, bg, p, px, py, pt, pb, pl, pr, m, mx, my, mt, mb, ml, mr, rounded, shadow, flex, row, center, w, h, borderWidth, borderColor, opacity, overflow, position, top, bottom, left, right, zIndex, } = props;
|
|
9
|
+
const sizeConfig = SIZE_MAP[size];
|
|
10
|
+
const boxShorthand = resolveBoxStyle(tokens, {
|
|
11
|
+
bg, p, px, py, pt, pb, pl, pr,
|
|
12
|
+
m, mx, my, mt, mb, ml, mr,
|
|
13
|
+
rounded, shadow, flex, row, center,
|
|
14
|
+
w, h, borderWidth, borderColor, opacity,
|
|
15
|
+
overflow, position, top, bottom, left, right, zIndex,
|
|
16
|
+
});
|
|
17
|
+
let resolvedBorderColor;
|
|
18
|
+
if (error) {
|
|
19
|
+
resolvedBorderColor = tokens.colors.destructive;
|
|
20
|
+
}
|
|
21
|
+
else if (focused) {
|
|
22
|
+
resolvedBorderColor = variant === 'underline' ? tokens.colors.primary : tokens.colors.ring;
|
|
23
|
+
}
|
|
24
|
+
else {
|
|
25
|
+
resolvedBorderColor = tokens.colors.border;
|
|
26
|
+
}
|
|
27
|
+
const containerStyle = {
|
|
28
|
+
...boxShorthand,
|
|
29
|
+
height: sizeConfig.height,
|
|
30
|
+
borderRadius: variant === 'underline' ? 0 : tokens.radii.md,
|
|
31
|
+
flexDirection: 'row',
|
|
32
|
+
alignItems: 'center',
|
|
33
|
+
};
|
|
34
|
+
if (variant === 'outline') {
|
|
35
|
+
containerStyle.borderWidth = 1;
|
|
36
|
+
containerStyle.borderColor = resolvedBorderColor;
|
|
37
|
+
}
|
|
38
|
+
else if (variant === 'filled') {
|
|
39
|
+
containerStyle.backgroundColor = tokens.colors.input;
|
|
40
|
+
if (focused || error) {
|
|
41
|
+
containerStyle.borderWidth = 1;
|
|
42
|
+
containerStyle.borderColor = resolvedBorderColor;
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
else if (variant === 'underline') {
|
|
46
|
+
containerStyle.borderBottomWidth = 1;
|
|
47
|
+
containerStyle.borderColor = resolvedBorderColor;
|
|
48
|
+
}
|
|
49
|
+
if (disabled) {
|
|
50
|
+
containerStyle.opacity = 0.5;
|
|
51
|
+
}
|
|
52
|
+
const paddingValue = tokens.spacing[sizeConfig.paddingKey];
|
|
53
|
+
const inputStyle = {
|
|
54
|
+
fontSize: sizeConfig.fontSize,
|
|
55
|
+
fontFamily: tokens.typography.fontFamily.body,
|
|
56
|
+
fontWeight: tokens.typography.weights.regular,
|
|
57
|
+
color: tokens.colors.foreground,
|
|
58
|
+
flex: 1,
|
|
59
|
+
paddingHorizontal: paddingValue,
|
|
60
|
+
paddingVertical: 0,
|
|
61
|
+
};
|
|
62
|
+
const isOpen = focused && value.length >= minChars;
|
|
63
|
+
// Determine which options to show — async or sync filtered
|
|
64
|
+
let filteredOptions;
|
|
65
|
+
if (loadOptions) {
|
|
66
|
+
filteredOptions = asyncOptions ?? [];
|
|
67
|
+
}
|
|
68
|
+
else {
|
|
69
|
+
const q = value.toLowerCase();
|
|
70
|
+
filteredOptions = options.filter((o) => o.label.toLowerCase().includes(q));
|
|
71
|
+
}
|
|
72
|
+
const visibleOptions = filteredOptions.slice(0, maxVisible);
|
|
73
|
+
const isLoading = loadOptions ? asyncLoading : externalLoading;
|
|
74
|
+
const showLoading = isOpen && isLoading;
|
|
75
|
+
const showEmpty = isOpen && !isLoading && visibleOptions.length === 0;
|
|
76
|
+
const dropdownItemPaddingV = tokens.spacing.sm;
|
|
77
|
+
const dropdownItemPaddingH = tokens.spacing.md;
|
|
78
|
+
const shadowToken = tokens.shadows.md;
|
|
79
|
+
const dropdownStyle = {
|
|
80
|
+
position: 'absolute',
|
|
81
|
+
top: sizeConfig.height,
|
|
82
|
+
left: 0,
|
|
83
|
+
right: 0,
|
|
84
|
+
backgroundColor: tokens.colors.card,
|
|
85
|
+
borderRadius: tokens.radii.md,
|
|
86
|
+
overflow: 'hidden',
|
|
87
|
+
maxHeight: 260,
|
|
88
|
+
zIndex: 9999,
|
|
89
|
+
shadowColor: shadowToken.color,
|
|
90
|
+
shadowOffset: shadowToken.offset,
|
|
91
|
+
shadowRadius: shadowToken.radius,
|
|
92
|
+
shadowOpacity: shadowToken.opacity,
|
|
93
|
+
elevation: shadowToken.elevation,
|
|
94
|
+
};
|
|
95
|
+
const dropdownItemStyle = {
|
|
96
|
+
paddingHorizontal: dropdownItemPaddingH,
|
|
97
|
+
paddingVertical: dropdownItemPaddingV,
|
|
98
|
+
};
|
|
99
|
+
const dropdownItemHighlightedStyle = {
|
|
100
|
+
paddingHorizontal: dropdownItemPaddingH,
|
|
101
|
+
paddingVertical: dropdownItemPaddingV,
|
|
102
|
+
backgroundColor: tokens.colors.muted,
|
|
103
|
+
};
|
|
104
|
+
const dropdownItemLabelStyle = {
|
|
105
|
+
fontSize: sizeConfig.fontSize,
|
|
106
|
+
fontFamily: tokens.typography.fontFamily.body,
|
|
107
|
+
fontWeight: tokens.typography.weights.regular,
|
|
108
|
+
color: tokens.colors.foreground,
|
|
109
|
+
};
|
|
110
|
+
const dropdownItemDescriptionStyle = {
|
|
111
|
+
fontSize: tokens.typography.sizes.xs,
|
|
112
|
+
fontFamily: tokens.typography.fontFamily.body,
|
|
113
|
+
fontWeight: tokens.typography.weights.regular,
|
|
114
|
+
color: tokens.colors.mutedForeground,
|
|
115
|
+
marginTop: 2,
|
|
116
|
+
};
|
|
117
|
+
const dropdownItemDisabledStyle = {
|
|
118
|
+
paddingHorizontal: dropdownItemPaddingH,
|
|
119
|
+
paddingVertical: dropdownItemPaddingV,
|
|
120
|
+
opacity: 0.4,
|
|
121
|
+
};
|
|
122
|
+
const emptyTextStyle = {
|
|
123
|
+
fontSize: tokens.typography.sizes.sm,
|
|
124
|
+
fontFamily: tokens.typography.fontFamily.body,
|
|
125
|
+
fontWeight: tokens.typography.weights.regular,
|
|
126
|
+
color: tokens.colors.mutedForeground,
|
|
127
|
+
};
|
|
128
|
+
const labelStyle = {
|
|
129
|
+
fontSize: tokens.typography.sizes.sm,
|
|
130
|
+
fontFamily: tokens.typography.fontFamily.body,
|
|
131
|
+
fontWeight: tokens.typography.weights.medium,
|
|
132
|
+
color: tokens.colors.foreground,
|
|
133
|
+
};
|
|
134
|
+
const errorTextStyle = {
|
|
135
|
+
fontSize: tokens.typography.sizes.xs,
|
|
136
|
+
fontFamily: tokens.typography.fontFamily.body,
|
|
137
|
+
fontWeight: tokens.typography.weights.regular,
|
|
138
|
+
color: tokens.colors.destructive,
|
|
139
|
+
};
|
|
140
|
+
const hintTextStyle = {
|
|
141
|
+
fontSize: tokens.typography.sizes.xs,
|
|
142
|
+
fontFamily: tokens.typography.fontFamily.body,
|
|
143
|
+
fontWeight: tokens.typography.weights.regular,
|
|
144
|
+
color: tokens.colors.mutedForeground,
|
|
145
|
+
};
|
|
146
|
+
return {
|
|
147
|
+
containerStyle,
|
|
148
|
+
inputStyle,
|
|
149
|
+
dropdownStyle,
|
|
150
|
+
dropdownItemStyle,
|
|
151
|
+
dropdownItemHighlightedStyle,
|
|
152
|
+
dropdownItemLabelStyle,
|
|
153
|
+
dropdownItemDescriptionStyle,
|
|
154
|
+
dropdownItemDisabledStyle,
|
|
155
|
+
emptyTextStyle,
|
|
156
|
+
labelStyle,
|
|
157
|
+
errorTextStyle,
|
|
158
|
+
hintTextStyle,
|
|
159
|
+
spinnerColor: tokens.colors.primary,
|
|
160
|
+
isOpen,
|
|
161
|
+
showEmpty,
|
|
162
|
+
showLoading,
|
|
163
|
+
visibleOptions,
|
|
164
|
+
highlightedIndex,
|
|
165
|
+
accessibilityProps: {
|
|
166
|
+
accessibilityLabel,
|
|
167
|
+
accessibilityRole: 'combobox',
|
|
168
|
+
accessibilityState: { expanded: isOpen },
|
|
169
|
+
...(testID !== undefined && { testID }),
|
|
170
|
+
},
|
|
171
|
+
};
|
|
172
|
+
}
|
|
173
|
+
//# sourceMappingURL=use-autocomplete.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-autocomplete.js","sourceRoot":"","sources":["../../../../src/components/inputs/autocomplete/use-autocomplete.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { View, type ViewProps } from 'react-native';
|
|
2
|
+
import type { ChipProps } from './types.js';
|
|
3
|
+
export declare const Chip: import("react").ForwardRefExoticComponent<ChipProps & Omit<ViewProps, keyof ChipProps> & import("react").RefAttributes<View>>;
|
|
4
|
+
//# sourceMappingURL=chip.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/chip/chip.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAA6B,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAG/E,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAE5C,eAAO,MAAM,IAAI,+HAmDf,CAAC"}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
import { forwardRef, createElement } from 'react';
|
|
2
|
+
import { Pressable, Text as RNText } from 'react-native';
|
|
3
|
+
import { useTheme } from '../../../theme/context.js';
|
|
4
|
+
import { useChip } from './use-chip.js';
|
|
5
|
+
export const Chip = forwardRef(function Chip(props, ref) {
|
|
6
|
+
const { tokens } = useTheme();
|
|
7
|
+
const { label, selected: _selected, onPress, onDismiss, icon: _icon, disabled = false, size: _size, variant: _variant, bg, p, px, py, pt, pb, pl, pr, m, mx, my, mt, mb, ml, mr, rounded, shadow, flex, row, center, w, h, borderWidth, borderColor, opacity, overflow, position, top, bottom, left, right, zIndex, accessibilityLabel: _accessibilityLabel, testID: _testID, children: _children, ...rest } = props;
|
|
8
|
+
const { containerStyle, labelStyle, dismissIconColor, showDismiss, isDisabled, accessibilityProps } = useChip(tokens, props);
|
|
9
|
+
const labelElement = createElement(RNText, { key: 'label', style: labelStyle }, label);
|
|
10
|
+
const dismissElement = showDismiss
|
|
11
|
+
? createElement(Pressable, {
|
|
12
|
+
key: 'dismiss',
|
|
13
|
+
onPress: isDisabled ? undefined : onDismiss,
|
|
14
|
+
disabled: isDisabled,
|
|
15
|
+
style: { marginLeft: 4 },
|
|
16
|
+
accessibilityRole: 'button',
|
|
17
|
+
accessibilityLabel: 'Remove',
|
|
18
|
+
}, createElement(RNText, { style: { color: dismissIconColor, fontSize: labelStyle.fontSize } }, '×'))
|
|
19
|
+
: null;
|
|
20
|
+
return createElement(Pressable, {
|
|
21
|
+
ref,
|
|
22
|
+
style: containerStyle,
|
|
23
|
+
onPress: isDisabled ? undefined : onPress,
|
|
24
|
+
disabled: isDisabled,
|
|
25
|
+
...accessibilityProps,
|
|
26
|
+
...rest,
|
|
27
|
+
}, labelElement, dismissElement);
|
|
28
|
+
});
|
|
29
|
+
//# sourceMappingURL=chip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip.js","sourceRoot":"","sources":["../../../../src/components/inputs/chip/chip.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,aAAa,EAAY,MAAM,OAAO,CAAC;AAC5D,OAAO,EAAQ,SAAS,EAAE,IAAI,IAAI,MAAM,EAAkB,MAAM,cAAc,CAAC;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAC;AACrD,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAGxC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAC,SAAS,IAAI,CAC1C,KAAmD,EACnD,GAAc;IAEd,MAAM,EAAE,MAAM,EAAE,GAAG,QAAQ,EAAE,CAAC;IAC9B,MAAM,EACJ,KAAK,EACL,QAAQ,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,GAAG,KAAK,EACtE,IAAI,EAAE,KAAK,EAAE,OAAO,EAAE,QAAQ,EAC9B,EAAE,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAC7B,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EACzB,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,GAAG,EAAE,MAAM,EAClC,CAAC,EAAE,CAAC,EAAE,WAAW,EAAE,WAAW,EAAE,OAAO,EACvC,QAAQ,EAAE,QAAQ,EAAE,GAAG,EAAE,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,MAAM,EACpD,kBAAkB,EAAE,mBAAmB,EAAE,MAAM,EAAE,OAAO,EACxD,QAAQ,EAAE,SAAS,EACnB,GAAG,IAAI,EACR,GAAG,KAAK,CAAC;IAEV,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,gBAAgB,EAAE,WAAW,EAAE,UAAU,EAAE,kBAAkB,EAAE,GAAG,OAAO,CAAC,MAAM,EAAE,KAAK,CAAC,CAAC;IAE7H,MAAM,YAAY,GAAG,aAAa,CAAC,MAAM,EAAE,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,KAAK,CAAC,CAAC;IAEvF,MAAM,cAAc,GAAG,WAAW;QAChC,CAAC,CAAC,aAAa,CACX,SAAS,EACT;YACE,GAAG,EAAE,SAAS;YACd,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS;YAC3C,QAAQ,EAAE,UAAU;YACpB,KAAK,EAAE,EAAE,UAAU,EAAE,CAAC,EAAE;YACxB,iBAAiB,EAAE,QAAiB;YACpC,kBAAkB,EAAE,QAAQ;SAC7B,EACD,aAAa,CAAC,MAAM,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,gBAAgB,EAAE,QAAQ,EAAE,UAAU,CAAC,QAAQ,EAAE,EAAE,EAAE,GAAG,CAAC,CAClG;QACH,CAAC,CAAC,IAAI,CAAC;IAET,OAAO,aAAa,CAClB,SAAgB,EAChB;QACE,GAAG;QACH,KAAK,EAAE,cAAc;QACrB,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,OAAO;QACzC,QAAQ,EAAE,UAAU;QACpB,GAAG,kBAAkB;QACrB,GAAG,IAAI;KACR,EACD,YAAY,EACZ,cAAc,CACf,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,SAAS,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/chip/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC"}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
import type { BoxStyleProps } from '../../types.js';
|
|
2
|
+
import type { ResolvedBoxStyle, ResolvedTextStyle } from '../../use-component-style.js';
|
|
3
|
+
export type ChipSize = 'sm' | 'md' | 'lg';
|
|
4
|
+
export type ChipVariant = 'default' | 'primary' | 'secondary';
|
|
5
|
+
export interface ChipProps extends BoxStyleProps {
|
|
6
|
+
label: string;
|
|
7
|
+
selected?: boolean;
|
|
8
|
+
onPress?: () => void;
|
|
9
|
+
onDismiss?: () => void;
|
|
10
|
+
icon?: string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
size?: ChipSize;
|
|
13
|
+
variant?: ChipVariant;
|
|
14
|
+
accessibilityLabel?: string;
|
|
15
|
+
testID?: string;
|
|
16
|
+
}
|
|
17
|
+
export interface UseChipResult {
|
|
18
|
+
containerStyle: ResolvedBoxStyle;
|
|
19
|
+
labelStyle: ResolvedTextStyle;
|
|
20
|
+
iconColor: string;
|
|
21
|
+
iconSize: number;
|
|
22
|
+
dismissIconColor: string;
|
|
23
|
+
showDismiss: boolean;
|
|
24
|
+
isDisabled: boolean;
|
|
25
|
+
accessibilityProps: {
|
|
26
|
+
accessibilityRole: 'button';
|
|
27
|
+
accessibilityLabel: string;
|
|
28
|
+
accessibilityState: {
|
|
29
|
+
selected: boolean;
|
|
30
|
+
disabled: boolean;
|
|
31
|
+
};
|
|
32
|
+
testID?: string;
|
|
33
|
+
};
|
|
34
|
+
}
|
|
35
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/chip/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAExF,MAAM,MAAM,QAAQ,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAC1C,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,SAAS,GAAG,WAAW,CAAC;AAE9D,MAAM,WAAW,SAAU,SAAQ,aAAa;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,QAAQ,CAAC;IAChB,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,aAAa;IAC5B,cAAc,EAAE,gBAAgB,CAAC;IACjC,UAAU,EAAE,iBAAiB,CAAC;IAC9B,SAAS,EAAE,MAAM,CAAC;IAClB,QAAQ,EAAE,MAAM,CAAC;IACjB,gBAAgB,EAAE,MAAM,CAAC;IACzB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE;QAClB,iBAAiB,EAAE,QAAQ,CAAC;QAC5B,kBAAkB,EAAE,MAAM,CAAC;QAC3B,kBAAkB,EAAE;YAAE,QAAQ,EAAE,OAAO,CAAC;YAAC,QAAQ,EAAE,OAAO,CAAA;SAAE,CAAC;QAC7D,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/inputs/chip/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-chip.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/chip/use-chip.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,SAAS,EAAY,aAAa,EAAE,MAAM,YAAY,CAAC;AAgBrE,wBAAgB,OAAO,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,SAAS,GAAG,aAAa,CA0F5E"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
const SIZE_MAP = {
|
|
2
|
+
sm: { height: 24, paddingHorizontal: 4, fontSize: 12, iconSize: 12 },
|
|
3
|
+
md: { height: 32, paddingHorizontal: 8, fontSize: 14, iconSize: 14 },
|
|
4
|
+
lg: { height: 40, paddingHorizontal: 16, fontSize: 16, iconSize: 16 },
|
|
5
|
+
};
|
|
6
|
+
export function useChip(tokens, props) {
|
|
7
|
+
const { label, selected = false, onDismiss, disabled = false, size = 'md', variant = 'default', accessibilityLabel, testID, } = props;
|
|
8
|
+
const sizeConfig = SIZE_MAP[size];
|
|
9
|
+
const showDismiss = onDismiss !== undefined;
|
|
10
|
+
// Resolve background and text colors based on selected state + variant
|
|
11
|
+
let backgroundColor;
|
|
12
|
+
let textColor;
|
|
13
|
+
let borderWidth;
|
|
14
|
+
let borderColor;
|
|
15
|
+
if (selected) {
|
|
16
|
+
borderWidth = 0;
|
|
17
|
+
borderColor = undefined;
|
|
18
|
+
switch (variant) {
|
|
19
|
+
case 'primary':
|
|
20
|
+
backgroundColor = tokens.colors.primary;
|
|
21
|
+
textColor = '#ffffff';
|
|
22
|
+
break;
|
|
23
|
+
case 'secondary':
|
|
24
|
+
backgroundColor = tokens.colors.secondary;
|
|
25
|
+
textColor = '#ffffff';
|
|
26
|
+
break;
|
|
27
|
+
default:
|
|
28
|
+
// default selected: foreground bg, background text
|
|
29
|
+
backgroundColor = tokens.colors.foreground;
|
|
30
|
+
textColor = tokens.colors.background;
|
|
31
|
+
break;
|
|
32
|
+
}
|
|
33
|
+
}
|
|
34
|
+
else {
|
|
35
|
+
// Unselected: transparent bg, 1px muted border, foreground text
|
|
36
|
+
backgroundColor = 'transparent';
|
|
37
|
+
textColor = tokens.colors.foreground;
|
|
38
|
+
borderWidth = 1;
|
|
39
|
+
borderColor = tokens.colors.muted;
|
|
40
|
+
}
|
|
41
|
+
const containerStyle = {
|
|
42
|
+
flexDirection: 'row',
|
|
43
|
+
alignItems: 'center',
|
|
44
|
+
justifyContent: 'center',
|
|
45
|
+
height: sizeConfig.height,
|
|
46
|
+
paddingHorizontal: sizeConfig.paddingHorizontal,
|
|
47
|
+
borderRadius: tokens.radii.full,
|
|
48
|
+
backgroundColor,
|
|
49
|
+
borderWidth,
|
|
50
|
+
...(borderColor !== undefined && { borderColor }),
|
|
51
|
+
};
|
|
52
|
+
if (disabled) {
|
|
53
|
+
containerStyle.opacity = 0.5;
|
|
54
|
+
}
|
|
55
|
+
const labelStyle = {
|
|
56
|
+
fontSize: sizeConfig.fontSize,
|
|
57
|
+
fontFamily: tokens.typography.fontFamily.body,
|
|
58
|
+
fontWeight: tokens.typography.weights.medium,
|
|
59
|
+
color: textColor,
|
|
60
|
+
};
|
|
61
|
+
const iconColor = textColor;
|
|
62
|
+
const dismissIconColor = textColor;
|
|
63
|
+
const resolvedAccessibilityLabel = accessibilityLabel ?? label;
|
|
64
|
+
return {
|
|
65
|
+
containerStyle,
|
|
66
|
+
labelStyle,
|
|
67
|
+
iconColor,
|
|
68
|
+
iconSize: sizeConfig.iconSize,
|
|
69
|
+
dismissIconColor,
|
|
70
|
+
showDismiss,
|
|
71
|
+
isDisabled: disabled,
|
|
72
|
+
accessibilityProps: {
|
|
73
|
+
accessibilityRole: 'button',
|
|
74
|
+
accessibilityLabel: resolvedAccessibilityLabel,
|
|
75
|
+
accessibilityState: { selected, disabled },
|
|
76
|
+
...(testID !== undefined && { testID }),
|
|
77
|
+
},
|
|
78
|
+
};
|
|
79
|
+
}
|
|
80
|
+
//# sourceMappingURL=use-chip.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-chip.js","sourceRoot":"","sources":["../../../../src/components/inputs/chip/use-chip.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import { View, type TextInputProps as RNTextInputProps } from 'react-native';
|
|
2
|
+
import type { ChipInputProps } from './types.js';
|
|
3
|
+
export declare function ChipInput(props: ChipInputProps & Omit<RNTextInputProps, keyof ChipInputProps>): import("react").CElement<import("react-native").ViewProps, View>;
|
|
4
|
+
//# sourceMappingURL=chip-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip-input.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/chip-input/chip-input.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,IAAI,EAAuD,KAAK,cAAc,IAAI,gBAAgB,EAAE,MAAM,cAAc,CAAC;AAGlI,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,wBAAgB,SAAS,CAAC,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC,gBAAgB,EAAE,MAAM,cAAc,CAAC,oEA4J7F"}
|
|
@@ -0,0 +1,117 @@
|
|
|
1
|
+
import { useState, useRef, createElement } from 'react';
|
|
2
|
+
import { View, TextInput as RNTextInput, Pressable, Text as RNText } from 'react-native';
|
|
3
|
+
import { useTheme } from '../../../theme/context.js';
|
|
4
|
+
import { useChipInput } from './use-chip-input.js';
|
|
5
|
+
export function ChipInput(props) {
|
|
6
|
+
const { tokens } = useTheme();
|
|
7
|
+
const [focused, setFocused] = useState(false);
|
|
8
|
+
const [inputValue, setInputValue] = useState('');
|
|
9
|
+
const inputRef = useRef(null);
|
|
10
|
+
const { values, onValuesChange, placeholder = 'Add...', maxValues, validate, disabled = false, label, error, hint, accessibilityLabel, testID, bg, p, px, py, pt, pb, pl, pr, m, mx, my, mt, mb, ml, mr, rounded, shadow, flex, row, center, w, h, borderWidth, borderColor, opacity, overflow, position, top, bottom, left, right, zIndex, size, variant, children: _c, ...rest } = props;
|
|
11
|
+
const hookResult = useChipInput(tokens, { ...props, focused });
|
|
12
|
+
const { containerStyle, chipsRowStyle, inputStyle, labelStyle, errorTextStyle, hintTextStyle, isFull, accessibilityProps } = hookResult;
|
|
13
|
+
function commitValue(raw) {
|
|
14
|
+
const trimmed = raw.trim().replace(/,+$/, '').trim();
|
|
15
|
+
if (!trimmed)
|
|
16
|
+
return;
|
|
17
|
+
if (isFull)
|
|
18
|
+
return;
|
|
19
|
+
if (validate) {
|
|
20
|
+
const result = validate(trimmed);
|
|
21
|
+
if (result === false)
|
|
22
|
+
return;
|
|
23
|
+
}
|
|
24
|
+
onValuesChange([...values, trimmed]);
|
|
25
|
+
setInputValue('');
|
|
26
|
+
}
|
|
27
|
+
function handleChangeText(text) {
|
|
28
|
+
if (text.endsWith(',')) {
|
|
29
|
+
commitValue(text);
|
|
30
|
+
}
|
|
31
|
+
else {
|
|
32
|
+
setInputValue(text);
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
function handleSubmitEditing() {
|
|
36
|
+
commitValue(inputValue);
|
|
37
|
+
}
|
|
38
|
+
function handleKeyPress(e) {
|
|
39
|
+
if (e.nativeEvent.key === 'Backspace' && inputValue === '' && values.length > 0) {
|
|
40
|
+
onValuesChange(values.slice(0, -1));
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
function removeChip(index) {
|
|
44
|
+
const next = [...values];
|
|
45
|
+
next.splice(index, 1);
|
|
46
|
+
onValuesChange(next);
|
|
47
|
+
}
|
|
48
|
+
const outerElements = [];
|
|
49
|
+
if (label) {
|
|
50
|
+
outerElements.push(createElement(RNText, { key: 'label', style: { ...labelStyle, marginBottom: 4 } }, label));
|
|
51
|
+
}
|
|
52
|
+
// Build chips row
|
|
53
|
+
const chipsRowChildren = [];
|
|
54
|
+
values.forEach((chip, index) => {
|
|
55
|
+
chipsRowChildren.push(createElement(View, {
|
|
56
|
+
key: `chip-${index}`,
|
|
57
|
+
style: {
|
|
58
|
+
flexDirection: 'row',
|
|
59
|
+
alignItems: 'center',
|
|
60
|
+
backgroundColor: tokens.colors.muted,
|
|
61
|
+
borderRadius: tokens.radii.full,
|
|
62
|
+
paddingHorizontal: tokens.spacing.sm,
|
|
63
|
+
paddingVertical: tokens.spacing.xs / 2,
|
|
64
|
+
},
|
|
65
|
+
}, createElement(RNText, {
|
|
66
|
+
key: 'label',
|
|
67
|
+
style: {
|
|
68
|
+
fontSize: tokens.typography.sizes.sm,
|
|
69
|
+
color: tokens.colors.foreground,
|
|
70
|
+
fontFamily: tokens.typography.fontFamily.body,
|
|
71
|
+
},
|
|
72
|
+
}, chip), createElement(Pressable, {
|
|
73
|
+
key: 'dismiss',
|
|
74
|
+
onPress: () => removeChip(index),
|
|
75
|
+
disabled,
|
|
76
|
+
style: { marginLeft: 4 },
|
|
77
|
+
accessibilityLabel: `Remove ${chip}`,
|
|
78
|
+
accessibilityRole: 'button',
|
|
79
|
+
}, createElement(RNText, {
|
|
80
|
+
style: { fontSize: tokens.typography.sizes.sm, color: tokens.colors.mutedForeground },
|
|
81
|
+
}, '×'))));
|
|
82
|
+
});
|
|
83
|
+
if (!isFull) {
|
|
84
|
+
chipsRowChildren.push(createElement(RNTextInput, {
|
|
85
|
+
key: 'input',
|
|
86
|
+
ref: inputRef,
|
|
87
|
+
style: inputStyle,
|
|
88
|
+
value: inputValue,
|
|
89
|
+
placeholder: values.length === 0 ? placeholder : undefined,
|
|
90
|
+
placeholderTextColor: tokens.colors.mutedForeground,
|
|
91
|
+
editable: !disabled,
|
|
92
|
+
onChangeText: handleChangeText,
|
|
93
|
+
onSubmitEditing: handleSubmitEditing,
|
|
94
|
+
onKeyPress: handleKeyPress,
|
|
95
|
+
onFocus: () => setFocused(true),
|
|
96
|
+
onBlur: () => setFocused(false),
|
|
97
|
+
returnKeyType: 'done',
|
|
98
|
+
...accessibilityProps,
|
|
99
|
+
...rest,
|
|
100
|
+
}));
|
|
101
|
+
}
|
|
102
|
+
outerElements.push(createElement(Pressable, {
|
|
103
|
+
key: 'container',
|
|
104
|
+
style: containerStyle,
|
|
105
|
+
onPress: () => inputRef.current?.focus(),
|
|
106
|
+
accessibilityLabel: accessibilityLabel,
|
|
107
|
+
testID,
|
|
108
|
+
}, createElement(View, { key: 'chips-row', style: chipsRowStyle }, ...chipsRowChildren)));
|
|
109
|
+
if (error) {
|
|
110
|
+
outerElements.push(createElement(RNText, { key: 'error', style: { ...errorTextStyle, marginTop: 4 } }, error));
|
|
111
|
+
}
|
|
112
|
+
else if (hint) {
|
|
113
|
+
outerElements.push(createElement(RNText, { key: 'hint', style: { ...hintTextStyle, marginTop: 4 } }, hint));
|
|
114
|
+
}
|
|
115
|
+
return createElement(View, null, ...outerElements);
|
|
116
|
+
}
|
|
117
|
+
//# sourceMappingURL=chip-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"chip-input.js","sourceRoot":"","sources":["../../../../src/components/inputs/chip-input/chip-input.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/chip-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,YAAY,EAAE,cAAc,EAAE,kBAAkB,EAAE,gBAAgB,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/inputs/chip-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC"}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
import type { BoxStyleProps } from '../../types.js';
|
|
2
|
+
import type { ResolvedBoxStyle, ResolvedTextStyle } from '../../use-component-style.js';
|
|
3
|
+
export type ChipInputVariant = 'outline' | 'filled' | 'underline';
|
|
4
|
+
export type ChipInputSize = 'sm' | 'md' | 'lg';
|
|
5
|
+
export interface ChipInputProps extends BoxStyleProps {
|
|
6
|
+
values: string[];
|
|
7
|
+
onValuesChange: (values: string[]) => void;
|
|
8
|
+
placeholder?: string;
|
|
9
|
+
maxValues?: number;
|
|
10
|
+
validate?: (value: string) => boolean | string;
|
|
11
|
+
disabled?: boolean;
|
|
12
|
+
size?: ChipInputSize;
|
|
13
|
+
variant?: ChipInputVariant;
|
|
14
|
+
label?: string;
|
|
15
|
+
error?: string;
|
|
16
|
+
hint?: string;
|
|
17
|
+
accessibilityLabel?: string;
|
|
18
|
+
testID?: string;
|
|
19
|
+
}
|
|
20
|
+
export interface ChipInputHookProps extends ChipInputProps {
|
|
21
|
+
focused: boolean;
|
|
22
|
+
}
|
|
23
|
+
export interface UseChipInputResult {
|
|
24
|
+
containerStyle: ResolvedBoxStyle;
|
|
25
|
+
chipsRowStyle: ResolvedBoxStyle;
|
|
26
|
+
inputStyle: ResolvedTextStyle & ResolvedBoxStyle;
|
|
27
|
+
labelStyle: ResolvedTextStyle;
|
|
28
|
+
errorTextStyle: ResolvedTextStyle;
|
|
29
|
+
hintTextStyle: ResolvedTextStyle;
|
|
30
|
+
isFull: boolean;
|
|
31
|
+
isDisabled: boolean;
|
|
32
|
+
accessibilityProps: {
|
|
33
|
+
accessibilityLabel?: string;
|
|
34
|
+
accessibilityState?: {
|
|
35
|
+
disabled?: boolean;
|
|
36
|
+
};
|
|
37
|
+
testID?: string;
|
|
38
|
+
};
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/chip-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAC;AACpD,OAAO,KAAK,EAAE,gBAAgB,EAAE,iBAAiB,EAAE,MAAM,8BAA8B,CAAC;AAExF,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,QAAQ,GAAG,WAAW,CAAC;AAClE,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/C,MAAM,WAAW,cAAe,SAAQ,aAAa;IACnD,MAAM,EAAE,MAAM,EAAE,CAAC;IACjB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,OAAO,GAAG,MAAM,CAAC;IAC/C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,CAAC,EAAE,aAAa,CAAC;IACrB,OAAO,CAAC,EAAE,gBAAgB,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,kBAAmB,SAAQ,cAAc;IACxD,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,kBAAkB;IACjC,cAAc,EAAE,gBAAgB,CAAC;IACjC,aAAa,EAAE,gBAAgB,CAAC;IAChC,UAAU,EAAE,iBAAiB,GAAG,gBAAgB,CAAC;IACjD,UAAU,EAAE,iBAAiB,CAAC;IAC9B,cAAc,EAAE,iBAAiB,CAAC;IAClC,aAAa,EAAE,iBAAiB,CAAC;IACjC,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,OAAO,CAAC;IACpB,kBAAkB,EAAE;QAClB,kBAAkB,CAAC,EAAE,MAAM,CAAC;QAC5B,kBAAkB,CAAC,EAAE;YAAE,QAAQ,CAAC,EAAE,OAAO,CAAA;SAAE,CAAC;QAC5C,MAAM,CAAC,EAAE,MAAM,CAAC;KACjB,CAAC;CACH"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/components/inputs/chip-input/types.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,4 @@
|
|
|
1
|
+
import type { ThemeTokens } from '../../../theme/tokens.js';
|
|
2
|
+
import type { ChipInputHookProps, UseChipInputResult } from './types.js';
|
|
3
|
+
export declare function useChipInput(tokens: ThemeTokens, props: ChipInputHookProps): UseChipInputResult;
|
|
4
|
+
//# sourceMappingURL=use-chip-input.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"use-chip-input.d.ts","sourceRoot":"","sources":["../../../../src/components/inputs/chip-input/use-chip-input.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,kBAAkB,EAAiB,kBAAkB,EAAE,MAAM,YAAY,CAAC;AAexF,wBAAgB,YAAY,CAAC,MAAM,EAAE,WAAW,EAAE,KAAK,EAAE,kBAAkB,GAAG,kBAAkB,CA0H/F"}
|