react-window 2.1.1 → 2.2.0-alpha.0
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/react-window.cjs +1 -1
- package/dist/react-window.cjs.map +1 -1
- package/dist/react-window.d.ts +18 -2
- package/dist/react-window.js +538 -446
- package/dist/react-window.js.map +1 -1
- package/package.json +3 -4
- package/docs/assets/AriaRolesRoute-B8u4KZlN.js +0 -2
- package/docs/assets/AriaRolesRoute-B8u4KZlN.js.map +0 -1
- package/docs/assets/AriaRolesRoute-DrA2Z2g2.js +0 -2
- package/docs/assets/AriaRolesRoute-DrA2Z2g2.js.map +0 -1
- package/docs/assets/AriaRolesRoute-YProrOKU.js +0 -2
- package/docs/assets/AriaRolesRoute-YProrOKU.js.map +0 -1
- package/docs/assets/CellComponent.example-ChzwGLAD.js +0 -2
- package/docs/assets/CellComponent.example-ChzwGLAD.js.map +0 -1
- package/docs/assets/Code-BJ6U_DpT.js +0 -2
- package/docs/assets/Code-BJ6U_DpT.js.map +0 -1
- package/docs/assets/Code-nwWF-WcI.css +0 -1
- package/docs/assets/ComponentProps-0JkeHmLq.js +0 -2
- package/docs/assets/ComponentProps-0JkeHmLq.js.map +0 -1
- package/docs/assets/ContinueLink-Mq4XOwMu.js +0 -2
- package/docs/assets/ContinueLink-Mq4XOwMu.js.map +0 -1
- package/docs/assets/FixedRowHeightsRoute-DXFNDmnz.js +0 -2
- package/docs/assets/FixedRowHeightsRoute-DXFNDmnz.js.map +0 -1
- package/docs/assets/GettingStartedRoute-D-bI_IZb.js +0 -2
- package/docs/assets/GettingStartedRoute-D-bI_IZb.js.map +0 -1
- package/docs/assets/Grid-Cio8auWD.js +0 -2
- package/docs/assets/Grid-Cio8auWD.js.map +0 -1
- package/docs/assets/Header-DM8OHOd_.js +0 -2
- package/docs/assets/Header-DM8OHOd_.js.map +0 -1
- package/docs/assets/HorizontalListsRoute-Dk2qJcyq.js +0 -2
- package/docs/assets/HorizontalListsRoute-Dk2qJcyq.js.map +0 -1
- package/docs/assets/ImperativeApiRoute-BdK7xl-u.js +0 -2
- package/docs/assets/ImperativeApiRoute-BdK7xl-u.js.map +0 -1
- package/docs/assets/ImperativeApiRoute-DdlTcZ7C.js +0 -2
- package/docs/assets/ImperativeApiRoute-DdlTcZ7C.js.map +0 -1
- package/docs/assets/List-B9HC1vRM.js +0 -2
- package/docs/assets/List-B9HC1vRM.js.map +0 -1
- package/docs/assets/LoadingSpinner-CcA45RYo.js +0 -2
- package/docs/assets/LoadingSpinner-CcA45RYo.js.map +0 -1
- package/docs/assets/PageNotFound-BaiFbANH.js +0 -2
- package/docs/assets/PageNotFound-BaiFbANH.js.map +0 -1
- package/docs/assets/PlatformRequirementsRoute-BfE0JkzC.js +0 -2
- package/docs/assets/PlatformRequirementsRoute-BfE0JkzC.js.map +0 -1
- package/docs/assets/PropsRoute-B2tWvN5Y.js +0 -2
- package/docs/assets/PropsRoute-B2tWvN5Y.js.map +0 -1
- package/docs/assets/PropsRoute-E2EuXhKK.js +0 -2
- package/docs/assets/PropsRoute-E2EuXhKK.js.map +0 -1
- package/docs/assets/RTLGridsRoute-BiJ_ARQb.js +0 -2
- package/docs/assets/RTLGridsRoute-BiJ_ARQb.js.map +0 -1
- package/docs/assets/RenderingGridRoute-BvlK0VIG.js +0 -2
- package/docs/assets/RenderingGridRoute-BvlK0VIG.js.map +0 -1
- package/docs/assets/ScratchpadRoute-wzxynGR2.js +0 -2
- package/docs/assets/ScratchpadRoute-wzxynGR2.js.map +0 -1
- package/docs/assets/Select-BtAY4kA-.js +0 -2
- package/docs/assets/Select-BtAY4kA-.js.map +0 -1
- package/docs/assets/StickyRowsRoute-DUIWoMJJ.js +0 -2
- package/docs/assets/StickyRowsRoute-DUIWoMJJ.js.map +0 -1
- package/docs/assets/SupportRoute-DO1SyQwL.js +0 -2
- package/docs/assets/SupportRoute-DO1SyQwL.js.map +0 -1
- package/docs/assets/TabularDataRoute-DMwDahmo.js +0 -2
- package/docs/assets/TabularDataRoute-DMwDahmo.js.map +0 -1
- package/docs/assets/VariableRowHeightsRoute-B9mccfzh.js +0 -2
- package/docs/assets/VariableRowHeightsRoute-B9mccfzh.js.map +0 -1
- package/docs/assets/addresses-CDQyd4n9.js +0 -2
- package/docs/assets/addresses-CDQyd4n9.js.map +0 -1
- package/docs/assets/arePropsEqual-MBk0PiJi.js +0 -2
- package/docs/assets/arePropsEqual-MBk0PiJi.js.map +0 -1
- package/docs/assets/contacts-Bxrk2JS2.js +0 -2
- package/docs/assets/contacts-Bxrk2JS2.js.map +0 -1
- package/docs/assets/index-3R9tv3eW.js +0 -3
- package/docs/assets/index-3R9tv3eW.js.map +0 -1
- package/docs/assets/index-DbmHyJV-.css +0 -1
- package/docs/assets/useCitiesByState-DlHLfAIQ.js +0 -2
- package/docs/assets/useCitiesByState-DlHLfAIQ.js.map +0 -1
- package/docs/assets/useContacts-C-Fuwn4U.js +0 -2
- package/docs/assets/useContacts-C-Fuwn4U.js.map +0 -1
- package/docs/data/addresses.json +0 -23932
- package/docs/data/contacts.json +0 -4202
- package/docs/data/names.json +0 -1002
- package/docs/favicon.svg +0 -16
- package/docs/generated/README.md +0 -1
- package/docs/generated/code-snippets/CellComponent.json +0 -3
- package/docs/generated/code-snippets/CellComponentAriaRoles.json +0 -3
- package/docs/generated/code-snippets/FixedHeightList.json +0 -3
- package/docs/generated/code-snippets/FixedHeightRowComponent.json +0 -3
- package/docs/generated/code-snippets/FlexboxLayout.json +0 -3
- package/docs/generated/code-snippets/Grid.json +0 -3
- package/docs/generated/code-snippets/GridAriaRoles.json +0 -3
- package/docs/generated/code-snippets/HorizontalList.json +0 -3
- package/docs/generated/code-snippets/HorizontalListCellRenderer.json +0 -3
- package/docs/generated/code-snippets/ListAriaRoles.json +0 -3
- package/docs/generated/code-snippets/ListVariableRowHeights.json +0 -3
- package/docs/generated/code-snippets/ListWithStickyRows.json +0 -3
- package/docs/generated/code-snippets/RowComponentAriaRoles.json +0 -3
- package/docs/generated/code-snippets/RtlGrid.json +0 -3
- package/docs/generated/code-snippets/TableAriaAttributes.json +0 -3
- package/docs/generated/code-snippets/TableAriaOverrideProps.json +0 -3
- package/docs/generated/code-snippets/columnWidth.json +0 -3
- package/docs/generated/code-snippets/gridRefClickEventHandler.json +0 -3
- package/docs/generated/code-snippets/listRefClickEventHandler.json +0 -3
- package/docs/generated/code-snippets/rowHeight.json +0 -3
- package/docs/generated/code-snippets/useGridCallbackRef.json +0 -3
- package/docs/generated/code-snippets/useGridRef.json +0 -3
- package/docs/generated/code-snippets/useGridRefImport.json +0 -3
- package/docs/generated/code-snippets/useListCallbackRef.json +0 -3
- package/docs/generated/code-snippets/useListRef.json +0 -3
- package/docs/generated/code-snippets/useListRefImport.json +0 -3
- package/docs/generated/js-docs/Grid.json +0 -1030
- package/docs/generated/js-docs/List.json +0 -927
- package/docs/index.html +0 -39
- package/docs/og.html +0 -42
- package/docs/og.png +0 -0
- package/docs/robots.txt +0 -2
- package/docs/stats.html +0 -4949
- package/docs/svgs/checkbox-checked.svg +0 -1
- package/docs/svgs/checkbox-indeterminate.svg +0 -1
- package/docs/svgs/checkbox-unchecked.svg +0 -1
- package/docs/svgs/github.svg +0 -3
- package/docs/svgs/npm.svg +0 -1
- package/docs/svgs/radio-checked.svg +0 -1
- package/docs/svgs/radio-unchecked.svg +0 -1
|
@@ -1 +0,0 @@
|
|
|
1
|
-
/*! tailwindcss v4.1.11 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial;--tw-text-shadow-color:initial;--tw-text-shadow-alpha:100%}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-300:rgb(255, 163, 164);--color-red-400:rgb(255, 101, 104);--color-red-500:rgb(251, 44, 54);--color-red-800:rgb(159, 7, 18);--color-red-950:rgb(70, 8, 9);--color-amber-400:rgb(250, 188, 0);--color-amber-500:rgb(246, 158, 0);--color-amber-800:rgb(149, 61, 0);--color-amber-950:rgb(70, 25, 1);--color-emerald-200:rgb(164, 244, 207);--color-emerald-300:rgb(94, 233, 181);--color-emerald-400:rgb(0, 210, 148);--color-emerald-500:rgb(0, 185, 129);--color-emerald-800:rgb(0, 95, 70);--color-emerald-950:rgb(0, 44, 34);--color-teal-300:rgb(70, 236, 213);--color-teal-400:rgb(0, 211, 189);--color-teal-600:rgb(0, 148, 136);--color-sky-300:rgb(120, 212, 255);--color-sky-400:rgb(0, 187, 253);--color-sky-500:rgb(0, 165, 234);--color-sky-800:rgb(0, 89, 134);--color-sky-950:rgb(5, 47, 74);--color-blue-600:rgb(21, 93, 252);--color-pink-400:rgb(251, 100, 182);--color-pink-500:rgb(246, 51, 154);--color-slate-300:rgb(202, 213, 226);--color-slate-400:rgb(144, 161, 185);--color-slate-500:rgb(98, 116, 142);--color-slate-600:rgb(69, 85, 108);--color-slate-800:rgb(29, 41, 61);--color-slate-900:rgb(15, 23, 43);--color-gray-400:rgb(153, 161, 175);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-3xl:1.875rem;--text-3xl--line-height: 1.2 ;--text-7xl:4.5rem;--text-7xl--line-height:1;--text-8xl:6rem;--text-8xl--line-height:1;--font-weight-bold:700;--radius-md:.375rem;--radius-lg:.5rem;--radius-3xl:1.5rem;--drop-shadow-xs:0 1px 1px #0000000d;--drop-shadow-sm:0 1px 2px #00000026;--ease-in:cubic-bezier(.4,0,1,1);--animate-spin:spin 1s linear infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}@supports (color: color(display-p3 0 0 0%)){:root,:host{--color-red-300:color(display-p3 .95692 .65189 .64512);--color-red-400:color(display-p3 .93353 .43168 .42349);--color-amber-400:color(display-p3 .95919 .73852 .11827);--color-amber-500:color(display-p3 .93994 .62058 .05854);--color-amber-800:color(display-p3 .54753 .25606 .07283);--color-emerald-400:color(display-p3 .3347 .8196 .59158);--color-emerald-500:color(display-p3 .26711 .72685 .5084);--color-emerald-800:color(display-p3 .1354 .3714 .27756);--color-emerald-950:color(display-p3 .05491 .17043 .13484);--color-teal-400:color(display-p3 .32279 .82206 .74439);--color-teal-600:color(display-p3 .20711 .57958 .53668);--color-sky-300:color(display-p3 .54636 .82256 .99058);--color-sky-400:color(display-p3 .30598 .72501 .98017);--color-sky-500:color(display-p3 .21911 .63903 .93148);--color-sky-800:color(display-p3 .12072 .34308 .52441)}}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-y-0{inset-block:calc(var(--spacing)*0)}.top-0{top:calc(var(--spacing)*0)}.right-0{right:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-10{z-index:10}.z-400{z-index:400}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-2{margin-inline:calc(var(--spacing)*2)}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.mt-4{margin-top:calc(var(--spacing)*4)}.ml-4{margin-left:calc(var(--spacing)*4)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.table{display:table}.size-4{width:calc(var(--spacing)*4);height:calc(var(--spacing)*4)}.h-0{height:calc(var(--spacing)*0)}.h-4{height:calc(var(--spacing)*4)}.h-6{height:calc(var(--spacing)*6)}.h-7{height:calc(var(--spacing)*7)}.h-8{height:calc(var(--spacing)*8)}.h-9{height:calc(var(--spacing)*9)}.h-12{height:calc(var(--spacing)*12)}.h-20{height:calc(var(--spacing)*20)}.h-50{height:calc(var(--spacing)*50)}.h-55{height:calc(var(--spacing)*55)}.h-100{height:calc(var(--spacing)*100)}.h-\[20px\]{height:20px}.h-full{height:100%}.max-h-50{max-height:calc(var(--spacing)*50)}.w-0{width:calc(var(--spacing)*0)}.w-4{width:calc(var(--spacing)*4)}.w-6{width:calc(var(--spacing)*6)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-fit{width:fit-content}.w-full{width:100%}.max-w-350{max-width:calc(var(--spacing)*350)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.shrink-1{flex-shrink:1}.grow{flex-grow:1}.grow-0{flex-grow:0}.grow-1{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.list-disc{list-style-type:disc}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-around{justify-content:space-around}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.justify-stretch{justify-content:stretch}.gap-1{gap:calc(var(--spacing)*1)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}.gap-10{gap:calc(var(--spacing)*10)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-t-3xl{border-top-left-radius:var(--radius-3xl);border-top-right-radius:var(--radius-3xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.border-none\!{--tw-border-style:none!important;border-style:none!important}.border-amber-400{border-color:var(--color-amber-400)}.border-emerald-400{border-color:var(--color-emerald-400)}.border-red-400{border-color:var(--color-red-400)}.border-sky-400{border-color:var(--color-sky-400)}.border-transparent{border-color:#0000}.border-white\/40{border-color:#fff6}@supports (color:color-mix(in lab,red,red)){.border-white\/40{border-color:color-mix(in oklab,var(--color-white)40%,transparent)}}.border-r-slate-800{border-right-color:var(--color-slate-800)}.bg-amber-400{background-color:var(--color-amber-400)}.bg-black{background-color:var(--color-black)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab,red,red)){.bg-black\/10{background-color:color-mix(in oklab,var(--color-black)10%,transparent)}}.bg-black\/30{background-color:#0000004d}@supports (color:color-mix(in lab,red,red)){.bg-black\/30{background-color:color-mix(in oklab,var(--color-black)30%,transparent)}}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black)50%,transparent)}}.bg-black\/90{background-color:#000000e6}@supports (color:color-mix(in lab,red,red)){.bg-black\/90{background-color:color-mix(in oklab,var(--color-black)90%,transparent)}}.bg-emerald-400{background-color:var(--color-emerald-400)}.bg-red-400{background-color:var(--color-red-400)}.bg-sky-400{background-color:var(--color-sky-400)}.bg-slate-800{background-color:var(--color-slate-800)}.bg-slate-900{background-color:var(--color-slate-900)}.bg-teal-600{background-color:var(--color-teal-600)}.bg-white\/10{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.bg-white\/10{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.\[mask-image\:linear-gradient\(to_bottom\,transparent\,black_1\.5rem\)\]{-webkit-mask-image:linear-gradient(#0000,#000 1.5rem);mask-image:linear-gradient(#0000,#000 1.5rem)}.fill-blue-600{fill:var(--color-blue-600)}.fill-current{fill:currentColor}.fill-slate-600{fill:var(--color-slate-600)}.fill-white{fill:var(--color-white)}.fill-white\/60{fill:#fff9}@supports (color:color-mix(in lab,red,red)){.fill-white\/60{fill:color-mix(in oklab,var(--color-white)60%,transparent)}}.p-0\!{padding:calc(var(--spacing)*0)!important}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-4{padding-block:calc(var(--spacing)*4)}.pr-2{padding-right:calc(var(--spacing)*2)}.pl-4{padding-left:calc(var(--spacing)*4)}.pl-8{padding-left:calc(var(--spacing)*8)}.text-center{text-align:center}.text-left{text-align:left}.indent-\[-1rem\]{text-indent:-1rem}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-7xl{font-size:var(--text-7xl);line-height:var(--tw-leading,var(--text-7xl--line-height))}.text-8xl{font-size:var(--text-8xl);line-height:var(--tw-leading,var(--text-8xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-\[2\.5\]{--tw-leading:2.5;line-height:2.5}.leading-none{--tw-leading:1;line-height:1}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.whitespace-pre-wrap{white-space:pre-wrap}.text-amber-800{color:var(--color-amber-800)}.text-black{color:var(--color-black)}.text-emerald-200{color:var(--color-emerald-200)}.text-emerald-300{color:var(--color-emerald-300)}.text-emerald-800{color:var(--color-emerald-800)}.text-gray-400{color:var(--color-gray-400)}.text-red-300{color:var(--color-red-300)}.text-red-800{color:var(--color-red-800)}.text-sky-300{color:var(--color-sky-300)}.text-sky-800{color:var(--color-sky-800)}.text-slate-300{color:var(--color-slate-300)}.text-slate-400{color:var(--color-slate-400)}.text-slate-500{color:var(--color-slate-500)}.text-white{color:var(--color-white)}.text-white\!{color:var(--color-white)!important}.text-white\/50{color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-white\/50{color:color-mix(in oklab,var(--color-white)50%,transparent)}}.text-white\/90{color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.text-white\/90{color:color-mix(in oklab,var(--color-white)90%,transparent)}}.uppercase{text-transform:uppercase}.opacity-0{opacity:0}.opacity-50{opacity:.5}.opacity-100{opacity:1}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.drop-shadow-sm{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#00000026));--tw-drop-shadow:drop-shadow(var(--drop-shadow-sm));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-xs{--tw-drop-shadow-size:drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000d));--tw-drop-shadow:drop-shadow(var(--drop-shadow-xs));filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow-black\/20{--tw-drop-shadow-color:#0003}@supports (color:color-mix(in lab,red,red)){.drop-shadow-black\/20{--tw-drop-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)20%,transparent)var(--tw-drop-shadow-alpha),transparent)}}.drop-shadow-black\/20{--tw-drop-shadow:var(--tw-drop-shadow-size)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,visibility,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.text-shadow-black\/20{--tw-text-shadow-color:#0003}@supports (color:color-mix(in lab,red,red)){.text-shadow-black\/20{--tw-text-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-black)20%,transparent)var(--tw-text-shadow-alpha),transparent)}}.text-shadow-sm{text-shadow:0px 1px 0px var(--tw-text-shadow-color,#00000013),0px 1px 1px var(--tw-text-shadow-color,#00000013),0px 2px 2px var(--tw-text-shadow-color,#00000013)}.text-shadow-white\/50{--tw-text-shadow-color:#ffffff80}@supports (color:color-mix(in lab,red,red)){.text-shadow-white\/50{--tw-text-shadow-color:color-mix(in oklab,color-mix(in oklab,var(--color-white)50%,transparent)var(--tw-text-shadow-alpha),transparent)}}.text-shadow-xs{text-shadow:0px 1px 1px var(--tw-text-shadow-color,#0003)}.group-data-hover\:fill-white\/50:is(:where(.group)[data-hover] *){fill:#ffffff80}@supports (color:color-mix(in lab,red,red)){.group-data-hover\:fill-white\/50:is(:where(.group)[data-hover] *){fill:color-mix(in oklab,var(--color-white)50%,transparent)}}.group-data-open\:rotate-90:is(:where(.group)[data-open] *){rotate:90deg}.focus-within\:bg-white\/10:focus-within{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.focus-within\:bg-white\/10:focus-within{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}@media (hover:hover){.hover\:bg-amber-500:hover{background-color:var(--color-amber-500)}.hover\:bg-emerald-500:hover{background-color:var(--color-emerald-500)}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-sky-500:hover{background-color:var(--color-sky-500)}.hover\:text-amber-950:hover{color:var(--color-amber-950)}.hover\:text-emerald-950:hover{color:var(--color-emerald-950)}.hover\:text-red-950:hover{color:var(--color-red-950)}.hover\:text-sky-950:hover{color:var(--color-sky-950)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-emerald-300:focus{border-color:var(--color-emerald-300)}.focus\:border-teal-300:focus{border-color:var(--color-teal-300)}.focus\:bg-white\/10:focus{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.focus\:bg-white\/10:focus{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.focus\:text-black:focus{color:var(--color-black)}.data-active\:bg-black[data-active]{background-color:var(--color-black)}.data-active\:text-teal-300[data-active]{color:var(--color-teal-300)}.data-focus\:bg-black[data-focus]{background-color:var(--color-black)}.data-focus\:bg-white\/10[data-focus]{background-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.data-focus\:bg-white\/10[data-focus]{background-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.data-focus\:text-teal-300[data-focus]{color:var(--color-teal-300)}.data-selected\:font-bold[data-selected]{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.data-selected\:text-teal-300[data-selected]{color:var(--color-teal-300)}@media (min-width:48rem){.md\:relative{position:relative}.md\:block{display:block}.md\:flex{display:flex}.md\:hidden{display:none}.md\:w-50{width:calc(var(--spacing)*50)}.md\:w-80{width:calc(var(--spacing)*80)}.md\:bg-black\/80{background-color:#000c}@supports (color:color-mix(in lab,red,red)){.md\:bg-black\/80{background-color:color-mix(in oklab,var(--color-black)80%,transparent)}}.md\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}.\[\&_code\]\:text-sky-300 code{color:var(--color-sky-300)}.\[\&_svg\]\:text-amber-400 svg{color:var(--color-amber-400)}.\[\&_svg\]\:text-emerald-400 svg{color:var(--color-emerald-400)}.\[\&_svg\]\:text-red-400 svg{color:var(--color-red-400)}.\[\&_svg\]\:text-sky-400 svg{color:var(--color-sky-400)}.\[\&_svg\]\:text-white\/60 svg{color:#fff9}@supports (color:color-mix(in lab,red,red)){.\[\&_svg\]\:text-white\/60 svg{color:color-mix(in oklab,var(--color-white)60%,transparent)}}}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;font-size:12px;font-weight:400;line-height:1.5}@media only screen and (max-width:600px){:root{font-size:16px}}:root{color-scheme:dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@keyframes background-gradient-animation{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}#root{background:linear-gradient(-45deg,var(--color-pink-500),var(--color-sky-500),var(--color-emerald-400));background-size:400% 400%;width:100dvw;height:100dvh;animation:20s infinite background-gradient-animation;overflow:auto}*{scrollbar-width:thin;scrollbar-color:var(--color-slate-600)transparent;outline:none;transition:color .25s,background-color .25s,border-color .25s,opacity .25s,outline-color .25s}main [data-link],main a{cursor:pointer;color:var(--color-teal-400)}:is(main [data-link],main a):hover{color:var(--color-teal-300)}[data-focus]{border:2px solid #0000}[data-focus]:focus{border:2px solid var(--color-teal-300)}[data-focus-within]{border:2px solid #0000}[data-focus-within]:focus-within{border:2px solid var(--color-teal-300)}[data-focus-within][data-focus-within=bold]{border-color:var(--color-teal-600)}[data-focus-within][data-focus-within=bold]:focus-within{border:2px solid var(--color-teal-300)}code{color:var(--color-slate-300)}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-text-shadow-color{syntax:"*";inherits:false}@property --tw-text-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@keyframes spin{to{transform:rotate(360deg)}}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{j as t,c as e,r as s}from"./index-3R9tv3eW.js";import{L as i}from"./List-B9HC1vRM.js";import{j as a}from"./addresses-CDQyd4n9.js";function r({items:e}){return t.jsx(i,{rowComponent:o,rowCount:e.length,rowHeight:n,rowProps:{items:e}})}function n(t,{items:e}){switch(e[t].type){case"state":return 30;case"zip":return 25}}function o({index:s,items:i,style:a}){const r=i[s],n=function(t){return e("flex items-center justify-between gap-2",{"text-3xl text-sky-300":"state"===t.type})}(r);return t.jsxs("div",{className:n,style:a,children:["state"===r.type?t.jsx("span",{children:r.state}):t.jsxs("span",{children:[r.city,", ",r.zip]}),t.jsx("div",{className:"text-slate-500 text-xs",children:`${s+1} of ${i.length}`})]})}function c(){return s.useMemo(()=>{const t=[];if(a){let e="";a.sort((t,e)=>t.state!==e.state?t.state.localeCompare(e.state):t.city!==e.city?t.city.localeCompare(e.city):t.zip.localeCompare(e.zip)).forEach(s=>{s.state!==e&&(e=s.state,t.push({type:"state",state:s.state})),t.push({type:"zip",city:s.city,zip:s.zip})})}return t},[])}export{r as E,o as R,c as u};
|
|
2
|
-
//# sourceMappingURL=useCitiesByState-DlHLfAIQ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useCitiesByState-DlHLfAIQ.js","sources":["../../src/routes/list/examples/ListVariableRowHeights.example.tsx","../../src/routes/list/hooks/useCitiesByState.ts"],"sourcesContent":["import { type Ref } from \"react\";\nimport { cn } from \"../../../utils/cn\";\n\n// <begin>\n\nimport {\n List,\n type ListImperativeAPI,\n type RowComponentProps\n} from \"react-window\";\n\ntype Item =\n | { type: \"state\"; state: string }\n | { type: \"zip\"; city: string; zip: string };\n\ntype RowProps = {\n items: Item[];\n};\n\nfunction Example({ items }: { items: Item[] }) {\n return (\n <List<RowProps>\n rowComponent={RowComponent}\n rowCount={items.length}\n rowHeight={rowHeight}\n rowProps={{ items }}\n />\n );\n}\n\nfunction rowHeight(index: number, { items }: RowProps) {\n switch (items[index].type) {\n case \"state\": {\n return 30;\n }\n case \"zip\": {\n return 25;\n }\n }\n}\n\nfunction RowComponent({ index, items, style }: RowComponentProps<RowProps>) {\n const item = items[index];\n\n const className = getClassName(item);\n\n return (\n <div className={className} style={style}>\n {item.type === \"state\" ? (\n <span>{item.state}</span>\n ) : (\n <span>\n {item.city}, {item.zip}\n </span>\n )}\n <div className=\"text-slate-500 text-xs\">{`${index + 1} of ${items.length}`}</div>\n </div>\n );\n}\n\n// <end>\n\nfunction ExampleWithRef({\n items,\n listRef\n}: {\n items: Item[];\n listRef: Ref<ListImperativeAPI>;\n}) {\n return (\n <List\n listRef={listRef}\n rowComponent={RowComponent}\n rowCount={items.length}\n rowHeight={rowHeight}\n rowProps={{ items }}\n />\n );\n}\n\nfunction getClassName(item: Item) {\n return cn(\"flex items-center justify-between gap-2\", {\n \"text-3xl text-sky-300\": item.type === \"state\"\n });\n}\n\nexport { Example, ExampleWithRef, RowComponent };\nexport type { Item, RowProps };\n","import { useMemo } from \"react\";\nimport json from \"../../../../public/data/addresses.json\";\n\ntype Item =\n | { type: \"state\"; state: string }\n | { type: \"zip\"; city: string; zip: string };\n\nexport function useCitiesByState(): Item[] {\n return useMemo(() => {\n const items: Item[] = [];\n\n if (json) {\n let currentState: string = \"\";\n\n json\n .sort((a, b) => {\n if (a.state !== b.state) {\n return a.state.localeCompare(b.state);\n } else if (a.city !== b.city) {\n return a.city.localeCompare(b.city);\n } else {\n return a.zip.localeCompare(b.zip);\n }\n })\n .forEach((address) => {\n if (address.state !== currentState) {\n currentState = address.state;\n\n items.push({\n type: \"state\",\n state: address.state\n });\n }\n\n items.push({\n type: \"zip\",\n city: address.city,\n zip: address.zip\n });\n });\n }\n\n return items;\n }, []);\n}\n"],"names":["Example","items","jsx","List","rowComponent","RowComponent","rowCount","length","rowHeight","rowProps","index","type","style","item","className","cn","getClassName","jsxs","children","state","city","zip","useCitiesByState","useMemo","json","currentState","sort","a","b","localeCompare","forEach","address","push"],"mappings":"yIAmBA,SAASA,GAAQC,MAAEA,IACjB,OACEC,EAAAA,IAACC,EAAA,CACCC,aAAcC,EACdC,SAAUL,EAAMM,OAChBC,YACAC,SAAU,CAAER,UAGlB,CAEA,SAASO,EAAUE,GAAeT,MAAEA,IAClC,OAAQA,EAAMS,GAAOC,MACnB,IAAK,QACH,OAAO,GAET,IAAK,MACH,OAAO,GAGb,CAEA,SAASN,GAAaK,MAAEA,EAAAT,MAAOA,EAAAW,MAAOA,IACpC,MAAMC,EAAOZ,EAAMS,GAEbI,EAoCR,SAAsBD,GACpB,OAAOE,EAAG,0CAA2C,CACnD,wBAAuC,UAAdF,EAAKF,MAElC,CAxCoBK,CAAaH,GAE/B,SACEI,KAAC,MAAA,CAAIH,YAAsBF,QACxBM,SAAA,CAAc,UAAdL,EAAKF,KACJT,EAAAA,IAAC,OAAA,CAAMgB,WAAKC,eAEX,OAAA,CACED,SAAA,CAAAL,EAAKO,KAAK,KAAGP,EAAKQ,OAGvBnB,EAAAA,IAAC,MAAA,CAAIY,UAAU,yBAA0BI,SAAA,GAAGR,EAAQ,QAAQT,EAAMM,aAGxE,CCnDO,SAASe,IACd,OAAOC,EAAAA,QAAQ,KACb,MAAMtB,EAAgB,GAEtB,GAAIuB,EAAM,CACR,IAAIC,EAAuB,GAE3BD,EACGE,KAAK,CAACC,EAAGC,IACJD,EAAER,QAAUS,EAAET,MACTQ,EAAER,MAAMU,cAAcD,EAAET,OACtBQ,EAAEP,OAASQ,EAAER,KACfO,EAAEP,KAAKS,cAAcD,EAAER,MAEvBO,EAAEN,IAAIQ,cAAcD,EAAEP,MAGhCS,QAASC,IACJA,EAAQZ,QAAUM,IACpBA,EAAeM,EAAQZ,MAEvBlB,EAAM+B,KAAK,CACTrB,KAAM,QACNQ,MAAOY,EAAQZ,SAInBlB,EAAM+B,KAAK,CACTrB,KAAM,MACNS,KAAMW,EAAQX,KACdC,IAAKU,EAAQV,OAGrB,CAEA,OAAOpB,GACN,GACL"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{r as e}from"./index-3R9tv3eW.js";import{j as t}from"./contacts-Bxrk2JS2.js";const a=["title","first_name","last_name","email","gender","address","city","state","zip","timezone","company","job_title"];function r(e){return a[e]}function s(e){switch(r(e)){case"address":return 250;case"email":return 300;case"job_title":return 150;case"timezone":return 200;case"zip":return 75;default:return 100}}function n(){return e.useMemo(()=>t?t.sort((e,t)=>e.title!==t.title?e.title.localeCompare(t.title):e.first_name!==t.first_name?e.first_name.localeCompare(t.first_name):e.last_name.localeCompare(t.last_name)):[],[])}export{a as C,s as c,r as i,n as u};
|
|
2
|
-
//# sourceMappingURL=useContacts-C-Fuwn4U.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"useContacts-C-Fuwn4U.js","sources":["../../src/routes/grid/examples/shared.ts","../../src/routes/grid/examples/columnWidth.example.ts","../../src/routes/grid/hooks/useContacts.ts"],"sourcesContent":["import type { Contact } from \"./Grid.example\";\n\nexport const COLUMN_KEYS: (keyof Contact)[] = [\n \"title\",\n \"first_name\",\n \"last_name\",\n \"email\",\n \"gender\",\n \"address\",\n \"city\",\n \"state\",\n \"zip\",\n \"timezone\",\n \"company\",\n \"job_title\"\n];\n\nexport function indexToColumn(columnIndex: number): keyof Contact {\n return COLUMN_KEYS[columnIndex];\n}\n","import { indexToColumn } from \"./shared\";\n\n// <begin>\n\nfunction columnWidth(index: number) {\n switch (indexToColumn(index)) {\n case \"address\": {\n return 250;\n }\n case \"email\": {\n return 300;\n }\n case \"job_title\": {\n return 150;\n }\n case \"timezone\": {\n return 200;\n }\n case \"zip\": {\n return 75;\n }\n default: {\n return 100;\n }\n }\n}\n\n// <end>\n\nexport { columnWidth };\n","import { useMemo } from \"react\";\nimport json from \"../../../../public/data/contacts.json\";\n\ntype Contact = (typeof json)[0];\n\nexport function useContacts(): Contact[] {\n return useMemo(() => {\n if (json) {\n return json.sort((a, b) => {\n if (a.title !== b.title) {\n return a.title.localeCompare(b.title);\n } else if (a.first_name !== b.first_name) {\n return a.first_name.localeCompare(b.first_name);\n } else {\n return a.last_name.localeCompare(b.last_name);\n }\n });\n }\n\n return [];\n }, []);\n}\n"],"names":["COLUMN_KEYS","indexToColumn","columnIndex","columnWidth","index","useContacts","useMemo","json","sort","a","b","title","localeCompare","first_name","last_name"],"mappings":"mFAEO,MAAMA,EAAiC,CAC5C,QACA,aACA,YACA,QACA,SACA,UACA,OACA,QACA,MACA,WACA,UACA,aAGK,SAASC,EAAcC,GAC5B,OAAOF,EAAYE,EACrB,CCfA,SAASC,EAAYC,GACnB,OAAQH,EAAcG,IACpB,IAAK,UACH,OAAO,IAET,IAAK,QACH,OAAO,IAET,IAAK,YACH,OAAO,IAET,IAAK,WACH,OAAO,IAET,IAAK,MACH,OAAO,GAET,QACE,OAAO,IAGb,CCpBO,SAASC,IACd,OAAOC,EAAAA,QAAQ,IACTC,EACKA,EAAKC,KAAK,CAACC,EAAGC,IACfD,EAAEE,QAAUD,EAAEC,MACTF,EAAEE,MAAMC,cAAcF,EAAEC,OACtBF,EAAEI,aAAeH,EAAEG,WACrBJ,EAAEI,WAAWD,cAAcF,EAAEG,YAE7BJ,EAAEK,UAAUF,cAAcF,EAAEI,YAKlC,GACN,GACL"}
|