@react-spectrum/tree 3.1.11 → 3.2.0

package/dist/tree.961568f2.css

@@ -1,343 +0,0 @@
-@layer s1-a, s1-b;
-
-@layer a {
-  .s1-_Fs1-b {
-    outline-style: solid;
-  }
-
-  .s1-ds1-___I {
-    outline-color: var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
-  }
-
-  .s1-_Hs1-c {
-    outline-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
-  }
-
-  .s1-_G-yj8a3w {
-    outline-offset: -2px;
-  }
-
-  .s1-ws1-c {
-    border-top-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
-  }
-
-  .s1-xs1-c {
-    border-bottom-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));
-  }
-
-  .s1-us1-a {
-    border-inline-start-width: 0;
-  }
-
-  .s1-vs1-a {
-    border-inline-end-width: 0;
-  }
-
-  .s1-As1-a {
-    border-style: solid;
-  }
-
-  .s1-cs1-a {
-    border-color: #0000;
-  }
-
-  .s1-__ts1-a {
-    overflow-x: auto;
-  }
-
-  .s1-__us1-a {
-    overflow-y: auto;
-  }
-
-  .s1-Xs1-c {
-    position: relative;
-  }
-
-  .s1-ns1-k {
-    height: calc(2.5rem * var(--spectrum-global-dimension-scale-factor));
-  }
-
-  .s1-__ls1-a {
-    box-sizing: border-box;
-  }
-
-  .s1-6s1-c {
-    font-size: var(--spectrum-global-dimension-font-size-100);
-  }
-
-  .s1-7s1-d {
-    font-weight: 400;
-  }
-
-  .s1-9s1-b {
-    line-height: var(--spectrum-global-font-line-height-medium, 1.5);
-  }
-
-  .s1-as1-___K {
-    color: var(--spectrum-alias-text-color, var(--spectrum-global-color-gray-800));
-  }
-
-  .s1-__Fs1-b {
-    cursor: default;
-  }
-
-  .s1-__Fs1-c {
-    cursor: pointer;
-  }
-
-  .s1-b-ml9cvk {
-    background-color: var(--spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover));
-    background-color: var(--spectrum-table-row-background-color-hover, var(--spectrum-alias-highlight-hover));
-  }
-
-  .s1-b-1t6gvb8 {
-    background-color: var(--spectrum-table-row-background-color-down, var(--spectrum-alias-highlight-active));
-  }
-
-  .s1-b-7vr0l1 {
-    background-color: var(--spectrum-table-row-background-color-selected, var(--spectrum-alias-highlight-selected));
-  }
-
-  .s1-_Ts1-f {
-    display: grid;
-  }
-
-  .s1-os1-Y {
-    width: 100%;
-  }
-
-  .s1-_Vs1-c {
-    align-items: center;
-  }
-
-  .s1-__e-1nxidkl-1nxidkl-1nxidkl-3hmti-1nxidkl-375yi6-1nxidkl-ykdwf2 {
-    grid-template-columns: minmax(0, auto) minmax(0, auto) minmax(0, auto) 2.5rem minmax(0, auto) 1fr minmax(0, auto) auto;
-  }
-
-  .s1-__f-375yi6 {
-    grid-template-rows: 1fr;
-  }
-
-  .s1-__g-1qk85yo {
-    grid-template-areas: "drag-handle checkbox level-padding expand-button icon content actions actionmenu";
-  }
-
-  .s1-as1-i {
-    color: var(--spectrum-gray-400);
-  }
-
-  .s1-__h-4wahvw {
-    grid-area: checkbox;
-  }
-
-  .s1-_K-37nn5o {
-    transition-duration: .16s;
-  }
-
-  .s1-Cs1-d {
-    margin-inline-start: .75rem;
-  }
-
-  .s1-Ds1-a {
-    margin-inline-end: 0;
-  }
-
-  .s1-__h-ykjmzy {
-    grid-area: icon;
-  }
-
-  .s1-Ds1-c {
-    margin-inline-end: .5rem;
-  }
-
-  .s1-__h-1mod4sg {
-    grid-area: content;
-  }
-
-  .s1-_gs1-a {
-    text-overflow: ellipsis;
-  }
-
-  .s1-_ks1-b {
-    white-space: nowrap;
-  }
-
-  .s1-__ts1-b {
-    overflow-x: hidden;
-  }
-
-  .s1-__us1-b {
-    overflow-y: hidden;
-  }
-
-  .s1-__h-8ayfo6 {
-    grid-area: actions;
-  }
-
-  .s1-_4-3t1x {
-    flex-grow: 0;
-  }
-
-  .s1-_3-3t1x {
-    flex-shrink: 0;
-  }
-
-  .s1-Cs1-F {
-    margin-inline-start: .125rem;
-  }
-
-  .s1-Ds1-b {
-    margin-inline-end: .25rem;
-  }
-
-  .s1-__h-wit6hk {
-    grid-area: actionmenu;
-  }
-
-  .s1-os1-i {
-    width: calc(2rem * var(--spectrum-global-dimension-scale-factor));
-  }
-
-  .s1-_Ts1-a {
-    display: block;
-  }
-
-  .s1-Xs1-a {
-    position: absolute;
-  }
-
-  .s1-Ys1-a:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-    left: 0;
-  }
-
-  .s1-Ys1-a:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-    left: 0;
-  }
-
-  .s1-Ys1-a:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-    right: 0;
-  }
-
-  .s1-Ys1-a:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-    right: 0;
-  }
-
-  .s1-Zs1-a:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-    right: 0;
-  }
-
-  .s1-Zs1-a:not(:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi))) {
-    right: 0;
-  }
-
-  .s1-Zs1-a:-webkit-any(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-    left: 0;
-  }
-
-  .s1-Zs1-a:is(:lang(ae), :lang(ar), :lang(arc), :lang(bcc), :lang(bqi), :lang(ckb), :lang(dv), :lang(fa), :lang(glk), :lang(he), :lang(ku), :lang(mzn), :lang(nqo), :lang(pnb), :lang(ps), :lang(sd), :lang(ug), :lang(ur), :lang(yi)) {
-    left: 0;
-  }
-
-  .s1-0-yj899n {
-    top: -1px;
-  }
-
-  .s1-0-yj8a3w {
-    top: -2px;
-  }
-
-  .s1-0s1-a {
-    top: 0;
-  }
-
-  .s1-2s1-a {
-    bottom: 0;
-  }
-
-  .s1-__zs1-a {
-    pointer-events: none;
-  }
-
-  .s1-_us1-b {
-    forced-color-adjust: none;
-  }
-
-  .s1-_p-1ytnijz {
-    box-shadow: inset 1px 0 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)), inset -1px 0 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)), inset 0 -1px 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)), inset 0 1px 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
-  }
-
-  .s1-_p-ba5uxf {
-    box-shadow: inset 2px 0 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)), inset -2px 0 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)), inset 0 -2px 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400)), inset 0 2px 0 0 var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));
-  }
-
-  .s1-__h-pn4rxq {
-    grid-area: expand-button;
-  }
-
-  .s1-ns1-Y {
-    height: 100%;
-  }
-
-  .s1-4s1-b {
-    aspect-ratio: 1;
-  }
-
-  .s1-_Ts1-d {
-    display: flex;
-  }
-
-  .s1-_1s1-a {
-    flex-wrap: wrap;
-  }
-
-  .s1-_Us1-b {
-    align-content: center;
-  }
-
-  .s1-_Ws1-d {
-    justify-content: center;
-  }
-
-  .s1-_Fs1-a {
-    outline-style: none;
-  }
-
-  .s1-W-10b8jr2 {
-    transform: rotate(90deg);
-  }
-
-  .s1-W-negfvv {
-    transform: rotate(-90deg);
-  }
-
-  .s1-_I-1o2fh9e {
-    transition-property: transform ease var(--spectrum-global-animation-duration-100, .13s);
-    transition-duration: .15s;
-    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
-  }
-}
-
-@layer s1-b.s1-a {
-  @media (forced-colors: active) {
-    .s1-ds1-as1-___D {
-      outline-color: highlight;
-    }
-
-    .s1-cs1-as1-___y {
-      border-color: background;
-    }
-
-    .s1-as1-as1-___F {
-      color: graytext;
-    }
-
-    .s1-_ps1-a-zlnqab {
-      box-shadow: inset 1px 0 highlight, inset -1px 0 highlight, inset 0 -1px highlight, inset 0 1px highlight;
-    }
-
-    .s1-_ps1-a-4bhpmf {
-      box-shadow: inset 2px 0 highlight, inset -2px 0 highlight, inset 0 -2px highlight, inset 0 2px highlight;
-    }
-  }
-}
-/*# sourceMappingURL=tree.961568f2.css.map */

package/dist/tree.961568f2.css.map

@@ -1 +0,0 @@
-{"mappings":"ACAA;;AAEA;EAOE;;;;EAMA;;;;EAcA;;;;EAMA;;;;EAkBA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAYA;;;;EAMA;;;;EAgCA;;;;EAMA;;;;EA5HA;;;;EAYA;;;;EAYA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAYA;;;;EAMA;;;;EAMA;;;;;EAYA;;;;EAMA;;;;EA1FA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EApCA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAlBA;;;;EAMA;;;;EANA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAxBA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAxBA;;;;EAMA;;;;EANA;;;;EAMA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAMA;;;;EAAA;;;;EAAA;;;;EAAA;;;;EAkBA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAYA;;;;EAMA;;;;EApFA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;EAMA;;;;;;;AA3CF;EACE;IACE;;;;IA0EA;;;;IAlDA;;;;IAoDA;;;;IAIA","sources":["f54a9241b0b1bdd2","packages/@react-spectrum/tree/src/TreeView.tsx"],"sourcesContent":["@import \"43ede2ea230cbe77\";\n@import \"d6186a3bcdea23c0\";\n@import \"9b0163e48ed44108\";\n@import \"4145f5de7372e962\";\n@import \"5c8e7aff246c25c0\";\n@import \"e6e7b4c2a4a805d7\";\n@import \"ed226d1e6a9f6d5d\";\n@import \"af6efb89500ab023\";\n@import \"5458487886ba8cfe\";\n@import \"5be3595defba4bd4\";\n","@layer s1-a, s1-b;\n\n@layer a {\n  .s1-_Fs1-a {\n    outline-style: none;\n  }\n}\n\n@layer a {\n  .s1-_Fs1-b {\n    outline-style: solid;\n  }\n}\n\n@layer a {\n  .s1-ds1-___I {\n    outline-color: var(--spectrum-alias-focus-color, var(--spectrum-global-color-blue-400));\n  }\n}\n\n@layer s1-b.s1-a {\n  @media (forced-colors: active) {\n    .s1-ds1-as1-___D {\n      outline-color: Highlight;\n    }\n  }\n}\n\n@layer a {\n  .s1-_Hs1-c {\n    outline-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));\n  }\n}\n\n@layer a {\n  .s1-_G-yj8a3w {\n    outline-offset: -2px;\n  }\n}\n\n@layer a {\n  .s1-ns1-Y {\n    height: 100%;\n  }\n}\n\n@layer a {\n  .s1-os1-Y {\n    width: 100%;\n  }\n}\n\n@layer a {\n  .s1-ws1-c {\n    border-top-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));\n  }\n}\n\n@layer a {\n  .s1-xs1-c {\n    border-bottom-width: var(--spectrum-alias-border-size-thick, var(--spectrum-global-dimension-static-size-25));\n  }\n}\n\n@layer a {\n  .s1-us1-a {\n    border-inline-start-width: 0px;\n  }\n}\n\n@layer a {\n  .s1-vs1-a {\n    border-inline-end-width: 0px;\n  }\n}\n\n@layer a {\n  .s1-__ls1-a {\n    box-sizing: border-box;\n  }\n}\n\n@layer a {\n  .s1-As1-a {\n    border-style: solid;\n  }\n}\n\n@layer a {\n  .s1-cs1-a {\n    border-color: transparent;\n  }\n}\n\n@layer s1-b.s1-a {\n  @media (forced-colors: active) {\n    .s1-cs1-as1-___y {\n      border-color: Background;\n    }\n  }\n}\n\n@layer a {\n  .s1-_Ws1-d {\n    justify-content: center;\n  }\n}\n\n@layer a {\n  .s1-_Vs1-c {\n    align-items: center;\n  }\n}\n\n@layer a {\n  .s1-_Ts1-d {\n    display: flex;\n  }\n}\n\n@layer a {\n  .s1-__ts1-a {\n    overflow-x: auto;\n  }\n}\n\n@layer a {\n  .s1-__us1-a {\n    overflow-y: auto;\n  }\n}\n\n"],"names":[],"version":3,"file":"tree.961568f2.css.map"}

package/dist/types.d.ts

@@ -1,36 +0,0 @@
-import { AriaTreeProps } from "@react-aria/tree";
-import { TreeItemContentProps, TreeItemProps } from "react-aria-components";
-import { DOMRef, Expandable, Key, SpectrumSelectionProps, StyleProps } from "@react-types/shared";
-import { JSX, ReactElement, ReactNode } from "react";
-export interface SpectrumTreeViewProps<T> extends Omit<AriaTreeProps<T>, 'children' | 'render'>, StyleProps, SpectrumSelectionProps, Expandable {
-    /** Provides content to display when there are no items in the tree. */
-    renderEmptyState?: () => JSX.Element;
-    /**
-     * Handler that is called when a user performs an action on an item. The exact user event depends on
-     * the collection's `selectionStyle` prop and the interaction modality.
-     */
-    onAction?: (key: Key) => void;
-    /**
-     * The contents of the tree.
-     */
-    children?: ReactNode | ((item: T) => ReactNode);
-}
-export interface SpectrumTreeViewItemProps extends Omit<TreeItemProps, 'className' | 'style' | 'render' | 'value' | 'onHoverStart' | 'onHoverEnd' | 'onHoverChange' | 'onClick'> {
-    /** Rendered contents of the tree item or child items. */
-    children: ReactNode;
-}
-/**
- * A tree view provides users with a way to navigate nested hierarchical information.
- */
-export const TreeView: <T>(props: SpectrumTreeViewProps<T> & {
-    ref?: DOMRef<HTMLDivElement>;
-}) => ReactElement;
-export const TreeViewItem: (props: SpectrumTreeViewItemProps) => ReactNode;
-export interface SpectrumTreeViewItemContentProps extends Omit<TreeItemContentProps, 'children'> {
-    /** Rendered contents of the tree item or child items. */
-    children: ReactNode;
-}
-export const TreeViewItemContent: (props: SpectrumTreeViewItemContentProps) => ReactNode;
-export { Collection } from 'react-aria-components';
-
-//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -1 +0,0 @@
-{"mappings":";;;;AAoCA,uCAAuC,CAAC,CAAE,SAAQ,IAAI,CAAC,cAAc,CAAC,CAAC,EAAE,UAAU,GAAG,QAAQ,CAAC,EAAE,UAAU,EAAE,sBAAsB,EAAE,UAAU;IAC7I,uEAAuE;IACvE,gBAAgB,CAAC,EAAE,MAAM,IAAI,OAAO,CAAC;IACrC;;;OAGG;IACH,QAAQ,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,KAAK,IAAI,CAAC;IAC9B;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,KAAK,SAAS,CAAC,CAAA;CAChD;AAED,0CAA2C,SAAQ,IAAI,CAAC,aAAa,EAAE,WAAW,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,cAAc,GAAG,YAAY,GAAG,eAAe,GAAG,SAAS,CAAC;IAC9K,yDAAyD;IACzD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAqCD;;GAEG;AACH,OAAO,MAAM,UAmBP,CAAC,CAAC,EAAE,KAAK,EAAE,sBAAsB,CAAC,CAAC,GAAG;IAAC,GAAG,CAAC,EAAE,OAAO,cAAc,CAAC,CAAA;CAAC,KAAK,YAAY,CAAC;AAoH5F,OAAO,MAAM,eAAgB,OAAO,yBAAyB,KAAG,SAa/D,CAAC;AAEF,iDAAkD,SAAQ,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC;IAC9F,yDAAyD;IACzD,QAAQ,EAAE,SAAS,CAAA;CACpB;AAGD,OAAO,MAAM,sBAAuB,OAAO,gCAAgC,KAAG,SA+C7E,CAAC;ACzRF,OAAO,EAAC,UAAU,EAAC,MAAM,uBAAuB,CAAC","sources":["packages/@react-spectrum/tree/src/packages/@react-spectrum/tree/src/TreeView.tsx","packages/@react-spectrum/tree/src/packages/@react-spectrum/tree/src/index.ts","packages/@react-spectrum/tree/src/index.ts"],"sourcesContent":[null,null,"/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {TreeViewItem, TreeView, TreeViewItemContent} from './TreeView';\nexport {Collection} from 'react-aria-components';\nexport type {SpectrumTreeViewProps, SpectrumTreeViewItemProps, SpectrumTreeViewItemContentProps} from './TreeView';\n"],"names":[],"version":3,"file":"types.d.ts.map"}