@react-aria/steplist 3.0.0-alpha.25 → 3.0.0-alpha.26

package/dist/useStepListItem.main.js.map

@@ -1 +0,0 @@
-{"mappings":";;;;;;;;AAAA;;;;;;;;;;CAUC;AAoBM,SAAS,0CAAmB,KAA4B,EAAE,KAAuB,EAAE,GAAkC;IAC1H,MAAM,OAAC,GAAG,EAAC,GAAG;IACd,IAAI,EAAC,kBAAkB,OAAO,eAAE,WAAW,EAAC,GAAG;IAE/C,IAAI,aAAa,CAAC,MAAM,YAAY,CAAC;IAErC,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,2CAAgB,EAAE;oBAClC;aACA;aACA;QACA,kBAAkB;IACpB;IAEA,MAAM,aAAa,gBAAgB;IAEnC,IAAI,YAAY,CAAC;YAQf;QAPA,MAAM,EAAC,KAAK,QAAQ,EAAC,GAAG;QAExB,IAAI,aAAa,eAAe,aAAa,WAAW;YACtD,MAAM,cAAc;YACpB,MAAM,eAAe;QACvB;SAEA,uBAAA,UAAU,SAAS,cAAnB,2CAAA,0BAAA,WAAsB;IACxB;IAEA,OAAO;QACL,WAAW;YACT,GAAG,SAAS;uBACZ;YACA,MAAM;YACN,gBAAgB,aAAa,SAAS;YACtC,iBAAiB,aAAa,OAAO;YACrC,UAAU,CAAC,aAAa,IAAI;QAC9B;IACF;AACF","sources":["packages/@react-aria/steplist/src/useStepListItem.ts"],"sourcesContent":["/*\n * Copyright 2023 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\nimport {HTMLAttributes} from 'react';\nimport {Key, RefObject} from '@react-types/shared';\nimport {StepListState} from '@react-stately/steplist';\nimport {useSelectableItem} from '@react-aria/selection';\n\nexport interface AriaStepListItemProps {\n  key: Key\n}\n\nexport interface StepListItemAria {\n  /** Props for the step link element. */\n  stepProps: HTMLAttributes<HTMLElement>,\n  /** Props for the visually hidden element indicating the step state. */\n  stepStateProps?: HTMLAttributes<HTMLElement>,\n  /** Text content for the visually hidden message indicating the status of the step state. */\n  stepStateText?: String\n}\n\nexport function useStepListItem<T>(props: AriaStepListItemProps, state: StepListState<T>, ref: RefObject<HTMLElement | null>): StepListItemAria {\n  const {key} = props;\n  let {selectionManager: manager, selectedKey} = state;\n\n  let isDisabled = !state.isSelectable(key);\n\n  let {itemProps} = useSelectableItem({\n    isDisabled,\n    key,\n    ref,\n    selectionManager: manager\n  });\n\n  const isSelected = selectedKey === key;\n\n  let onKeyDown = (event) => {\n    const {key: eventKey} = event;\n\n    if (eventKey === 'ArrowDown' || eventKey === 'ArrowUp') {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n\n    itemProps.onKeyDown?.(event);\n  };\n\n  return {\n    stepProps: {\n      ...itemProps,\n      onKeyDown,\n      role: 'link',\n      'aria-current': isSelected ? 'step' : undefined,\n      'aria-disabled': isDisabled ? true : undefined,\n      tabIndex: !isDisabled ? 0 : undefined\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useStepListItem.main.js.map"}

package/dist/useStepListItem.mjs

@@ -1,48 +0,0 @@
-import {useSelectableItem as $12xzF$useSelectableItem} from "@react-aria/selection";
-
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-function $dd7f9f4bee5b11b8$export$fd9dc107b7325b53(props, state, ref) {
-    const { key: key } = props;
-    let { selectionManager: manager, selectedKey: selectedKey } = state;
-    let isDisabled = !state.isSelectable(key);
-    let { itemProps: itemProps } = (0, $12xzF$useSelectableItem)({
-        isDisabled: isDisabled,
-        key: key,
-        ref: ref,
-        selectionManager: manager
-    });
-    const isSelected = selectedKey === key;
-    let onKeyDown = (event)=>{
-        var _itemProps_onKeyDown;
-        const { key: eventKey } = event;
-        if (eventKey === 'ArrowDown' || eventKey === 'ArrowUp') {
-            event.preventDefault();
-            event.stopPropagation();
-        }
-        (_itemProps_onKeyDown = itemProps.onKeyDown) === null || _itemProps_onKeyDown === void 0 ? void 0 : _itemProps_onKeyDown.call(itemProps, event);
-    };
-    return {
-        stepProps: {
-            ...itemProps,
-            onKeyDown: onKeyDown,
-            role: 'link',
-            'aria-current': isSelected ? 'step' : undefined,
-            'aria-disabled': isDisabled ? true : undefined,
-            tabIndex: !isDisabled ? 0 : undefined
-        }
-    };
-}
-
-
-export {$dd7f9f4bee5b11b8$export$fd9dc107b7325b53 as useStepListItem};
-//# sourceMappingURL=useStepListItem.module.js.map

package/dist/useStepListItem.module.js

@@ -1,48 +0,0 @@
-import {useSelectableItem as $12xzF$useSelectableItem} from "@react-aria/selection";
-
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */ 
-function $dd7f9f4bee5b11b8$export$fd9dc107b7325b53(props, state, ref) {
-    const { key: key } = props;
-    let { selectionManager: manager, selectedKey: selectedKey } = state;
-    let isDisabled = !state.isSelectable(key);
-    let { itemProps: itemProps } = (0, $12xzF$useSelectableItem)({
-        isDisabled: isDisabled,
-        key: key,
-        ref: ref,
-        selectionManager: manager
-    });
-    const isSelected = selectedKey === key;
-    let onKeyDown = (event)=>{
-        var _itemProps_onKeyDown;
-        const { key: eventKey } = event;
-        if (eventKey === 'ArrowDown' || eventKey === 'ArrowUp') {
-            event.preventDefault();
-            event.stopPropagation();
-        }
-        (_itemProps_onKeyDown = itemProps.onKeyDown) === null || _itemProps_onKeyDown === void 0 ? void 0 : _itemProps_onKeyDown.call(itemProps, event);
-    };
-    return {
-        stepProps: {
-            ...itemProps,
-            onKeyDown: onKeyDown,
-            role: 'link',
-            'aria-current': isSelected ? 'step' : undefined,
-            'aria-disabled': isDisabled ? true : undefined,
-            tabIndex: !isDisabled ? 0 : undefined
-        }
-    };
-}
-
-
-export {$dd7f9f4bee5b11b8$export$fd9dc107b7325b53 as useStepListItem};
-//# sourceMappingURL=useStepListItem.module.js.map

package/dist/useStepListItem.module.js.map

@@ -1 +0,0 @@
-{"mappings":";;AAAA;;;;;;;;;;CAUC;AAoBM,SAAS,0CAAmB,KAA4B,EAAE,KAAuB,EAAE,GAAkC;IAC1H,MAAM,OAAC,GAAG,EAAC,GAAG;IACd,IAAI,EAAC,kBAAkB,OAAO,eAAE,WAAW,EAAC,GAAG;IAE/C,IAAI,aAAa,CAAC,MAAM,YAAY,CAAC;IAErC,IAAI,aAAC,SAAS,EAAC,GAAG,CAAA,GAAA,wBAAgB,EAAE;oBAClC;aACA;aACA;QACA,kBAAkB;IACpB;IAEA,MAAM,aAAa,gBAAgB;IAEnC,IAAI,YAAY,CAAC;YAQf;QAPA,MAAM,EAAC,KAAK,QAAQ,EAAC,GAAG;QAExB,IAAI,aAAa,eAAe,aAAa,WAAW;YACtD,MAAM,cAAc;YACpB,MAAM,eAAe;QACvB;SAEA,uBAAA,UAAU,SAAS,cAAnB,2CAAA,0BAAA,WAAsB;IACxB;IAEA,OAAO;QACL,WAAW;YACT,GAAG,SAAS;uBACZ;YACA,MAAM;YACN,gBAAgB,aAAa,SAAS;YACtC,iBAAiB,aAAa,OAAO;YACrC,UAAU,CAAC,aAAa,IAAI;QAC9B;IACF;AACF","sources":["packages/@react-aria/steplist/src/useStepListItem.ts"],"sourcesContent":["/*\n * Copyright 2023 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\nimport {HTMLAttributes} from 'react';\nimport {Key, RefObject} from '@react-types/shared';\nimport {StepListState} from '@react-stately/steplist';\nimport {useSelectableItem} from '@react-aria/selection';\n\nexport interface AriaStepListItemProps {\n  key: Key\n}\n\nexport interface StepListItemAria {\n  /** Props for the step link element. */\n  stepProps: HTMLAttributes<HTMLElement>,\n  /** Props for the visually hidden element indicating the step state. */\n  stepStateProps?: HTMLAttributes<HTMLElement>,\n  /** Text content for the visually hidden message indicating the status of the step state. */\n  stepStateText?: String\n}\n\nexport function useStepListItem<T>(props: AriaStepListItemProps, state: StepListState<T>, ref: RefObject<HTMLElement | null>): StepListItemAria {\n  const {key} = props;\n  let {selectionManager: manager, selectedKey} = state;\n\n  let isDisabled = !state.isSelectable(key);\n\n  let {itemProps} = useSelectableItem({\n    isDisabled,\n    key,\n    ref,\n    selectionManager: manager\n  });\n\n  const isSelected = selectedKey === key;\n\n  let onKeyDown = (event) => {\n    const {key: eventKey} = event;\n\n    if (eventKey === 'ArrowDown' || eventKey === 'ArrowUp') {\n      event.preventDefault();\n      event.stopPropagation();\n    }\n\n    itemProps.onKeyDown?.(event);\n  };\n\n  return {\n    stepProps: {\n      ...itemProps,\n      onKeyDown,\n      role: 'link',\n      'aria-current': isSelected ? 'step' : undefined,\n      'aria-disabled': isDisabled ? true : undefined,\n      tabIndex: !isDisabled ? 0 : undefined\n    }\n  };\n}\n"],"names":[],"version":3,"file":"useStepListItem.module.js.map"}

package/dist/zh-CN.main.js

@@ -1,6 +0,0 @@
-module.exports = {
-    "steplist": `\u{6B65}\u{9AA4}\u{5217}\u{8868}`
-};
-
-
-//# sourceMappingURL=zh-CN.main.js.map

package/dist/zh-CN.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,YAAY,CAAC,gCAAI,CAAC;AACtC","sources":["packages/@react-aria/steplist/intl/zh-CN.json"],"sourcesContent":["{\n  \"steplist\": \"步骤列表\"\n}\n"],"names":[],"version":3,"file":"zh-CN.main.js.map"}

package/dist/zh-CN.mjs

@@ -1,8 +0,0 @@
-var $149dc62f4be0749a$exports = {};
-$149dc62f4be0749a$exports = {
-    "steplist": `\u{6B65}\u{9AA4}\u{5217}\u{8868}`
-};
-
-
-export {$149dc62f4be0749a$exports as default};
-//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js

@@ -1,8 +0,0 @@
-var $149dc62f4be0749a$exports = {};
-$149dc62f4be0749a$exports = {
-    "steplist": `\u{6B65}\u{9AA4}\u{5217}\u{8868}`
-};
-
-
-export {$149dc62f4be0749a$exports as default};
-//# sourceMappingURL=zh-CN.module.js.map

package/dist/zh-CN.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,YAAY,CAAC,gCAAI,CAAC;AACtC","sources":["packages/@react-aria/steplist/intl/zh-CN.json"],"sourcesContent":["{\n  \"steplist\": \"步骤列表\"\n}\n"],"names":[],"version":3,"file":"zh-CN.module.js.map"}

package/dist/zh-TW.main.js

@@ -1,6 +0,0 @@
-module.exports = {
-    "steplist": `\u{6B65}\u{9A5F}\u{6E05}\u{55AE}`
-};
-
-
-//# sourceMappingURL=zh-TW.main.js.map

package/dist/zh-TW.main.js.map

@@ -1 +0,0 @@
-{"mappings":"AAAA,iBAAiB;IAAG,YAAY,CAAC,gCAAI,CAAC;AACtC","sources":["packages/@react-aria/steplist/intl/zh-TW.json"],"sourcesContent":["{\n  \"steplist\": \"步驟清單\"\n}\n"],"names":[],"version":3,"file":"zh-TW.main.js.map"}

package/dist/zh-TW.mjs

@@ -1,8 +0,0 @@
-var $a71aa6ab92482f8d$exports = {};
-$a71aa6ab92482f8d$exports = {
-    "steplist": `\u{6B65}\u{9A5F}\u{6E05}\u{55AE}`
-};
-
-
-export {$a71aa6ab92482f8d$exports as default};
-//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js

@@ -1,8 +0,0 @@
-var $a71aa6ab92482f8d$exports = {};
-$a71aa6ab92482f8d$exports = {
-    "steplist": `\u{6B65}\u{9A5F}\u{6E05}\u{55AE}`
-};
-
-
-export {$a71aa6ab92482f8d$exports as default};
-//# sourceMappingURL=zh-TW.module.js.map

package/dist/zh-TW.module.js.map

@@ -1 +0,0 @@
-{"mappings":";AAAA,4BAAiB;IAAG,YAAY,CAAC,gCAAI,CAAC;AACtC","sources":["packages/@react-aria/steplist/intl/zh-TW.json"],"sourcesContent":["{\n  \"steplist\": \"步驟清單\"\n}\n"],"names":[],"version":3,"file":"zh-TW.module.js.map"}

package/src/useStepList.ts

@@ -1,53 +0,0 @@
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {AriaLabelingProps, DOMProps, RefObject} from '@react-types/shared';
-import {filterDOMProps, mergeProps} from '@react-aria/utils';
-import {HTMLAttributes} from 'react';
-// @ts-ignore
-import intlMessages from '../intl/*.json';
-import {StepListProps, StepListState} from '@react-stately/steplist';
-import {useLocalizedStringFormatter} from '@react-aria/i18n';
-import {useSelectableList} from '@react-aria/selection';
-
-export interface AriaStepListProps<T> extends StepListProps<T>, AriaLabelingProps, DOMProps {}
-
-export interface StepListAria {
-  listProps: HTMLAttributes<HTMLElement>
-}
-
-export function useStepList<T>(props: AriaStepListProps<T>, state: StepListState<T>, ref: RefObject<HTMLOListElement | null>): StepListAria {
-  let {
-    'aria-label': ariaLabel
-  } = props;
-  let {listProps} = useSelectableList({
-    ...props,
-    ...state,
-    allowsTabNavigation: true,
-    ref
-  });
-
-  const strings = useLocalizedStringFormatter(intlMessages, '@react-aria/steplist');
-  const stepListProps: HTMLAttributes<HTMLElement> = {
-    ...mergeProps(listProps, filterDOMProps(props, {labelable: true})),
-    'aria-label': ariaLabel || strings.format('steplist')
-  };
-
-  return {
-    listProps: {
-      ...stepListProps,
-      tabIndex: undefined
-    }
-  };
-}
-
-

package/src/useStepListItem.ts

@@ -1,67 +0,0 @@
-/*
- * Copyright 2023 Adobe. All rights reserved.
- * This file is licensed to you under the Apache License, Version 2.0 (the "License");
- * you may not use this file except in compliance with the License. You may obtain a copy
- * of the License at http://www.apache.org/licenses/LICENSE-2.0
- *
- * Unless required by applicable law or agreed to in writing, software distributed under
- * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
- * OF ANY KIND, either express or implied. See the License for the specific language
- * governing permissions and limitations under the License.
- */
-
-import {HTMLAttributes} from 'react';
-import {Key, RefObject} from '@react-types/shared';
-import {StepListState} from '@react-stately/steplist';
-import {useSelectableItem} from '@react-aria/selection';
-
-export interface AriaStepListItemProps {
-  key: Key
-}
-
-export interface StepListItemAria {
-  /** Props for the step link element. */
-  stepProps: HTMLAttributes<HTMLElement>,
-  /** Props for the visually hidden element indicating the step state. */
-  stepStateProps?: HTMLAttributes<HTMLElement>,
-  /** Text content for the visually hidden message indicating the status of the step state. */
-  stepStateText?: String
-}
-
-export function useStepListItem<T>(props: AriaStepListItemProps, state: StepListState<T>, ref: RefObject<HTMLElement | null>): StepListItemAria {
-  const {key} = props;
-  let {selectionManager: manager, selectedKey} = state;
-
-  let isDisabled = !state.isSelectable(key);
-
-  let {itemProps} = useSelectableItem({
-    isDisabled,
-    key,
-    ref,
-    selectionManager: manager
-  });
-
-  const isSelected = selectedKey === key;
-
-  let onKeyDown = (event) => {
-    const {key: eventKey} = event;
-
-    if (eventKey === 'ArrowDown' || eventKey === 'ArrowUp') {
-      event.preventDefault();
-      event.stopPropagation();
-    }
-
-    itemProps.onKeyDown?.(event);
-  };
-
-  return {
-    stepProps: {
-      ...itemProps,
-      onKeyDown,
-      role: 'link',
-      'aria-current': isSelected ? 'step' : undefined,
-      'aria-disabled': isDisabled ? true : undefined,
-      tabIndex: !isDisabled ? 0 : undefined
-    }
-  };
-}