@zealicsolutions/web-ui 1.0.116 → 1.0.117
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/cjs/index.js +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/molecules/BaseMolecule.stories.d.ts +68 -0
- package/dist/cjs/molecules/examples/ButtonExamples.d.ts +8 -0
- package/dist/cjs/molecules/examples/index.d.ts +20 -0
- package/dist/esm/_virtual/index3.js +1 -1
- package/dist/esm/_virtual/index4.js +1 -1
- package/dist/esm/molecules/BaseMolecule.stories.d.ts +68 -0
- package/dist/esm/molecules/examples/ButtonExamples.d.ts +8 -0
- package/dist/esm/molecules/examples/index.d.ts +20 -0
- package/dist/esm/node_modules/@mui/material/esm/Accordion/Accordion.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Menu/Menu.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/MenuList/MenuList.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Select/SelectInput.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/SpeedDial/SpeedDial.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/Tabs/Tabs.js +1 -1
- package/dist/esm/node_modules/@mui/material/esm/ToggleButtonGroup/ToggleButtonGroup.js +1 -1
- package/dist/esm/node_modules/@mui/material/node_modules/react-is/index.js +1 -1
- package/dist/esm/node_modules/classnames/index.js +1 -1
- package/dist/esm/node_modules/react-slick/lib/arrows.js +1 -1
- package/dist/esm/node_modules/react-slick/lib/dots.js +1 -1
- package/dist/esm/node_modules/react-slick/lib/inner-slider.js +1 -1
- package/dist/esm/node_modules/react-slick/lib/track.js +1 -1
- package/dist/esm/organisms/DataGrid/queries/useDataGridRows.js +1 -1
- package/dist/esm/organisms/DataGrid/queries/useDataGridRows.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { BaseMolecule } from './BaseMolecule';
|
|
3
|
+
/**
|
|
4
|
+
* BaseMolecule Story - Foundation for All Molecule Examples
|
|
5
|
+
*
|
|
6
|
+
* This story demonstrates the core structure and patterns used by all molecules in Zeal UI.
|
|
7
|
+
* It serves as the foundation for understanding how molecules are configured and rendered.
|
|
8
|
+
*
|
|
9
|
+
* Key Concepts Demonstrated:
|
|
10
|
+
* 1. Molecule Structure: id, type, name, config, properties
|
|
11
|
+
* 2. Configuration System: props for styling, properties for content
|
|
12
|
+
* 3. Data Binding: dataCapture for connecting to data sources
|
|
13
|
+
* 4. State Management: How molecules interact with application state
|
|
14
|
+
* 5. Styling System: CSS properties and responsive design
|
|
15
|
+
*/
|
|
16
|
+
declare const meta: Meta<typeof BaseMolecule>;
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof meta>;
|
|
19
|
+
/**
|
|
20
|
+
* Basic Molecule Structure Example
|
|
21
|
+
*
|
|
22
|
+
* Shows the minimal configuration needed for any molecule.
|
|
23
|
+
* This demonstrates the core pattern that all molecules follow.
|
|
24
|
+
*/
|
|
25
|
+
export declare const BasicStructure: Story;
|
|
26
|
+
/**
|
|
27
|
+
* Data Binding Example
|
|
28
|
+
*
|
|
29
|
+
* Demonstrates how molecules bind to external data sources.
|
|
30
|
+
* This pattern is used throughout forms and display components.
|
|
31
|
+
*/
|
|
32
|
+
export declare const DataBinding: Story;
|
|
33
|
+
/**
|
|
34
|
+
* Form Input Example
|
|
35
|
+
*
|
|
36
|
+
* Shows how input molecules handle user interaction and validation.
|
|
37
|
+
* This pattern applies to all form input types.
|
|
38
|
+
*/
|
|
39
|
+
export declare const FormInput: Story;
|
|
40
|
+
/**
|
|
41
|
+
* Complex Molecule with Children Example
|
|
42
|
+
*
|
|
43
|
+
* Demonstrates how complex molecules like steppers or accordions contain other molecules.
|
|
44
|
+
* Shows the hierarchical structure pattern.
|
|
45
|
+
*/
|
|
46
|
+
export declare const ComplexMolecule: Story;
|
|
47
|
+
/**
|
|
48
|
+
* Complete Organism Example
|
|
49
|
+
*
|
|
50
|
+
* Shows how molecules work together in a complete organism structure.
|
|
51
|
+
* This demonstrates the full pattern for building complex UIs.
|
|
52
|
+
*/
|
|
53
|
+
export declare const CompleteOrganism: Story;
|
|
54
|
+
/**
|
|
55
|
+
* Pattern Reference
|
|
56
|
+
*
|
|
57
|
+
* This section documents the key patterns that all molecule examples should follow.
|
|
58
|
+
* Use this as a template for creating new molecule examples.
|
|
59
|
+
*/
|
|
60
|
+
export declare const PatternReference: {
|
|
61
|
+
parameters: {
|
|
62
|
+
docs: {
|
|
63
|
+
description: {
|
|
64
|
+
story: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { MoleculeExamplesStructure } from './index';
|
|
2
|
+
/**
|
|
3
|
+
* Button Molecule Examples
|
|
4
|
+
*
|
|
5
|
+
* The Button molecule is one of the most versatile components in Zeal UI.
|
|
6
|
+
* It supports multiple variants, sizes, states, and interaction types.
|
|
7
|
+
*/
|
|
8
|
+
export declare const ButtonExamples: MoleculeExamplesStructure;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const MoleculeExamples: {
|
|
2
|
+
button: MoleculeExamplesStructure;
|
|
3
|
+
};
|
|
4
|
+
export interface MoleculeExample {
|
|
5
|
+
configuration: Record<string, any>;
|
|
6
|
+
visualDescription: string;
|
|
7
|
+
usageContext: string;
|
|
8
|
+
}
|
|
9
|
+
export interface MoleculeExampleVariation {
|
|
10
|
+
name: string;
|
|
11
|
+
configuration: Record<string, any>;
|
|
12
|
+
visualDescription: string;
|
|
13
|
+
usageContext: string;
|
|
14
|
+
}
|
|
15
|
+
export interface MoleculeExamplesStructure {
|
|
16
|
+
basic?: MoleculeExample;
|
|
17
|
+
advanced?: MoleculeExample;
|
|
18
|
+
variations?: MoleculeExampleVariation[];
|
|
19
|
+
}
|
|
20
|
+
export type { MoleculeExamplesStructure as MoleculeExamplesType };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var r={exports:{}};export{r};
|
|
1
|
+
var r={exports:{}};export{r as c};
|
|
2
2
|
//# sourceMappingURL=index3.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
var r={exports:{}};export{r
|
|
1
|
+
var r={exports:{}};export{r};
|
|
2
2
|
//# sourceMappingURL=index4.js.map
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { BaseMolecule } from './BaseMolecule';
|
|
3
|
+
/**
|
|
4
|
+
* BaseMolecule Story - Foundation for All Molecule Examples
|
|
5
|
+
*
|
|
6
|
+
* This story demonstrates the core structure and patterns used by all molecules in Zeal UI.
|
|
7
|
+
* It serves as the foundation for understanding how molecules are configured and rendered.
|
|
8
|
+
*
|
|
9
|
+
* Key Concepts Demonstrated:
|
|
10
|
+
* 1. Molecule Structure: id, type, name, config, properties
|
|
11
|
+
* 2. Configuration System: props for styling, properties for content
|
|
12
|
+
* 3. Data Binding: dataCapture for connecting to data sources
|
|
13
|
+
* 4. State Management: How molecules interact with application state
|
|
14
|
+
* 5. Styling System: CSS properties and responsive design
|
|
15
|
+
*/
|
|
16
|
+
declare const meta: Meta<typeof BaseMolecule>;
|
|
17
|
+
export default meta;
|
|
18
|
+
type Story = StoryObj<typeof meta>;
|
|
19
|
+
/**
|
|
20
|
+
* Basic Molecule Structure Example
|
|
21
|
+
*
|
|
22
|
+
* Shows the minimal configuration needed for any molecule.
|
|
23
|
+
* This demonstrates the core pattern that all molecules follow.
|
|
24
|
+
*/
|
|
25
|
+
export declare const BasicStructure: Story;
|
|
26
|
+
/**
|
|
27
|
+
* Data Binding Example
|
|
28
|
+
*
|
|
29
|
+
* Demonstrates how molecules bind to external data sources.
|
|
30
|
+
* This pattern is used throughout forms and display components.
|
|
31
|
+
*/
|
|
32
|
+
export declare const DataBinding: Story;
|
|
33
|
+
/**
|
|
34
|
+
* Form Input Example
|
|
35
|
+
*
|
|
36
|
+
* Shows how input molecules handle user interaction and validation.
|
|
37
|
+
* This pattern applies to all form input types.
|
|
38
|
+
*/
|
|
39
|
+
export declare const FormInput: Story;
|
|
40
|
+
/**
|
|
41
|
+
* Complex Molecule with Children Example
|
|
42
|
+
*
|
|
43
|
+
* Demonstrates how complex molecules like steppers or accordions contain other molecules.
|
|
44
|
+
* Shows the hierarchical structure pattern.
|
|
45
|
+
*/
|
|
46
|
+
export declare const ComplexMolecule: Story;
|
|
47
|
+
/**
|
|
48
|
+
* Complete Organism Example
|
|
49
|
+
*
|
|
50
|
+
* Shows how molecules work together in a complete organism structure.
|
|
51
|
+
* This demonstrates the full pattern for building complex UIs.
|
|
52
|
+
*/
|
|
53
|
+
export declare const CompleteOrganism: Story;
|
|
54
|
+
/**
|
|
55
|
+
* Pattern Reference
|
|
56
|
+
*
|
|
57
|
+
* This section documents the key patterns that all molecule examples should follow.
|
|
58
|
+
* Use this as a template for creating new molecule examples.
|
|
59
|
+
*/
|
|
60
|
+
export declare const PatternReference: {
|
|
61
|
+
parameters: {
|
|
62
|
+
docs: {
|
|
63
|
+
description: {
|
|
64
|
+
story: string;
|
|
65
|
+
};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { MoleculeExamplesStructure } from './index';
|
|
2
|
+
/**
|
|
3
|
+
* Button Molecule Examples
|
|
4
|
+
*
|
|
5
|
+
* The Button molecule is one of the most versatile components in Zeal UI.
|
|
6
|
+
* It supports multiple variants, sizes, states, and interaction types.
|
|
7
|
+
*/
|
|
8
|
+
export declare const ButtonExamples: MoleculeExamplesStructure;
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
export declare const MoleculeExamples: {
|
|
2
|
+
button: MoleculeExamplesStructure;
|
|
3
|
+
};
|
|
4
|
+
export interface MoleculeExample {
|
|
5
|
+
configuration: Record<string, any>;
|
|
6
|
+
visualDescription: string;
|
|
7
|
+
usageContext: string;
|
|
8
|
+
}
|
|
9
|
+
export interface MoleculeExampleVariation {
|
|
10
|
+
name: string;
|
|
11
|
+
configuration: Record<string, any>;
|
|
12
|
+
visualDescription: string;
|
|
13
|
+
usageContext: string;
|
|
14
|
+
}
|
|
15
|
+
export interface MoleculeExamplesStructure {
|
|
16
|
+
basic?: MoleculeExample;
|
|
17
|
+
advanced?: MoleculeExample;
|
|
18
|
+
variations?: MoleculeExampleVariation[];
|
|
19
|
+
}
|
|
20
|
+
export type { MoleculeExamplesStructure as MoleculeExamplesType };
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import"../../node_modules/react-is/index.js";import"../../../../prop-types/index.js";import{clsx as o}from"../../../../clsx/dist/clsx.mjs.js";import r from"../utils/memoTheme.js";import t from"./AccordionContext.js";import s from"../utils/useSlot.js";import a,{getAccordionUtilityClass as i}from"./accordionClasses.js";import{jsxs as n,jsx as d}from"react/jsx-runtime";import p from"../styles/styled.js";import l from"../Paper/Paper.js";import{useDefaultProps as c}from"../DefaultPropsProvider/DefaultPropsProvider.js";import m from"../Collapse/Collapse.js";import u from"../../../utils/esm/chainPropTypes/chainPropTypes.js";import x from"../../../utils/esm/composeClasses/composeClasses.js";import f from"../../../utils/esm/useControlled/useControlled.js";import{r as b}from"../../../../../_virtual/
|
|
1
|
+
import*as e from"react";import"../../node_modules/react-is/index.js";import"../../../../prop-types/index.js";import{clsx as o}from"../../../../clsx/dist/clsx.mjs.js";import r from"../utils/memoTheme.js";import t from"./AccordionContext.js";import s from"../utils/useSlot.js";import a,{getAccordionUtilityClass as i}from"./accordionClasses.js";import{jsxs as n,jsx as d}from"react/jsx-runtime";import p from"../styles/styled.js";import l from"../Paper/Paper.js";import{useDefaultProps as c}from"../DefaultPropsProvider/DefaultPropsProvider.js";import m from"../Collapse/Collapse.js";import u from"../../../utils/esm/chainPropTypes/chainPropTypes.js";import x from"../../../utils/esm/composeClasses/composeClasses.js";import f from"../../../utils/esm/useControlled/useControlled.js";import{r as b}from"../../../../../_virtual/index4.js";import{p as h}from"../../../../../_virtual/index5.js";const g=p(l,{name:"MuiAccordion",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:r}=e;return[{[`& .${a.region}`]:o.region},o.root,!r.square&&o.rounded,!r.disableGutters&&o.gutters]}})(r(({theme:e})=>{const o={duration:e.transitions.duration.shortest};return{position:"relative",transition:e.transitions.create(["margin"],o),overflowAnchor:"none","&::before":{position:"absolute",left:0,top:-1,right:0,height:1,content:'""',opacity:1,backgroundColor:(e.vars||e).palette.divider,transition:e.transitions.create(["opacity","background-color"],o)},"&:first-of-type":{"&::before":{display:"none"}},[`&.${a.expanded}`]:{"&::before":{opacity:0},"&:first-of-type":{marginTop:0},"&:last-of-type":{marginBottom:0},"& + &":{"&::before":{display:"none"}}},[`&.${a.disabled}`]:{backgroundColor:(e.vars||e).palette.action.disabledBackground}}}),r(({theme:e})=>({variants:[{props:e=>!e.square,style:{borderRadius:0,"&:first-of-type":{borderTopLeftRadius:(e.vars||e).shape.borderRadius,borderTopRightRadius:(e.vars||e).shape.borderRadius},"&:last-of-type":{borderBottomLeftRadius:(e.vars||e).shape.borderRadius,borderBottomRightRadius:(e.vars||e).shape.borderRadius,"@supports (-ms-ime-align: auto)":{borderBottomLeftRadius:0,borderBottomRightRadius:0}}}},{props:e=>!e.disableGutters,style:{[`&.${a.expanded}`]:{margin:"16px 0"}}}]}))),y=p("h3",{name:"MuiAccordion",slot:"Heading"})({all:"unset"}),j=e.forwardRef(function(r,a){const p=c({props:r,name:"MuiAccordion"}),{children:l,className:u,defaultExpanded:b=!1,disabled:h=!1,disableGutters:j=!1,expanded:T,onChange:v,square:C=!1,slots:P={},slotProps:R={},TransitionComponent:w,TransitionProps:A,...q}=p,[E,G]=f({controlled:T,default:b,name:"Accordion",state:"expanded"}),N=e.useCallback(e=>{G(!E),v&&v(e,!E)},[E,v,G]),[O,...B]=e.Children.toArray(l),F=e.useMemo(()=>({expanded:E,disabled:h,disableGutters:j,toggle:N}),[E,h,j,N]),M={...p,square:C,disabled:h,disableGutters:j,expanded:E},k=(e=>{const{classes:o,square:r,expanded:t,disabled:s,disableGutters:a}=e;return x({root:["root",!r&&"rounded",t&&"expanded",s&&"disabled",!a&&"gutters"],heading:["heading"],region:["region"]},i,o)})(M),S={slots:{transition:w,...P},slotProps:{transition:A,...R}},[$,_]=s("root",{elementType:g,externalForwardedProps:{...S,...q},className:o(k.root,u),shouldForwardComponentProp:!0,ownerState:M,ref:a,additionalProps:{square:C}}),[D,L]=s("heading",{elementType:y,externalForwardedProps:S,className:k.heading,ownerState:M}),[I,U]=s("transition",{elementType:m,externalForwardedProps:S,ownerState:M});return n($,{..._,children:[d(D,{...L,children:d(t.Provider,{value:F,children:O})}),d(I,{in:E,timeout:"auto",...U,children:d("div",{"aria-labelledby":O.props.id,id:O.props["aria-controls"],role:"region",className:k.region,children:B})})]})});"production"!==process.env.NODE_ENV&&(j.propTypes={children:u(h.exports.node.isRequired,o=>{const r=e.Children.toArray(o.children)[0];return b.exports.isFragment(r)?new Error("MUI: The Accordion doesn't accept a Fragment as a child. Consider providing an array instead."):e.isValidElement(r)?null:new Error("MUI: Expected the first child of Accordion to be a valid element.")}),classes:h.exports.object,className:h.exports.string,defaultExpanded:h.exports.bool,disabled:h.exports.bool,disableGutters:h.exports.bool,expanded:h.exports.bool,onChange:h.exports.func,slotProps:h.exports.shape({heading:h.exports.oneOfType([h.exports.func,h.exports.object]),root:h.exports.oneOfType([h.exports.func,h.exports.object]),transition:h.exports.oneOfType([h.exports.func,h.exports.object])}),slots:h.exports.shape({heading:h.exports.elementType,root:h.exports.elementType,transition:h.exports.elementType}),square:h.exports.bool,sx:h.exports.oneOfType([h.exports.arrayOf(h.exports.oneOfType([h.exports.func,h.exports.object,h.exports.bool])),h.exports.func,h.exports.object]),TransitionComponent:h.exports.elementType,TransitionProps:h.exports.object});var T=j;export{T as default};
|
|
2
2
|
//# sourceMappingURL=Accordion.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as o from"react";import"../../node_modules/react-is/index.js";import"../../../../prop-types/index.js";import{clsx as e}from"../../../../clsx/dist/clsx.mjs.js";import{useRtl as t}from"../../../system/esm/RtlProvider/index.js";import r from"../styles/rootShouldForwardProp.js";import{getMenuUtilityClass as s}from"./menuClasses.js";import p from"../utils/useSlot.js";import{jsx as n}from"react/jsx-runtime";import a from"../styles/styled.js";import i,{PopoverPaper as l}from"../Popover/Popover.js";import c from"../MenuList/MenuList.js";import{useDefaultProps as u}from"../DefaultPropsProvider/DefaultPropsProvider.js";import m from"../../../utils/esm/useSlotProps/useSlotProps.js";import x from"../../../utils/esm/HTMLElementType/HTMLElementType.js";import d from"../../../utils/esm/composeClasses/composeClasses.js";import{r as f}from"../../../../../_virtual/
|
|
1
|
+
import*as o from"react";import"../../node_modules/react-is/index.js";import"../../../../prop-types/index.js";import{clsx as e}from"../../../../clsx/dist/clsx.mjs.js";import{useRtl as t}from"../../../system/esm/RtlProvider/index.js";import r from"../styles/rootShouldForwardProp.js";import{getMenuUtilityClass as s}from"./menuClasses.js";import p from"../utils/useSlot.js";import{jsx as n}from"react/jsx-runtime";import a from"../styles/styled.js";import i,{PopoverPaper as l}from"../Popover/Popover.js";import c from"../MenuList/MenuList.js";import{useDefaultProps as u}from"../DefaultPropsProvider/DefaultPropsProvider.js";import m from"../../../utils/esm/useSlotProps/useSlotProps.js";import x from"../../../utils/esm/HTMLElementType/HTMLElementType.js";import d from"../../../utils/esm/composeClasses/composeClasses.js";import{r as f}from"../../../../../_virtual/index4.js";import{p as P}from"../../../../../_virtual/index5.js";const b={vertical:"top",horizontal:"right"},y={vertical:"top",horizontal:"left"},j=a(i,{shouldForwardProp:o=>r(o)||"classes"===o,name:"MuiMenu",slot:"Root"})({}),T=a(l,{name:"MuiMenu",slot:"Paper"})({maxHeight:"calc(100% - 96px)",WebkitOverflowScrolling:"touch"}),h=a(c,{name:"MuiMenu",slot:"List"})({outline:0}),v=o.forwardRef(function(r,a){const i=u({props:r,name:"MuiMenu"}),{autoFocus:l=!0,children:c,className:x,disableAutoFocusItem:P=!1,MenuListProps:v={},onClose:M,open:F,PaperProps:O={},PopoverClasses:g,transitionDuration:w="auto",TransitionProps:{onEntering:S,...C}={},variant:D="selectedMenu",slots:E={},slotProps:k={},...N}=i,L=t(),I={...i,autoFocus:l,disableAutoFocusItem:P,MenuListProps:v,onEntering:S,PaperProps:O,transitionDuration:w,TransitionProps:C,variant:D},R=(o=>{const{classes:e}=o;return d({root:["root"],paper:["paper"],list:["list"]},s,e)})(I),_=l&&!P&&F,z=o.useRef(null);let A=-1;o.Children.map(c,(e,t)=>{o.isValidElement(e)&&("production"!==process.env.NODE_ENV&&f.exports.isFragment(e)&&console.error(["MUI: The Menu component doesn't accept a Fragment as a child.","Consider providing an array instead."].join("\n")),e.props.disabled||("selectedMenu"===D&&e.props.selected||-1===A)&&(A=t))});const H={slots:E,slotProps:{list:v,transition:C,paper:O,...k}},K=m({elementType:E.root,externalSlotProps:k.root,ownerState:I,className:[R.root,x]}),[V,q]=p("paper",{className:R.paper,elementType:T,externalForwardedProps:H,shouldForwardComponentProp:!0,ownerState:I}),[U,W]=p("list",{className:e(R.list,v.className),elementType:h,shouldForwardComponentProp:!0,externalForwardedProps:H,getSlotProps:o=>({...o,onKeyDown:e=>{(o=>{"Tab"===o.key&&(o.preventDefault(),M&&M(o,"tabKeyDown"))})(e),o.onKeyDown?.(e)}}),ownerState:I}),B="function"==typeof H.slotProps.transition?H.slotProps.transition(I):H.slotProps.transition;return n(j,{onClose:M,anchorOrigin:{vertical:"bottom",horizontal:L?"right":"left"},transformOrigin:L?b:y,slots:{root:E.root,paper:V,backdrop:E.backdrop,...E.transition&&{transition:E.transition}},slotProps:{root:K,paper:q,backdrop:"function"==typeof k.backdrop?k.backdrop(I):k.backdrop,transition:{...B,onEntering:(...o)=>{((o,e)=>{z.current&&z.current.adjustStyleForScrollbar(o,{direction:L?"rtl":"ltr"}),S&&S(o,e)})(...o),B?.onEntering?.(...o)}}},open:F,ref:a,transitionDuration:w,ownerState:I,...N,classes:g,children:n(U,{actions:z,autoFocus:l&&(-1===A||P),autoFocusItem:_,variant:D,...W,children:c})})});"production"!==process.env.NODE_ENV&&(v.propTypes={anchorEl:P.exports.oneOfType([x,P.exports.func]),autoFocus:P.exports.bool,children:P.exports.node,classes:P.exports.object,className:P.exports.string,disableAutoFocusItem:P.exports.bool,MenuListProps:P.exports.object,onClose:P.exports.func,open:P.exports.bool.isRequired,PaperProps:P.exports.object,PopoverClasses:P.exports.object,slotProps:P.exports.shape({backdrop:P.exports.oneOfType([P.exports.func,P.exports.object]),list:P.exports.oneOfType([P.exports.func,P.exports.object]),paper:P.exports.oneOfType([P.exports.func,P.exports.object]),root:P.exports.oneOfType([P.exports.func,P.exports.object]),transition:P.exports.oneOfType([P.exports.func,P.exports.object])}),slots:P.exports.shape({backdrop:P.exports.elementType,list:P.exports.elementType,paper:P.exports.elementType,root:P.exports.elementType,transition:P.exports.elementType}),sx:P.exports.oneOfType([P.exports.arrayOf(P.exports.oneOfType([P.exports.func,P.exports.object,P.exports.bool])),P.exports.func,P.exports.object]),transitionDuration:P.exports.oneOfType([P.exports.oneOf(["auto"]),P.exports.number,P.exports.shape({appear:P.exports.number,enter:P.exports.number,exit:P.exports.number})]),TransitionProps:P.exports.object,variant:P.exports.oneOf(["menu","selectedMenu"])});var M=v;export{T as MenuPaper,M as default};
|
|
2
2
|
//# sourceMappingURL=Menu.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import"../../node_modules/react-is/index.js";import"../../../../prop-types/index.js";import{jsx as t}from"react/jsx-runtime";import r from"../../../utils/esm/useEnhancedEffect/useEnhancedEffect.js";import n from"../../../utils/esm/getScrollbarSize/getScrollbarSize.js";import s from"../List/List.js";import i from"../../../utils/esm/ownerWindow/ownerWindow.js";import o from"../../../utils/esm/useForkRef/useForkRef.js";import{r as l}from"../../../../../_virtual/
|
|
1
|
+
import*as e from"react";import"../../node_modules/react-is/index.js";import"../../../../prop-types/index.js";import{jsx as t}from"react/jsx-runtime";import r from"../../../utils/esm/useEnhancedEffect/useEnhancedEffect.js";import n from"../../../utils/esm/getScrollbarSize/getScrollbarSize.js";import s from"../List/List.js";import i from"../../../utils/esm/ownerWindow/ownerWindow.js";import o from"../../../utils/esm/useForkRef/useForkRef.js";import{r as l}from"../../../../../_virtual/index4.js";import{p as a}from"../../../../../_virtual/index5.js";import u from"../../../utils/esm/ownerDocument/ownerDocument.js";function c(e,t,r){return e===t?e.firstChild:t&&t.nextElementSibling?t.nextElementSibling:r?null:e.firstChild}function p(e,t,r){return e===t?r?e.firstChild:e.lastChild:t&&t.previousElementSibling?t.previousElementSibling:r?null:e.lastChild}function d(e,t){if(void 0===t)return!0;let r=e.innerText;return void 0===r&&(r=e.textContent),r=r.trim().toLowerCase(),0!==r.length&&(t.repeating?r[0]===t.keys[0]:r.startsWith(t.keys.join("")))}function m(e,t,r,n,s,i){let o=!1,l=s(e,t,!!t&&r);for(;l;){if(l===e.firstChild){if(o)return!1;o=!0}const t=!n&&(l.disabled||"true"===l.getAttribute("aria-disabled"));if(l.hasAttribute("tabindex")&&d(l,i)&&!t)return l.focus(),!0;l=s(e,l,r)}return!1}const f=e.forwardRef(function(a,f){const{actions:h,autoFocus:g=!1,autoFocusItem:b=!1,children:y,className:v,disabledItemsFocusable:x=!1,disableListWrap:w=!1,onKeyDown:E,variant:j="selectedMenu",...D}=a,k=e.useRef(null),C=e.useRef({keys:[],repeating:!0,previousKeyMatched:!0,lastTime:null});r(()=>{g&&k.current.focus()},[g]),e.useImperativeHandle(h,()=>({adjustStyleForScrollbar:(e,{direction:t})=>{const r=!k.current.style.width;if(e.clientHeight<k.current.clientHeight&&r){const r=`${n(i(e))}px`;k.current.style["rtl"===t?"paddingLeft":"paddingRight"]=r,k.current.style.width=`calc(100% + ${r})`}return k.current}}),[]);const F=o(k,f);let S=-1;e.Children.forEach(y,(t,r)=>{e.isValidElement(t)?("production"!==process.env.NODE_ENV&&l.exports.isFragment(t)&&console.error(["MUI: The Menu component doesn't accept a Fragment as a child.","Consider providing an array instead."].join("\n")),t.props.disabled||("selectedMenu"===j&&t.props.selected||-1===S)&&(S=r),S===r&&(t.props.disabled||t.props.muiSkipListHighlight||t.type.muiSkipListHighlight)&&(S+=1,S>=y.length&&(S=-1))):S===r&&(S+=1,S>=y.length&&(S=-1))});const K=e.Children.map(y,(t,r)=>{if(r===S){const r={};return b&&(r.autoFocus=!0),void 0===t.props.tabIndex&&"selectedMenu"===j&&(r.tabIndex=0),e.cloneElement(t,r)}return t});return t(s,{role:"menu",ref:F,className:v,onKeyDown:e=>{const t=k.current,r=e.key;if(e.ctrlKey||e.metaKey||e.altKey)return void(E&&E(e));const n=u(t).activeElement;if("ArrowDown"===r)e.preventDefault(),m(t,n,w,x,c);else if("ArrowUp"===r)e.preventDefault(),m(t,n,w,x,p);else if("Home"===r)e.preventDefault(),m(t,null,w,x,c);else if("End"===r)e.preventDefault(),m(t,null,w,x,p);else if(1===r.length){const s=C.current,i=r.toLowerCase(),o=performance.now();s.keys.length>0&&(o-s.lastTime>500?(s.keys=[],s.repeating=!0,s.previousKeyMatched=!0):s.repeating&&i!==s.keys[0]&&(s.repeating=!1)),s.lastTime=o,s.keys.push(i);const l=n&&!s.repeating&&d(n,s);s.previousKeyMatched&&(l||m(t,n,!1,x,c,s))?e.preventDefault():s.previousKeyMatched=!1}E&&E(e)},tabIndex:g?0:-1,...D,children:K})});"production"!==process.env.NODE_ENV&&(f.propTypes={autoFocus:a.exports.bool,autoFocusItem:a.exports.bool,children:a.exports.node,className:a.exports.string,disabledItemsFocusable:a.exports.bool,disableListWrap:a.exports.bool,onKeyDown:a.exports.func,variant:a.exports.oneOf(["menu","selectedMenu"])});var h=f;export{h as default};
|
|
2
2
|
//# sourceMappingURL=MenuList.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import"../../node_modules/react-is/index.js";import"../../../../prop-types/index.js";import{clsx as r}from"../../../../clsx/dist/clsx.mjs.js";import o from"../Menu/Menu.js";import{StyledSelectSelect as t,StyledSelectIcon as n}from"../NativeSelect/NativeSelectInput.js";import{isFilled as s}from"../InputBase/utils.js";import l from"../styles/slotShouldForwardProp.js";import a,{getSelectUtilityClasses as i}from"./selectClasses.js";import{jsxs as p,jsx as u}from"react/jsx-runtime";import c from"../styles/styled.js";import d from"../../../utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js";import m from"../../../utils/esm/useId/useId.js";import f from"../../../utils/esm/refType/refType.js";import v from"../../../utils/esm/composeClasses/composeClasses.js";import b from"../../../utils/esm/capitalize/capitalize.js";import x from"../../../utils/esm/useControlled/useControlled.js";import h from"../../../utils/esm/useForkRef/useForkRef.js";import y from"../../../utils/esm/ownerDocument/ownerDocument.js";import{r as g}from"../../../../../_virtual/
|
|
1
|
+
import*as e from"react";import"../../node_modules/react-is/index.js";import"../../../../prop-types/index.js";import{clsx as r}from"../../../../clsx/dist/clsx.mjs.js";import o from"../Menu/Menu.js";import{StyledSelectSelect as t,StyledSelectIcon as n}from"../NativeSelect/NativeSelectInput.js";import{isFilled as s}from"../InputBase/utils.js";import l from"../styles/slotShouldForwardProp.js";import a,{getSelectUtilityClasses as i}from"./selectClasses.js";import{jsxs as p,jsx as u}from"react/jsx-runtime";import c from"../styles/styled.js";import d from"../../../utils/esm/formatMuiErrorMessage/formatMuiErrorMessage.js";import m from"../../../utils/esm/useId/useId.js";import f from"../../../utils/esm/refType/refType.js";import v from"../../../utils/esm/composeClasses/composeClasses.js";import b from"../../../utils/esm/capitalize/capitalize.js";import x from"../../../utils/esm/useControlled/useControlled.js";import h from"../../../utils/esm/useForkRef/useForkRef.js";import y from"../../../utils/esm/ownerDocument/ownerDocument.js";import{r as g}from"../../../../../_virtual/index4.js";import{p as j}from"../../../../../_virtual/index5.js";var w;const E=c(t,{name:"MuiSelect",slot:"Select",overridesResolver:(e,r)=>{const{ownerState:o}=e;return[{[`&.${a.select}`]:r.select},{[`&.${a.select}`]:r[o.variant]},{[`&.${a.error}`]:r.error},{[`&.${a.multiple}`]:r.multiple}]}})({[`&.${a.select}`]:{height:"auto",minHeight:"1.4375em",textOverflow:"ellipsis",whiteSpace:"nowrap",overflow:"hidden"}}),S=c(n,{name:"MuiSelect",slot:"Icon",overridesResolver:(e,r)=>{const{ownerState:o}=e;return[r.icon,o.variant&&r[`icon${b(o.variant)}`],o.open&&r.iconOpen]}})({}),I=c("input",{shouldForwardProp:e=>l(e)&&"classes"!==e,name:"MuiSelect",slot:"NativeInput"})({bottom:0,left:0,position:"absolute",opacity:0,pointerEvents:"none",width:"100%",boxSizing:"border-box"});function C(e,r){return"object"==typeof r&&null!==r?e===r:String(e)===String(r)}function O(e){return null==e||"string"==typeof e&&!e.trim()}const N=e.forwardRef(function(t,n){const{"aria-describedby":l,"aria-label":a,autoFocus:c,autoWidth:f,children:j,className:N,defaultOpen:M,defaultValue:P,disabled:D,displayEmpty:$,error:F=!1,IconComponent:R,inputRef:k,labelId:A,MenuProps:T={},multiple:V,name:U,onBlur:W,onChange:_,onClose:B,onFocus:q,onOpen:z,open:K,readOnly:L,renderValue:H,required:Y,SelectDisplayProps:G={},tabIndex:J,type:Q,value:X,variant:Z="standard",...ee}=t,[re,oe]=x({controlled:X,default:P,name:"Select"}),[te,ne]=x({controlled:K,default:M,name:"Select"}),se=e.useRef(null),le=e.useRef(null),[ae,ie]=e.useState(null),{current:pe}=e.useRef(null!=K),[ue,ce]=e.useState(),de=h(n,k),me=e.useCallback(e=>{le.current=e,e&&ie(e)},[]),fe=ae?.parentNode;e.useImperativeHandle(de,()=>({focus:()=>{le.current.focus()},node:se.current,value:re}),[re]),e.useEffect(()=>{M&&te&&ae&&!pe&&(ce(f?null:fe.clientWidth),le.current.focus())},[ae,f]),e.useEffect(()=>{c&&le.current.focus()},[c]),e.useEffect(()=>{if(!A)return;const e=y(le.current).getElementById(A);if(e){const r=()=>{getSelection().isCollapsed&&le.current.focus()};return e.addEventListener("click",r),()=>{e.removeEventListener("click",r)}}},[A]);const ve=(e,r)=>{e?z&&z(r):B&&B(r),pe||(ce(f?null:fe.clientWidth),ne(e))},be=e.Children.toArray(j),xe=e=>r=>{let o;if(r.currentTarget.hasAttribute("tabindex")){if(V){o=Array.isArray(re)?re.slice():[];const r=re.indexOf(e.props.value);-1===r?o.push(e.props.value):o.splice(r,1)}else o=e.props.value;if(e.props.onClick&&e.props.onClick(r),re!==o&&(oe(o),_)){const t=r.nativeEvent||r,n=new t.constructor(t.type,t);Object.defineProperty(n,"target",{writable:!0,value:{value:o,name:U}}),_(n,e)}V||ve(!1,r)}},he=null!==ae&&te;let ye,ge;delete ee["aria-invalid"];const je=[];let we=!1,Ee=!1;(s({value:re})||$)&&(H?ye=H(re):we=!0);const Se=be.map(r=>{if(!e.isValidElement(r))return null;let o;if("production"!==process.env.NODE_ENV&&g.exports.isFragment(r)&&console.error(["MUI: The Select component doesn't accept a Fragment as a child.","Consider providing an array instead."].join("\n")),V){if(!Array.isArray(re))throw new Error("production"!==process.env.NODE_ENV?"MUI: The `value` prop must be an array when using the `Select` component with `multiple`.":d(2));o=re.some(e=>C(e,r.props.value)),o&&we&&je.push(r.props.children)}else o=C(re,r.props.value),o&&we&&(ge=r.props.children);return o&&(Ee=!0),e.cloneElement(r,{"aria-selected":o?"true":"false",onClick:xe(r),onKeyUp:e=>{" "===e.key&&e.preventDefault(),r.props.onKeyUp&&r.props.onKeyUp(e)},role:"option",selected:o,value:void 0,"data-value":r.props.value})});"production"!==process.env.NODE_ENV&&e.useEffect(()=>{if(!Ee&&!V&&""!==re){const e=be.map(e=>e.props.value);console.warn([`MUI: You have provided an out-of-range value \`${re}\` for the select ${U?`(name="${U}") `:""}component.`,"Consider providing a value that matches one of the available options or ''.",`The available values are ${e.filter(e=>null!=e).map(e=>`\`${e}\``).join(", ")||'""'}.`].join("\n"))}},[Ee,be,V,U,re]),we&&(ye=V?0===je.length?null:je.reduce((e,r,o)=>(e.push(r),o<je.length-1&&e.push(", "),e),[]):ge);let Ie,Ce=ue;!f&&pe&&ae&&(Ce=fe.clientWidth),Ie=void 0!==J?J:D?null:0;const Oe=G.id||(U?`mui-component-select-${U}`:void 0),Ne={...t,variant:Z,value:re,open:he,error:F},Me=(e=>{const{classes:r,variant:o,disabled:t,multiple:n,open:s,error:l}=e,a={select:["select",o,t&&"disabled",n&&"multiple",l&&"error"],icon:["icon",`icon${b(o)}`,s&&"iconOpen",t&&"disabled"],nativeInput:["nativeInput"]};return v(a,i,r)})(Ne),Pe={...T.PaperProps,...T.slotProps?.paper},De={...T.MenuListProps,...T.slotProps?.list},$e=m();return p(e.Fragment,{children:[u(E,{as:"div",ref:me,tabIndex:Ie,role:"combobox","aria-controls":he?$e:void 0,"aria-disabled":D?"true":void 0,"aria-expanded":he?"true":"false","aria-haspopup":"listbox","aria-label":a,"aria-labelledby":[A,Oe].filter(Boolean).join(" ")||void 0,"aria-describedby":l,"aria-required":Y?"true":void 0,"aria-invalid":F?"true":void 0,onKeyDown:e=>{if(!L){[" ","ArrowUp","ArrowDown","Enter"].includes(e.key)&&(e.preventDefault(),ve(!0,e))}},onMouseDown:D||L?null:e=>{0===e.button&&(e.preventDefault(),le.current.focus(),ve(!0,e))},onBlur:e=>{!he&&W&&(Object.defineProperty(e,"target",{writable:!0,value:{value:re,name:U}}),W(e))},onFocus:q,...G,ownerState:Ne,className:r(G.className,Me.select,N),id:Oe,children:O(ye)?w||(w=u("span",{className:"notranslate","aria-hidden":!0,children:""})):ye}),u(I,{"aria-invalid":F,value:Array.isArray(re)?re.join(","):re,name:U,ref:se,"aria-hidden":!0,onChange:e=>{const r=be.find(r=>r.props.value===e.target.value);void 0!==r&&(oe(r.props.value),_&&_(e,r))},tabIndex:-1,disabled:D,className:Me.nativeInput,autoFocus:c,required:Y,...ee,ownerState:Ne}),u(S,{as:R,className:Me.icon,ownerState:Ne}),u(o,{id:`menu-${U||""}`,anchorEl:fe,open:he,onClose:e=>{ve(!1,e)},anchorOrigin:{vertical:"bottom",horizontal:"center"},transformOrigin:{vertical:"top",horizontal:"center"},...T,slotProps:{...T.slotProps,list:{"aria-labelledby":A,role:"listbox","aria-multiselectable":V?"true":void 0,disableListWrap:!0,id:$e,...De},paper:{...Pe,style:{minWidth:Ce,...null!=Pe?Pe.style:null}}},children:Se})]})});"production"!==process.env.NODE_ENV&&(N.propTypes={"aria-describedby":j.exports.string,"aria-label":j.exports.string,autoFocus:j.exports.bool,autoWidth:j.exports.bool,children:j.exports.node,classes:j.exports.object,className:j.exports.string,defaultOpen:j.exports.bool,defaultValue:j.exports.any,disabled:j.exports.bool,displayEmpty:j.exports.bool,error:j.exports.bool,IconComponent:j.exports.elementType.isRequired,inputRef:f,labelId:j.exports.string,MenuProps:j.exports.object,multiple:j.exports.bool,name:j.exports.string,onBlur:j.exports.func,onChange:j.exports.func,onClose:j.exports.func,onFocus:j.exports.func,onOpen:j.exports.func,open:j.exports.bool,readOnly:j.exports.bool,renderValue:j.exports.func,required:j.exports.bool,SelectDisplayProps:j.exports.object,tabIndex:j.exports.oneOfType([j.exports.number,j.exports.string]),type:j.exports.any,value:j.exports.any,variant:j.exports.oneOf(["standard","outlined","filled"])});var M=N;export{M as default};
|
|
2
2
|
//# sourceMappingURL=SelectInput.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import"../../node_modules/react-is/index.js";import"../../../../prop-types/index.js";import{clsx as o}from"../../../../clsx/dist/clsx.mjs.js";import t from"../styles/useTheme.js";import{jsxs as r,jsx as n}from"react/jsx-runtime";import s from"../styles/styled.js";import i from"../utils/memoTheme.js";import a,{getSpeedDialUtilityClass as p}from"./speedDialClasses.js";import l from"../utils/useSlot.js";import c from"../Fab/Fab.js";import{useDefaultProps as u}from"../DefaultPropsProvider/DefaultPropsProvider.js";import m from"../../../utils/esm/useTimeout/useTimeout.js";import d from"../Zoom/Zoom.js";import f from"../../../utils/esm/composeClasses/composeClasses.js";import x from"../../../utils/esm/clamp/clamp.js";import y from"../../../utils/esm/capitalize/capitalize.js";import v from"../../../utils/esm/useControlled/useControlled.js";import b from"../../../utils/esm/useForkRef/useForkRef.js";import{r as j}from"../../../../../_virtual/
|
|
1
|
+
import*as e from"react";import"../../node_modules/react-is/index.js";import"../../../../prop-types/index.js";import{clsx as o}from"../../../../clsx/dist/clsx.mjs.js";import t from"../styles/useTheme.js";import{jsxs as r,jsx as n}from"react/jsx-runtime";import s from"../styles/styled.js";import i from"../utils/memoTheme.js";import a,{getSpeedDialUtilityClass as p}from"./speedDialClasses.js";import l from"../utils/useSlot.js";import c from"../Fab/Fab.js";import{useDefaultProps as u}from"../DefaultPropsProvider/DefaultPropsProvider.js";import m from"../../../utils/esm/useTimeout/useTimeout.js";import d from"../Zoom/Zoom.js";import f from"../../../utils/esm/composeClasses/composeClasses.js";import x from"../../../utils/esm/clamp/clamp.js";import y from"../../../utils/esm/capitalize/capitalize.js";import v from"../../../utils/esm/useControlled/useControlled.js";import b from"../../../utils/esm/useForkRef/useForkRef.js";import{r as j}from"../../../../../_virtual/index4.js";import g from"../../../utils/esm/isMuiElement/isMuiElement.js";import{p as D}from"../../../../../_virtual/index5.js";function h(e){return"up"===e||"down"===e?"vertical":"right"===e||"left"===e?"horizontal":void 0}const w=s("div",{name:"MuiSpeedDial",slot:"Root",overridesResolver:(e,o)=>{const{ownerState:t}=e;return[o.root,o[`direction${y(t.direction)}`]]}})(i(({theme:e})=>({zIndex:(e.vars||e).zIndex.speedDial,display:"flex",alignItems:"center",pointerEvents:"none",variants:[{props:{direction:"up"},style:{flexDirection:"column-reverse",[`& .${a.actions}`]:{flexDirection:"column-reverse",marginBottom:-32,paddingBottom:48}}},{props:{direction:"down"},style:{flexDirection:"column",[`& .${a.actions}`]:{flexDirection:"column",marginTop:-32,paddingTop:48}}},{props:{direction:"left"},style:{flexDirection:"row-reverse",[`& .${a.actions}`]:{flexDirection:"row-reverse",marginRight:-32,paddingRight:48}}},{props:{direction:"right"},style:{flexDirection:"row",[`& .${a.actions}`]:{flexDirection:"row",marginLeft:-32,paddingLeft:48}}}]}))),E=s(c,{name:"MuiSpeedDial",slot:"Fab"})({pointerEvents:"auto"}),T=s("div",{name:"MuiSpeedDial",slot:"Actions",overridesResolver:(e,o)=>{const{ownerState:t}=e;return[o.actions,!t.open&&o.actionsClosed]}})({display:"flex",pointerEvents:"auto",variants:[{props:({ownerState:e})=>!e.open,style:{transition:"top 0s linear 0.2s",pointerEvents:"none"}}]}),C=e.forwardRef(function(s,i){const a=u({props:s,name:"MuiSpeedDial"}),c=t(),D={enter:c.transitions.duration.enteringScreen,exit:c.transitions.duration.leavingScreen},{ariaLabel:C,FabProps:{ref:P,...S}={},children:F,className:M,direction:O="up",hidden:R=!1,icon:L,onBlur:N,onClose:$,onFocus:k,onKeyDown:I,onMouseEnter:z,onMouseLeave:B,onOpen:K,open:_,openIcon:V,slots:A={},slotProps:Z={},TransitionComponent:q,TransitionProps:U,transitionDuration:G=D,...H}=a,[J,Q]=v({controlled:_,default:!1,name:"SpeedDial",state:"open"}),W={...a,open:J,direction:O},X=(e=>{const{classes:o,open:t,direction:r}=e,n={root:["root",`direction${y(r)}`],fab:["fab"],actions:["actions",!t&&"actionsClosed"]};return f(n,p,o)})(W),Y=m(),ee=e.useRef(0),oe=e.useRef(),te=e.useRef([]);te.current=[te.current[0]];const re=e.useCallback(e=>{te.current[0]=e},[]),ne=b(P,re),se=(e,o)=>t=>{te.current[e+1]=t,o&&o(t)};e.useEffect(()=>{J||(ee.current=0,oe.current=void 0)},[J]);const ie=e=>{"mouseleave"===e.type&&B&&B(e),"blur"===e.type&&N&&N(e),Y.clear(),"blur"===e.type?Y.start(0,()=>{Q(!1),$&&$(e,"blur")}):(Q(!1),$&&$(e,"mouseLeave"))},ae=e=>{"mouseenter"===e.type&&z&&z(e),"focus"===e.type&&k&&k(e),Y.clear(),J||Y.start(0,()=>{if(Q(!0),K){K(e,{focus:"focus",mouseenter:"mouseEnter"}[e.type])}})},pe=C.replace(/^[^a-z]+|[^\w:.-]+/gi,""),le=e.Children.toArray(F).filter(o=>("production"!==process.env.NODE_ENV&&j.exports.isFragment(o)&&console.error(["MUI: The SpeedDial component doesn't accept a Fragment as a child.","Consider providing an array instead."].join("\n")),e.isValidElement(o))),ce=le.map((o,t)=>{const{FabProps:{ref:r,...n}={},tooltipPlacement:s}=o.props,i=s||("vertical"===h(O)?"left":"top");return e.cloneElement(o,{FabProps:{...n,ref:se(t,r)},delay:30*(J?t:le.length-t),open:J,tooltipPlacement:i,id:`${pe}-action-${t}`})}),ue={slots:{transition:q,...A},slotProps:{transition:U,...Z}},[me,de]=l("root",{elementType:w,externalForwardedProps:{...ue,...H},ownerState:W,ref:i,className:o(X.root,M),additionalProps:{role:"presentation"},getSlotProps:e=>({...e,onKeyDown:o=>{e.onKeyDown?.(o),(e=>{I&&I(e);const o=e.key.replace("Arrow","").toLowerCase(),{current:t=o}=oe;if("Escape"===e.key)return Q(!1),te.current[0].focus(),void($&&$(e,"escapeKeyDown"));if(h(o)===h(t)&&void 0!==h(o)){e.preventDefault();const r=o===t?1:-1,n=x(ee.current+r,0,te.current.length-1);te.current[n].focus(),ee.current=n,oe.current=t}})(o)},onBlur:o=>{e.onBlur?.(o),ie(o)},onFocus:o=>{e.onFocus?.(o),ae(o)},onMouseEnter:o=>{e.onMouseEnter?.(o),ae(o)},onMouseLeave:o=>{e.onMouseLeave?.(o),ie(o)}})}),[fe,xe]=l("transition",{elementType:d,externalForwardedProps:ue,ownerState:W});return r(me,{...de,children:[n(fe,{in:!R,timeout:G,unmountOnExit:!0,...xe,children:n(E,{color:"primary","aria-label":C,"aria-haspopup":"true","aria-expanded":J,"aria-controls":`${pe}-actions`,...S,onClick:e=>{S.onClick&&S.onClick(e),Y.clear(),J?(Q(!1),$&&$(e,"toggle")):(Q(!0),K&&K(e,"toggle"))},className:o(X.fab,S.className),ref:ne,ownerState:W,children:e.isValidElement(L)&&g(L,["SpeedDialIcon"])?e.cloneElement(L,{open:J}):L})}),n(T,{id:`${pe}-actions`,role:"menu","aria-orientation":h(O),className:o(X.actions,!J&&X.actionsClosed),ownerState:W,children:ce})]})});"production"!==process.env.NODE_ENV&&(C.propTypes={ariaLabel:D.exports.string.isRequired,children:D.exports.node,classes:D.exports.object,className:D.exports.string,direction:D.exports.oneOf(["down","left","right","up"]),FabProps:D.exports.object,hidden:D.exports.bool,icon:D.exports.node,onBlur:D.exports.func,onClose:D.exports.func,onFocus:D.exports.func,onKeyDown:D.exports.func,onMouseEnter:D.exports.func,onMouseLeave:D.exports.func,onOpen:D.exports.func,open:D.exports.bool,openIcon:D.exports.node,slotProps:D.exports.shape({root:D.exports.oneOfType([D.exports.func,D.exports.object]),transition:D.exports.oneOfType([D.exports.func,D.exports.object])}),slots:D.exports.shape({root:D.exports.elementType,transition:D.exports.elementType}),sx:D.exports.oneOfType([D.exports.arrayOf(D.exports.oneOfType([D.exports.func,D.exports.object,D.exports.bool])),D.exports.func,D.exports.object]),TransitionComponent:D.exports.elementType,transitionDuration:D.exports.oneOfType([D.exports.number,D.exports.shape({appear:D.exports.number,enter:D.exports.number,exit:D.exports.number})]),TransitionProps:D.exports.object});var P=C;export{P as default};
|
|
2
2
|
//# sourceMappingURL=SpeedDial.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as e from"react";import"../../node_modules/react-is/index.js";import"../../../../prop-types/index.js";import{clsx as t}from"../../../../clsx/dist/clsx.mjs.js";import{useRtl as o}from"../../../system/esm/RtlProvider/index.js";import r from"../styles/useTheme.js";import{jsx as l,jsxs as n}from"react/jsx-runtime";import s from"../styles/styled.js";import i from"../utils/memoTheme.js";import a from"../internal/animate.js";import c from"./ScrollbarSize.js";import p,{getTabsUtilityClass as d}from"./tabsClasses.js";import u from"../utils/useSlot.js";import{useDefaultProps as f}from"../DefaultPropsProvider/DefaultPropsProvider.js";import m from"../../../utils/esm/useSlotProps/useSlotProps.js";import b from"../TabScrollButton/TabScrollButton.js";import h from"../../../utils/esm/refType/refType.js";import x from"../../../utils/esm/composeClasses/composeClasses.js";import v from"../../../utils/esm/useEventCallback/useEventCallback.js";import y from"../../../utils/esm/debounce/debounce.js";import S from"../../../utils/esm/ownerWindow/ownerWindow.js";import{r as w}from"../../../../../_virtual/index3.js";import{p as T}from"../../../../../_virtual/index5.js";import B from"../../../utils/esm/ownerDocument/ownerDocument.js";const g=(e,t)=>e===t?e.firstChild:t&&t.nextElementSibling?t.nextElementSibling:e.firstChild,j=(e,t)=>e===t?e.lastChild:t&&t.previousElementSibling?t.previousElementSibling:e.lastChild,C=(e,t,o)=>{let r=!1,l=o(e,t);for(;l;){if(l===e.firstChild){if(r)return;r=!0}const t=l.disabled||"true"===l.getAttribute("aria-disabled");if(l.hasAttribute("tabindex")&&!t)return void l.focus();l=o(e,l)}},E=s("div",{name:"MuiTabs",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[{[`& .${p.scrollButtons}`]:t.scrollButtons},{[`& .${p.scrollButtons}`]:o.scrollButtonsHideMobile&&t.scrollButtonsHideMobile},t.root,o.vertical&&t.vertical]}})(i(({theme:e})=>({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex",variants:[{props:({ownerState:e})=>e.vertical,style:{flexDirection:"column"}},{props:({ownerState:e})=>e.scrollButtonsHideMobile,style:{[`& .${p.scrollButtons}`]:{[e.breakpoints.down("sm")]:{display:"none"}}}}]}))),I=s("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.scroller,o.fixed&&t.fixed,o.hideScrollbar&&t.hideScrollbar,o.scrollableX&&t.scrollableX,o.scrollableY&&t.scrollableY]}})({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap",variants:[{props:({ownerState:e})=>e.fixed,style:{overflowX:"hidden",width:"100%"}},{props:({ownerState:e})=>e.hideScrollbar,style:{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}},{props:({ownerState:e})=>e.scrollableX,style:{overflowX:"auto",overflowY:"hidden"}},{props:({ownerState:e})=>e.scrollableY,style:{overflowY:"auto",overflowX:"hidden"}}]}),O=s("div",{name:"MuiTabs",slot:"List",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.list,t.flexContainer,o.vertical&&t.flexContainerVertical,o.centered&&t.centered]}})({display:"flex",variants:[{props:({ownerState:e})=>e.vertical,style:{flexDirection:"column"}},{props:({ownerState:e})=>e.centered,style:{justifyContent:"center"}}]}),M=s("span",{name:"MuiTabs",slot:"Indicator"})(i(({theme:e})=>({position:"absolute",height:2,bottom:0,width:"100%",transition:e.transitions.create(),variants:[{props:{indicatorColor:"primary"},style:{backgroundColor:(e.vars||e).palette.primary.main}},{props:{indicatorColor:"secondary"},style:{backgroundColor:(e.vars||e).palette.secondary.main}},{props:({ownerState:e})=>e.vertical,style:{height:"100%",width:2,right:0}}]}))),P=s(c)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),N={};let k=!1;const D=e.forwardRef(function(s,i){const c=f({props:s,name:"MuiTabs"}),p=r(),h=o(),{"aria-label":T,"aria-labelledby":D,action:W,centered:F=!1,children:R,className:A,component:L="div",allowScrollButtonsMobile:X=!1,indicatorColor:z="primary",onChange:Y,orientation:H="horizontal",ScrollButtonComponent:V,scrollButtons:_="auto",selectionFollowsFocus:K,slots:$={},slotProps:U={},TabIndicatorProps:q={},TabScrollButtonProps:G={},textColor:J="primary",value:Q,variant:Z="standard",visibleScrollbar:ee=!1,...te}=c,oe="scrollable"===Z,re="vertical"===H,le=re?"scrollTop":"scrollLeft",ne=re?"top":"left",se=re?"bottom":"right",ie=re?"clientHeight":"clientWidth",ae=re?"height":"width",ce={...c,component:L,allowScrollButtonsMobile:X,indicatorColor:z,orientation:H,vertical:re,scrollButtons:_,textColor:J,variant:Z,visibleScrollbar:ee,fixed:!oe,hideScrollbar:oe&&!ee,scrollableX:oe&&!re,scrollableY:oe&&re,centered:F&&!oe,scrollButtonsHideMobile:!X},pe=(e=>{const{vertical:t,fixed:o,hideScrollbar:r,scrollableX:l,scrollableY:n,centered:s,scrollButtonsHideMobile:i,classes:a}=e;return x({root:["root",t&&"vertical"],scroller:["scroller",o&&"fixed",r&&"hideScrollbar",l&&"scrollableX",n&&"scrollableY"],list:["list","flexContainer",t&&"flexContainerVertical",t&&"vertical",s&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",i&&"scrollButtonsHideMobile"],scrollableX:[l&&"scrollableX"],hideScrollbar:[r&&"hideScrollbar"]},d,a)})(ce),de=m({elementType:$.StartScrollButtonIcon,externalSlotProps:U.startScrollButtonIcon,ownerState:ce}),ue=m({elementType:$.EndScrollButtonIcon,externalSlotProps:U.endScrollButtonIcon,ownerState:ce});"production"!==process.env.NODE_ENV&&F&&oe&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[fe,me]=e.useState(!1),[be,he]=e.useState(N),[xe,ve]=e.useState(!1),[ye,Se]=e.useState(!1),[we,Te]=e.useState(!1),[Be,ge]=e.useState({overflow:"hidden",scrollbarWidth:0}),je=new Map,Ce=e.useRef(null),Ee=e.useRef(null),Ie={slots:$,slotProps:{indicator:q,scrollButton:G,...U}},Oe=()=>{const e=Ce.current;let t,o;if(e){const o=e.getBoundingClientRect();t={clientWidth:e.clientWidth,scrollLeft:e.scrollLeft,scrollTop:e.scrollTop,scrollWidth:e.scrollWidth,top:o.top,bottom:o.bottom,left:o.left,right:o.right}}if(e&&!1!==Q){const e=Ee.current.children;if(e.length>0){const r=e[je.get(Q)];"production"!==process.env.NODE_ENV&&(r||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${Q}".`,je.keys?`You can provide one of the following values: ${Array.from(je.keys()).join(", ")}.`:null].join("\n"))),o=r?r.getBoundingClientRect():null,"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&!k&&o&&0===o.width&&0===o.height&&0!==t.clientWidth&&(t=null,console.error(["MUI: The `value` provided to the Tabs component is invalid.",`The Tab with this \`value\` ("${Q}") is not part of the document layout.`,"Make sure the tab item is present in the document or that it's not `display: none`."].join("\n")),k=!0)}}return{tabsMeta:t,tabMeta:o}},Me=v(()=>{const{tabsMeta:e,tabMeta:t}=Oe();let o,r=0;re?(o="top",t&&e&&(r=t.top-e.top+e.scrollTop)):(o=h?"right":"left",t&&e&&(r=(h?-1:1)*(t[o]-e[o]+e.scrollLeft)));const l={[o]:r,[ae]:t?t[ae]:0};if("number"!=typeof be[o]||"number"!=typeof be[ae])he(l);else{const e=Math.abs(be[o]-l[o]),t=Math.abs(be[ae]-l[ae]);(e>=1||t>=1)&&he(l)}}),Pe=(e,{animation:t=!0}={})=>{t?a(le,Ce.current,e,{duration:p.transitions.duration.standard}):Ce.current[le]=e},Ne=e=>{let t=Ce.current[le];t+=re?e:e*(h?-1:1),Pe(t)},ke=()=>{const e=Ce.current[ie];let t=0;const o=Array.from(Ee.current.children);for(let r=0;r<o.length;r+=1){const l=o[r];if(t+l[ie]>e){0===r&&(t=e);break}t+=l[ie]}return t},De=()=>{Ne(-1*ke())},We=()=>{Ne(ke())},[Fe,{onChange:Re,...Ae}]=u("scrollbar",{className:t(pe.scrollableX,pe.hideScrollbar),elementType:P,shouldForwardComponentProp:!0,externalForwardedProps:Ie,ownerState:ce}),Le=e.useCallback(e=>{Re?.(e),ge({overflow:null,scrollbarWidth:e})},[Re]),[Xe,ze]=u("scrollButtons",{className:t(pe.scrollButtons,G.className),elementType:b,externalForwardedProps:Ie,ownerState:ce,additionalProps:{orientation:H,slots:{StartScrollButtonIcon:$.startScrollButtonIcon||$.StartScrollButtonIcon,EndScrollButtonIcon:$.endScrollButtonIcon||$.EndScrollButtonIcon},slotProps:{startScrollButtonIcon:de,endScrollButtonIcon:ue}}}),Ye=v(e=>{const{tabsMeta:t,tabMeta:o}=Oe();if(o&&t)if(o[ne]<t[ne]){const r=t[le]+(o[ne]-t[ne]);Pe(r,{animation:e})}else if(o[se]>t[se]){const r=t[le]+(o[se]-t[se]);Pe(r,{animation:e})}}),He=v(()=>{oe&&!1!==_&&Te(!we)});e.useEffect(()=>{const e=y(()=>{Ce.current&&Me()});let t;const o=o=>{o.forEach(e=>{e.removedNodes.forEach(e=>{t?.unobserve(e)}),e.addedNodes.forEach(e=>{t?.observe(e)})}),e(),He()},r=S(Ce.current);let l;return r.addEventListener("resize",e),"undefined"!=typeof ResizeObserver&&(t=new ResizeObserver(e),Array.from(Ee.current.children).forEach(e=>{t.observe(e)})),"undefined"!=typeof MutationObserver&&(l=new MutationObserver(o),l.observe(Ee.current,{childList:!0})),()=>{e.clear(),r.removeEventListener("resize",e),l?.disconnect(),t?.disconnect()}},[Me,He]),e.useEffect(()=>{const e=Array.from(Ee.current.children),t=e.length;if("undefined"!=typeof IntersectionObserver&&t>0&&oe&&!1!==_){const o=e[0],r=e[t-1],l={root:Ce.current,threshold:.99},n=new IntersectionObserver(e=>{ve(!e[0].isIntersecting)},l);n.observe(o);const s=new IntersectionObserver(e=>{Se(!e[0].isIntersecting)},l);return s.observe(r),()=>{n.disconnect(),s.disconnect()}}},[oe,_,we,R?.length]),e.useEffect(()=>{me(!0)},[]),e.useEffect(()=>{Me()}),e.useEffect(()=>{Ye(N!==be)},[Ye,be]),e.useImperativeHandle(W,()=>({updateIndicator:Me,updateScrollButtons:He}),[Me,He]);const[Ve,_e]=u("indicator",{className:t(pe.indicator,q.className),elementType:M,externalForwardedProps:Ie,ownerState:ce,additionalProps:{style:be}}),Ke=l(Ve,{..._e});let $e=0;const Ue=e.Children.map(R,t=>{if(!e.isValidElement(t))return null;"production"!==process.env.NODE_ENV&&w.exports.isFragment(t)&&console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.","Consider providing an array instead."].join("\n"));const o=void 0===t.props.value?$e:t.props.value;je.set(o,$e);const r=o===Q;return $e+=1,e.cloneElement(t,{fullWidth:"fullWidth"===Z,indicator:r&&!fe&&Ke,selected:r,selectionFollowsFocus:K,onChange:Y,textColor:J,value:o,...1!==$e||!1!==Q||t.props.tabIndex?{}:{tabIndex:0}})}),qe=(()=>{const e={};e.scrollbarSizeListener=oe?l(Fe,{...Ae,onChange:Le}):null;const t=oe&&("auto"===_&&(xe||ye)||!0===_);return e.scrollButtonStart=t?l(Xe,{direction:h?"right":"left",onClick:De,disabled:!xe,...ze}):null,e.scrollButtonEnd=t?l(Xe,{direction:h?"left":"right",onClick:We,disabled:!ye,...ze}):null,e})(),[Ge,Je]=u("root",{ref:i,className:t(pe.root,A),elementType:E,externalForwardedProps:{...Ie,...te,component:L},ownerState:ce}),[Qe,Ze]=u("scroller",{ref:Ce,className:pe.scroller,elementType:I,externalForwardedProps:Ie,ownerState:ce,additionalProps:{style:{overflow:Be.overflow,[re?"margin"+(h?"Left":"Right"):"marginBottom"]:ee?void 0:-Be.scrollbarWidth}}}),[et,tt]=u("list",{ref:Ee,className:t(pe.list,pe.flexContainer),elementType:O,externalForwardedProps:Ie,ownerState:ce,getSlotProps:e=>({...e,onKeyDown:t=>{(e=>{if(e.altKey||e.shiftKey||e.ctrlKey||e.metaKey)return;const t=Ee.current,o=B(t).activeElement;if("tab"!==o.getAttribute("role"))return;let r="horizontal"===H?"ArrowLeft":"ArrowUp",l="horizontal"===H?"ArrowRight":"ArrowDown";switch("horizontal"===H&&h&&(r="ArrowRight",l="ArrowLeft"),e.key){case r:e.preventDefault(),C(t,o,j);break;case l:e.preventDefault(),C(t,o,g);break;case"Home":e.preventDefault(),C(t,null,g);break;case"End":e.preventDefault(),C(t,null,j)}})(t),e.onKeyDown?.(t)}})});return n(Ge,{...Je,children:[qe.scrollButtonStart,qe.scrollbarSizeListener,n(Qe,{...Ze,children:[l(et,{"aria-label":T,"aria-labelledby":D,"aria-orientation":"vertical"===H?"vertical":null,role:"tablist",...tt,children:Ue}),fe&&Ke]}),qe.scrollButtonEnd]})});"production"!==process.env.NODE_ENV&&(D.propTypes={action:h,allowScrollButtonsMobile:T.exports.bool,"aria-label":T.exports.string,"aria-labelledby":T.exports.string,centered:T.exports.bool,children:T.exports.node,classes:T.exports.object,className:T.exports.string,component:T.exports.elementType,indicatorColor:T.exports.oneOfType([T.exports.oneOf(["primary","secondary"]),T.exports.string]),onChange:T.exports.func,orientation:T.exports.oneOf(["horizontal","vertical"]),ScrollButtonComponent:T.exports.elementType,scrollButtons:T.exports.oneOf(["auto",!1,!0]),selectionFollowsFocus:T.exports.bool,slotProps:T.exports.shape({endScrollButtonIcon:T.exports.oneOfType([T.exports.func,T.exports.object]),indicator:T.exports.oneOfType([T.exports.func,T.exports.object]),list:T.exports.oneOfType([T.exports.func,T.exports.object]),root:T.exports.oneOfType([T.exports.func,T.exports.object]),scrollbar:T.exports.oneOfType([T.exports.func,T.exports.object]),scrollButtons:T.exports.oneOfType([T.exports.func,T.exports.object]),scroller:T.exports.oneOfType([T.exports.func,T.exports.object]),startScrollButtonIcon:T.exports.oneOfType([T.exports.func,T.exports.object])}),slots:T.exports.shape({endScrollButtonIcon:T.exports.elementType,EndScrollButtonIcon:T.exports.elementType,indicator:T.exports.elementType,list:T.exports.elementType,root:T.exports.elementType,scrollbar:T.exports.elementType,scrollButtons:T.exports.elementType,scroller:T.exports.elementType,startScrollButtonIcon:T.exports.elementType,StartScrollButtonIcon:T.exports.elementType}),sx:T.exports.oneOfType([T.exports.arrayOf(T.exports.oneOfType([T.exports.func,T.exports.object,T.exports.bool])),T.exports.func,T.exports.object]),TabIndicatorProps:T.exports.object,TabScrollButtonProps:T.exports.object,textColor:T.exports.oneOf(["inherit","primary","secondary"]),value:T.exports.any,variant:T.exports.oneOf(["fullWidth","scrollable","standard"]),visibleScrollbar:T.exports.bool});var W=D;export{W as default};
|
|
1
|
+
import*as e from"react";import"../../node_modules/react-is/index.js";import"../../../../prop-types/index.js";import{clsx as t}from"../../../../clsx/dist/clsx.mjs.js";import{useRtl as o}from"../../../system/esm/RtlProvider/index.js";import r from"../styles/useTheme.js";import{jsx as l,jsxs as n}from"react/jsx-runtime";import s from"../styles/styled.js";import i from"../utils/memoTheme.js";import a from"../internal/animate.js";import c from"./ScrollbarSize.js";import p,{getTabsUtilityClass as d}from"./tabsClasses.js";import u from"../utils/useSlot.js";import{useDefaultProps as f}from"../DefaultPropsProvider/DefaultPropsProvider.js";import m from"../../../utils/esm/useSlotProps/useSlotProps.js";import b from"../TabScrollButton/TabScrollButton.js";import h from"../../../utils/esm/refType/refType.js";import x from"../../../utils/esm/composeClasses/composeClasses.js";import v from"../../../utils/esm/useEventCallback/useEventCallback.js";import y from"../../../utils/esm/debounce/debounce.js";import S from"../../../utils/esm/ownerWindow/ownerWindow.js";import{r as w}from"../../../../../_virtual/index4.js";import{p as T}from"../../../../../_virtual/index5.js";import B from"../../../utils/esm/ownerDocument/ownerDocument.js";const g=(e,t)=>e===t?e.firstChild:t&&t.nextElementSibling?t.nextElementSibling:e.firstChild,j=(e,t)=>e===t?e.lastChild:t&&t.previousElementSibling?t.previousElementSibling:e.lastChild,C=(e,t,o)=>{let r=!1,l=o(e,t);for(;l;){if(l===e.firstChild){if(r)return;r=!0}const t=l.disabled||"true"===l.getAttribute("aria-disabled");if(l.hasAttribute("tabindex")&&!t)return void l.focus();l=o(e,l)}},E=s("div",{name:"MuiTabs",slot:"Root",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[{[`& .${p.scrollButtons}`]:t.scrollButtons},{[`& .${p.scrollButtons}`]:o.scrollButtonsHideMobile&&t.scrollButtonsHideMobile},t.root,o.vertical&&t.vertical]}})(i(({theme:e})=>({overflow:"hidden",minHeight:48,WebkitOverflowScrolling:"touch",display:"flex",variants:[{props:({ownerState:e})=>e.vertical,style:{flexDirection:"column"}},{props:({ownerState:e})=>e.scrollButtonsHideMobile,style:{[`& .${p.scrollButtons}`]:{[e.breakpoints.down("sm")]:{display:"none"}}}}]}))),I=s("div",{name:"MuiTabs",slot:"Scroller",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.scroller,o.fixed&&t.fixed,o.hideScrollbar&&t.hideScrollbar,o.scrollableX&&t.scrollableX,o.scrollableY&&t.scrollableY]}})({position:"relative",display:"inline-block",flex:"1 1 auto",whiteSpace:"nowrap",variants:[{props:({ownerState:e})=>e.fixed,style:{overflowX:"hidden",width:"100%"}},{props:({ownerState:e})=>e.hideScrollbar,style:{scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}},{props:({ownerState:e})=>e.scrollableX,style:{overflowX:"auto",overflowY:"hidden"}},{props:({ownerState:e})=>e.scrollableY,style:{overflowY:"auto",overflowX:"hidden"}}]}),O=s("div",{name:"MuiTabs",slot:"List",overridesResolver:(e,t)=>{const{ownerState:o}=e;return[t.list,t.flexContainer,o.vertical&&t.flexContainerVertical,o.centered&&t.centered]}})({display:"flex",variants:[{props:({ownerState:e})=>e.vertical,style:{flexDirection:"column"}},{props:({ownerState:e})=>e.centered,style:{justifyContent:"center"}}]}),M=s("span",{name:"MuiTabs",slot:"Indicator"})(i(({theme:e})=>({position:"absolute",height:2,bottom:0,width:"100%",transition:e.transitions.create(),variants:[{props:{indicatorColor:"primary"},style:{backgroundColor:(e.vars||e).palette.primary.main}},{props:{indicatorColor:"secondary"},style:{backgroundColor:(e.vars||e).palette.secondary.main}},{props:({ownerState:e})=>e.vertical,style:{height:"100%",width:2,right:0}}]}))),P=s(c)({overflowX:"auto",overflowY:"hidden",scrollbarWidth:"none","&::-webkit-scrollbar":{display:"none"}}),N={};let k=!1;const D=e.forwardRef(function(s,i){const c=f({props:s,name:"MuiTabs"}),p=r(),h=o(),{"aria-label":T,"aria-labelledby":D,action:W,centered:F=!1,children:R,className:A,component:L="div",allowScrollButtonsMobile:X=!1,indicatorColor:z="primary",onChange:Y,orientation:H="horizontal",ScrollButtonComponent:V,scrollButtons:_="auto",selectionFollowsFocus:K,slots:$={},slotProps:U={},TabIndicatorProps:q={},TabScrollButtonProps:G={},textColor:J="primary",value:Q,variant:Z="standard",visibleScrollbar:ee=!1,...te}=c,oe="scrollable"===Z,re="vertical"===H,le=re?"scrollTop":"scrollLeft",ne=re?"top":"left",se=re?"bottom":"right",ie=re?"clientHeight":"clientWidth",ae=re?"height":"width",ce={...c,component:L,allowScrollButtonsMobile:X,indicatorColor:z,orientation:H,vertical:re,scrollButtons:_,textColor:J,variant:Z,visibleScrollbar:ee,fixed:!oe,hideScrollbar:oe&&!ee,scrollableX:oe&&!re,scrollableY:oe&&re,centered:F&&!oe,scrollButtonsHideMobile:!X},pe=(e=>{const{vertical:t,fixed:o,hideScrollbar:r,scrollableX:l,scrollableY:n,centered:s,scrollButtonsHideMobile:i,classes:a}=e;return x({root:["root",t&&"vertical"],scroller:["scroller",o&&"fixed",r&&"hideScrollbar",l&&"scrollableX",n&&"scrollableY"],list:["list","flexContainer",t&&"flexContainerVertical",t&&"vertical",s&&"centered"],indicator:["indicator"],scrollButtons:["scrollButtons",i&&"scrollButtonsHideMobile"],scrollableX:[l&&"scrollableX"],hideScrollbar:[r&&"hideScrollbar"]},d,a)})(ce),de=m({elementType:$.StartScrollButtonIcon,externalSlotProps:U.startScrollButtonIcon,ownerState:ce}),ue=m({elementType:$.EndScrollButtonIcon,externalSlotProps:U.endScrollButtonIcon,ownerState:ce});"production"!==process.env.NODE_ENV&&F&&oe&&console.error('MUI: You can not use the `centered={true}` and `variant="scrollable"` properties at the same time on a `Tabs` component.');const[fe,me]=e.useState(!1),[be,he]=e.useState(N),[xe,ve]=e.useState(!1),[ye,Se]=e.useState(!1),[we,Te]=e.useState(!1),[Be,ge]=e.useState({overflow:"hidden",scrollbarWidth:0}),je=new Map,Ce=e.useRef(null),Ee=e.useRef(null),Ie={slots:$,slotProps:{indicator:q,scrollButton:G,...U}},Oe=()=>{const e=Ce.current;let t,o;if(e){const o=e.getBoundingClientRect();t={clientWidth:e.clientWidth,scrollLeft:e.scrollLeft,scrollTop:e.scrollTop,scrollWidth:e.scrollWidth,top:o.top,bottom:o.bottom,left:o.left,right:o.right}}if(e&&!1!==Q){const e=Ee.current.children;if(e.length>0){const r=e[je.get(Q)];"production"!==process.env.NODE_ENV&&(r||console.error(["MUI: The `value` provided to the Tabs component is invalid.",`None of the Tabs' children match with "${Q}".`,je.keys?`You can provide one of the following values: ${Array.from(je.keys()).join(", ")}.`:null].join("\n"))),o=r?r.getBoundingClientRect():null,"production"!==process.env.NODE_ENV&&"test"!==process.env.NODE_ENV&&!k&&o&&0===o.width&&0===o.height&&0!==t.clientWidth&&(t=null,console.error(["MUI: The `value` provided to the Tabs component is invalid.",`The Tab with this \`value\` ("${Q}") is not part of the document layout.`,"Make sure the tab item is present in the document or that it's not `display: none`."].join("\n")),k=!0)}}return{tabsMeta:t,tabMeta:o}},Me=v(()=>{const{tabsMeta:e,tabMeta:t}=Oe();let o,r=0;re?(o="top",t&&e&&(r=t.top-e.top+e.scrollTop)):(o=h?"right":"left",t&&e&&(r=(h?-1:1)*(t[o]-e[o]+e.scrollLeft)));const l={[o]:r,[ae]:t?t[ae]:0};if("number"!=typeof be[o]||"number"!=typeof be[ae])he(l);else{const e=Math.abs(be[o]-l[o]),t=Math.abs(be[ae]-l[ae]);(e>=1||t>=1)&&he(l)}}),Pe=(e,{animation:t=!0}={})=>{t?a(le,Ce.current,e,{duration:p.transitions.duration.standard}):Ce.current[le]=e},Ne=e=>{let t=Ce.current[le];t+=re?e:e*(h?-1:1),Pe(t)},ke=()=>{const e=Ce.current[ie];let t=0;const o=Array.from(Ee.current.children);for(let r=0;r<o.length;r+=1){const l=o[r];if(t+l[ie]>e){0===r&&(t=e);break}t+=l[ie]}return t},De=()=>{Ne(-1*ke())},We=()=>{Ne(ke())},[Fe,{onChange:Re,...Ae}]=u("scrollbar",{className:t(pe.scrollableX,pe.hideScrollbar),elementType:P,shouldForwardComponentProp:!0,externalForwardedProps:Ie,ownerState:ce}),Le=e.useCallback(e=>{Re?.(e),ge({overflow:null,scrollbarWidth:e})},[Re]),[Xe,ze]=u("scrollButtons",{className:t(pe.scrollButtons,G.className),elementType:b,externalForwardedProps:Ie,ownerState:ce,additionalProps:{orientation:H,slots:{StartScrollButtonIcon:$.startScrollButtonIcon||$.StartScrollButtonIcon,EndScrollButtonIcon:$.endScrollButtonIcon||$.EndScrollButtonIcon},slotProps:{startScrollButtonIcon:de,endScrollButtonIcon:ue}}}),Ye=v(e=>{const{tabsMeta:t,tabMeta:o}=Oe();if(o&&t)if(o[ne]<t[ne]){const r=t[le]+(o[ne]-t[ne]);Pe(r,{animation:e})}else if(o[se]>t[se]){const r=t[le]+(o[se]-t[se]);Pe(r,{animation:e})}}),He=v(()=>{oe&&!1!==_&&Te(!we)});e.useEffect(()=>{const e=y(()=>{Ce.current&&Me()});let t;const o=o=>{o.forEach(e=>{e.removedNodes.forEach(e=>{t?.unobserve(e)}),e.addedNodes.forEach(e=>{t?.observe(e)})}),e(),He()},r=S(Ce.current);let l;return r.addEventListener("resize",e),"undefined"!=typeof ResizeObserver&&(t=new ResizeObserver(e),Array.from(Ee.current.children).forEach(e=>{t.observe(e)})),"undefined"!=typeof MutationObserver&&(l=new MutationObserver(o),l.observe(Ee.current,{childList:!0})),()=>{e.clear(),r.removeEventListener("resize",e),l?.disconnect(),t?.disconnect()}},[Me,He]),e.useEffect(()=>{const e=Array.from(Ee.current.children),t=e.length;if("undefined"!=typeof IntersectionObserver&&t>0&&oe&&!1!==_){const o=e[0],r=e[t-1],l={root:Ce.current,threshold:.99},n=new IntersectionObserver(e=>{ve(!e[0].isIntersecting)},l);n.observe(o);const s=new IntersectionObserver(e=>{Se(!e[0].isIntersecting)},l);return s.observe(r),()=>{n.disconnect(),s.disconnect()}}},[oe,_,we,R?.length]),e.useEffect(()=>{me(!0)},[]),e.useEffect(()=>{Me()}),e.useEffect(()=>{Ye(N!==be)},[Ye,be]),e.useImperativeHandle(W,()=>({updateIndicator:Me,updateScrollButtons:He}),[Me,He]);const[Ve,_e]=u("indicator",{className:t(pe.indicator,q.className),elementType:M,externalForwardedProps:Ie,ownerState:ce,additionalProps:{style:be}}),Ke=l(Ve,{..._e});let $e=0;const Ue=e.Children.map(R,t=>{if(!e.isValidElement(t))return null;"production"!==process.env.NODE_ENV&&w.exports.isFragment(t)&&console.error(["MUI: The Tabs component doesn't accept a Fragment as a child.","Consider providing an array instead."].join("\n"));const o=void 0===t.props.value?$e:t.props.value;je.set(o,$e);const r=o===Q;return $e+=1,e.cloneElement(t,{fullWidth:"fullWidth"===Z,indicator:r&&!fe&&Ke,selected:r,selectionFollowsFocus:K,onChange:Y,textColor:J,value:o,...1!==$e||!1!==Q||t.props.tabIndex?{}:{tabIndex:0}})}),qe=(()=>{const e={};e.scrollbarSizeListener=oe?l(Fe,{...Ae,onChange:Le}):null;const t=oe&&("auto"===_&&(xe||ye)||!0===_);return e.scrollButtonStart=t?l(Xe,{direction:h?"right":"left",onClick:De,disabled:!xe,...ze}):null,e.scrollButtonEnd=t?l(Xe,{direction:h?"left":"right",onClick:We,disabled:!ye,...ze}):null,e})(),[Ge,Je]=u("root",{ref:i,className:t(pe.root,A),elementType:E,externalForwardedProps:{...Ie,...te,component:L},ownerState:ce}),[Qe,Ze]=u("scroller",{ref:Ce,className:pe.scroller,elementType:I,externalForwardedProps:Ie,ownerState:ce,additionalProps:{style:{overflow:Be.overflow,[re?"margin"+(h?"Left":"Right"):"marginBottom"]:ee?void 0:-Be.scrollbarWidth}}}),[et,tt]=u("list",{ref:Ee,className:t(pe.list,pe.flexContainer),elementType:O,externalForwardedProps:Ie,ownerState:ce,getSlotProps:e=>({...e,onKeyDown:t=>{(e=>{if(e.altKey||e.shiftKey||e.ctrlKey||e.metaKey)return;const t=Ee.current,o=B(t).activeElement;if("tab"!==o.getAttribute("role"))return;let r="horizontal"===H?"ArrowLeft":"ArrowUp",l="horizontal"===H?"ArrowRight":"ArrowDown";switch("horizontal"===H&&h&&(r="ArrowRight",l="ArrowLeft"),e.key){case r:e.preventDefault(),C(t,o,j);break;case l:e.preventDefault(),C(t,o,g);break;case"Home":e.preventDefault(),C(t,null,g);break;case"End":e.preventDefault(),C(t,null,j)}})(t),e.onKeyDown?.(t)}})});return n(Ge,{...Je,children:[qe.scrollButtonStart,qe.scrollbarSizeListener,n(Qe,{...Ze,children:[l(et,{"aria-label":T,"aria-labelledby":D,"aria-orientation":"vertical"===H?"vertical":null,role:"tablist",...tt,children:Ue}),fe&&Ke]}),qe.scrollButtonEnd]})});"production"!==process.env.NODE_ENV&&(D.propTypes={action:h,allowScrollButtonsMobile:T.exports.bool,"aria-label":T.exports.string,"aria-labelledby":T.exports.string,centered:T.exports.bool,children:T.exports.node,classes:T.exports.object,className:T.exports.string,component:T.exports.elementType,indicatorColor:T.exports.oneOfType([T.exports.oneOf(["primary","secondary"]),T.exports.string]),onChange:T.exports.func,orientation:T.exports.oneOf(["horizontal","vertical"]),ScrollButtonComponent:T.exports.elementType,scrollButtons:T.exports.oneOf(["auto",!1,!0]),selectionFollowsFocus:T.exports.bool,slotProps:T.exports.shape({endScrollButtonIcon:T.exports.oneOfType([T.exports.func,T.exports.object]),indicator:T.exports.oneOfType([T.exports.func,T.exports.object]),list:T.exports.oneOfType([T.exports.func,T.exports.object]),root:T.exports.oneOfType([T.exports.func,T.exports.object]),scrollbar:T.exports.oneOfType([T.exports.func,T.exports.object]),scrollButtons:T.exports.oneOfType([T.exports.func,T.exports.object]),scroller:T.exports.oneOfType([T.exports.func,T.exports.object]),startScrollButtonIcon:T.exports.oneOfType([T.exports.func,T.exports.object])}),slots:T.exports.shape({endScrollButtonIcon:T.exports.elementType,EndScrollButtonIcon:T.exports.elementType,indicator:T.exports.elementType,list:T.exports.elementType,root:T.exports.elementType,scrollbar:T.exports.elementType,scrollButtons:T.exports.elementType,scroller:T.exports.elementType,startScrollButtonIcon:T.exports.elementType,StartScrollButtonIcon:T.exports.elementType}),sx:T.exports.oneOfType([T.exports.arrayOf(T.exports.oneOfType([T.exports.func,T.exports.object,T.exports.bool])),T.exports.func,T.exports.object]),TabIndicatorProps:T.exports.object,TabScrollButtonProps:T.exports.object,textColor:T.exports.oneOf(["inherit","primary","secondary"]),value:T.exports.any,variant:T.exports.oneOf(["fullWidth","scrollable","standard"]),visibleScrollbar:T.exports.bool});var W=D;export{W as default};
|
|
2
2
|
//# sourceMappingURL=Tabs.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import*as o from"react";import"../../node_modules/react-is/index.js";import"../../../../prop-types/index.js";import{clsx as t}from"../../../../clsx/dist/clsx.mjs.js";import e from"../utils/memoTheme.js";import r,{getToggleButtonGroupUtilityClass as s}from"./toggleButtonGroupClasses.js";import i from"./ToggleButtonGroupContext.js";import n from"./ToggleButtonGroupButtonContext.js";import l from"../ToggleButton/toggleButtonClasses.js";import{jsx as d}from"react/jsx-runtime";import a from"../styles/styled.js";import{useDefaultProps as p}from"../DefaultPropsProvider/DefaultPropsProvider.js";import u from"../../../utils/esm/getValidReactChildren/getValidReactChildren.js";import{r as m}from"../../../../../_virtual/
|
|
1
|
+
import*as o from"react";import"../../node_modules/react-is/index.js";import"../../../../prop-types/index.js";import{clsx as t}from"../../../../clsx/dist/clsx.mjs.js";import e from"../utils/memoTheme.js";import r,{getToggleButtonGroupUtilityClass as s}from"./toggleButtonGroupClasses.js";import i from"./ToggleButtonGroupContext.js";import n from"./ToggleButtonGroupButtonContext.js";import l from"../ToggleButton/toggleButtonClasses.js";import{jsx as d}from"react/jsx-runtime";import a from"../styles/styled.js";import{useDefaultProps as p}from"../DefaultPropsProvider/DefaultPropsProvider.js";import u from"../../../utils/esm/getValidReactChildren/getValidReactChildren.js";import{r as m}from"../../../../../_virtual/index4.js";import c from"../../../utils/esm/composeClasses/composeClasses.js";import f from"../../../utils/esm/capitalize/capitalize.js";import{p as g}from"../../../../../_virtual/index5.js";const x=a("div",{name:"MuiToggleButtonGroup",slot:"Root",overridesResolver:(o,t)=>{const{ownerState:e}=o;return[{[`& .${r.grouped}`]:t.grouped},{[`& .${r.grouped}`]:t[`grouped${f(e.orientation)}`]},{[`& .${r.firstButton}`]:t.firstButton},{[`& .${r.lastButton}`]:t.lastButton},{[`& .${r.middleButton}`]:t.middleButton},t.root,"vertical"===e.orientation&&t.vertical,e.fullWidth&&t.fullWidth]}})(e(({theme:o})=>({display:"inline-flex",borderRadius:(o.vars||o).shape.borderRadius,variants:[{props:{orientation:"vertical"},style:{flexDirection:"column",[`& .${r.grouped}`]:{[`&.${r.selected} + .${r.grouped}.${r.selected}`]:{borderTop:0,marginTop:0}},[`& .${r.firstButton},& .${r.middleButton}`]:{borderBottomLeftRadius:0,borderBottomRightRadius:0},[`& .${r.lastButton},& .${r.middleButton}`]:{marginTop:-1,borderTop:"1px solid transparent",borderTopLeftRadius:0,borderTopRightRadius:0},[`& .${r.lastButton}.${l.disabled},& .${r.middleButton}.${l.disabled}`]:{borderTop:"1px solid transparent"}}},{props:{fullWidth:!0},style:{width:"100%"}},{props:{orientation:"horizontal"},style:{[`& .${r.grouped}`]:{[`&.${r.selected} + .${r.grouped}.${r.selected}`]:{borderLeft:0,marginLeft:0}},[`& .${r.firstButton},& .${r.middleButton}`]:{borderTopRightRadius:0,borderBottomRightRadius:0},[`& .${r.lastButton},& .${r.middleButton}`]:{marginLeft:-1,borderLeft:"1px solid transparent",borderTopLeftRadius:0,borderBottomLeftRadius:0},[`& .${r.lastButton}.${l.disabled},& .${r.middleButton}.${l.disabled}`]:{borderLeft:"1px solid transparent"}}}]}))),B=o.forwardRef(function(e,r){const l=p({props:e,name:"MuiToggleButtonGroup"}),{children:a,className:g,color:B="standard",disabled:b=!1,exclusive:h=!1,fullWidth:$=!1,onChange:v,orientation:T="horizontal",size:j="medium",value:R,...y}=l,C={...l,disabled:b,fullWidth:$,orientation:T,size:j},O=(o=>{const{classes:t,orientation:e,fullWidth:r,disabled:i}=o,n={root:["root",e,r&&"fullWidth"],grouped:["grouped",`grouped${f(e)}`,i&&"disabled"],firstButton:["firstButton"],lastButton:["lastButton"],middleButton:["middleButton"]};return c(n,s,t)})(C),z=o.useCallback((o,t)=>{if(!v)return;const e=R&&R.indexOf(t);let r;R&&e>=0?(r=R.slice(),r.splice(e,1)):r=R?R.concat(t):[t],v(o,r)},[v,R]),L=o.useCallback((o,t)=>{v&&v(o,R===t?null:t)},[v,R]),W=o.useMemo(()=>({className:O.grouped,onChange:h?L:z,value:R,size:j,fullWidth:$,color:B,disabled:b}),[O.grouped,h,L,z,R,j,$,B,b]),N=u(a),G=N.length,P=o=>{const t=0===o,e=o===G-1;return t&&e?"":t?O.firstButton:e?O.lastButton:O.middleButton};return d(x,{role:"group",className:t(O.root,g),ref:r,ownerState:C,...y,children:d(i.Provider,{value:W,children:N.map((o,t)=>("production"!==process.env.NODE_ENV&&m.exports.isFragment(o)&&console.error(["MUI: The ToggleButtonGroup component doesn't accept a Fragment as a child.","Consider providing an array instead."].join("\n")),d(n.Provider,{value:P(t),children:o},t)))})})});"production"!==process.env.NODE_ENV&&(B.propTypes={children:g.exports.node,classes:g.exports.object,className:g.exports.string,color:g.exports.oneOfType([g.exports.oneOf(["standard","primary","secondary","error","info","success","warning"]),g.exports.string]),disabled:g.exports.bool,exclusive:g.exports.bool,fullWidth:g.exports.bool,onChange:g.exports.func,orientation:g.exports.oneOf(["horizontal","vertical"]),size:g.exports.oneOfType([g.exports.oneOf(["small","medium","large"]),g.exports.string]),sx:g.exports.oneOfType([g.exports.arrayOf(g.exports.oneOfType([g.exports.func,g.exports.object,g.exports.bool])),g.exports.func,g.exports.object]),value:g.exports.any});var b=B;export{b as default};
|
|
2
2
|
//# sourceMappingURL=ToggleButtonGroup.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{r}from"../../../../../_virtual/
|
|
1
|
+
import{r}from"../../../../../_virtual/index4.js";import{__require as e}from"./cjs/react-is.production.js";import{__require as o}from"./cjs/react-is.development.js";var s;s=r,"production"===process.env.NODE_ENV?s.exports=e():s.exports=o();
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__exports as e}from"../../../_virtual/arrows.js";export{__exports as default}from"../../../_virtual/arrows.js";import t from"react";import"../../classnames/index.js";import"./utils/innerSliderUtils.js";import{__exports as r}from"../../../_virtual/innerSliderUtils.js";import{c as n}from"../../../_virtual/
|
|
1
|
+
import{__exports as e}from"../../../_virtual/arrows.js";export{__exports as default}from"../../../_virtual/arrows.js";import t from"react";import"../../classnames/index.js";import"./utils/innerSliderUtils.js";import{__exports as r}from"../../../_virtual/innerSliderUtils.js";import{c as n}from"../../../_virtual/index3.js";function o(e){return o="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},o(e)}Object.defineProperty(e,"__esModule",{value:!0}),e.PrevArrow=e.NextArrow=void 0;var i=c(t),u=c(n.exports),l=r;function c(e){return e&&e.__esModule?e:{default:e}}function s(){return s=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(e[n]=r[n])}return e},s.apply(this,arguments)}function a(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function p(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?a(Object(r),!0).forEach(function(t){f(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):a(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function f(e,t,r){return(t=v(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function y(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}function b(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,v(n.key),n)}}function d(e,t,r){return t&&b(e.prototype,t),r&&b(e,r),Object.defineProperty(e,"prototype",{writable:!1}),e}function v(e){var t=function(e,t){if("object"!=o(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t||"default");if("object"!=o(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==o(t)?t:String(t)}function h(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&m(e,t)}function m(e,t){return m=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},m(e,t)}function O(e){var t=j();return function(){var r,n=w(e);if(t){var i=w(this).constructor;r=Reflect.construct(n,arguments,i)}else r=n.apply(this,arguments);return function(e,t){if(t&&("object"===o(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,r)}}function j(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(j=function(){return!!e})()}function w(e){return w=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},w(e)}e.PrevArrow=function(){h(t,i["default"].PureComponent);var e=O(t);function t(){return y(this,t),e.apply(this,arguments)}return d(t,[{key:"clickHandler",value:function(e,t){t&&t.preventDefault(),this.props.clickHandler(e,t)}},{key:"render",value:function(){var e={"slick-arrow":!0,"slick-prev":!0},t=this.clickHandler.bind(this,{message:"previous"});!this.props.infinite&&(0===this.props.currentSlide||this.props.slideCount<=this.props.slidesToShow)&&(e["slick-disabled"]=!0,t=null);var r={key:"0","data-role":"none",className:(0,u.default)(e),style:{display:"block"},onClick:t},n={currentSlide:this.props.currentSlide,slideCount:this.props.slideCount};return this.props.prevArrow?i.default.cloneElement(this.props.prevArrow,p(p({},r),n)):i.default.createElement("button",s({key:"0",type:"button"},r)," ","Previous")}}]),t}(),e.NextArrow=function(){h(t,i["default"].PureComponent);var e=O(t);function t(){return y(this,t),e.apply(this,arguments)}return d(t,[{key:"clickHandler",value:function(e,t){t&&t.preventDefault(),this.props.clickHandler(e,t)}},{key:"render",value:function(){var e={"slick-arrow":!0,"slick-next":!0},t=this.clickHandler.bind(this,{message:"next"});(0,l.canGoNext)(this.props)||(e["slick-disabled"]=!0,t=null);var r={key:"1","data-role":"none",className:(0,u.default)(e),style:{display:"block"},onClick:t},n={currentSlide:this.props.currentSlide,slideCount:this.props.slideCount};return this.props.nextArrow?i.default.cloneElement(this.props.nextArrow,p(p({},r),n)):i.default.createElement("button",s({key:"1",type:"button"},r)," ","Next")}}]),t}();
|
|
2
2
|
//# sourceMappingURL=arrows.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{__exports as e}from"../../../_virtual/dots.js";export{__exports as default}from"../../../_virtual/dots.js";import t from"react";import"../../classnames/index.js";import"./utils/innerSliderUtils.js";import{__exports as r}from"../../../_virtual/innerSliderUtils.js";import{c as o}from"../../../_virtual/
|
|
1
|
+
import{__exports as e}from"../../../_virtual/dots.js";export{__exports as default}from"../../../_virtual/dots.js";import t from"react";import"../../classnames/index.js";import"./utils/innerSliderUtils.js";import{__exports as r}from"../../../_virtual/innerSliderUtils.js";import{c as o}from"../../../_virtual/index3.js";function n(e){return n="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},n(e)}Object.defineProperty(e,"__esModule",{value:!0}),e.Dots=void 0;var i=u(t),c=u(o.exports),l=r;function u(e){return e&&e.__esModule?e:{default:e}}function s(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t&&(o=o.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,o)}return r}function a(e,t,r){return(t=p(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e,t){for(var r=0;r<t.length;r++){var o=t[r];o.enumerable=o.enumerable||!1,o.configurable=!0,"value"in o&&(o.writable=!0),Object.defineProperty(e,p(o.key),o)}}function p(e){var t=function(e,t){if("object"!=n(e)||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var o=r.call(e,t||"default");if("object"!=n(o))return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==n(t)?t:String(t)}function d(e,t){return d=Object.setPrototypeOf?Object.setPrototypeOf.bind():function(e,t){return e.__proto__=t,e},d(e,t)}function y(e){var t=b();return function(){var r,o=m(e);if(t){var i=m(this).constructor;r=Reflect.construct(o,arguments,i)}else r=o.apply(this,arguments);return function(e,t){if(t&&("object"===n(t)||"function"==typeof t))return t;if(void 0!==t)throw new TypeError("Derived constructors may only return object or undefined");return function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e)}(this,r)}}function b(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(b=function(){return!!e})()}function m(e){return m=Object.setPrototypeOf?Object.getPrototypeOf.bind():function(e){return e.__proto__||Object.getPrototypeOf(e)},m(e)}e.Dots=function(){!function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),Object.defineProperty(e,"prototype",{writable:!1}),t&&d(e,t)}(n,i["default"].PureComponent);var e,t,r,o=y(n);function n(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,n),o.apply(this,arguments)}return e=n,t=[{key:"clickHandler",value:function(e,t){t.preventDefault(),this.props.clickHandler(e)}},{key:"render",value:function(){for(var e,t=this.props,r=t.onMouseEnter,o=t.onMouseOver,n=t.onMouseLeave,u=t.infinite,f=t.slidesToScroll,p=t.slidesToShow,d=t.slideCount,y=t.currentSlide,b=(e={slideCount:d,slidesToScroll:f,slidesToShow:p,infinite:u}).infinite?Math.ceil(e.slideCount/e.slidesToScroll):Math.ceil((e.slideCount-e.slidesToShow)/e.slidesToScroll)+1,m={onMouseEnter:r,onMouseOver:o,onMouseLeave:n},v=[],O=0;O<b;O++){var h=(O+1)*f-1,j=u?h:(0,l.clamp)(h,0,d-1),w=j-(f-1),S=u?w:(0,l.clamp)(w,0,d-1),P=(0,c.default)({"slick-active":u?y>=S&&y<=j:y===S}),_={message:"dots",index:O,slidesToScroll:f,currentSlide:y},g=this.clickHandler.bind(this,_);v=v.concat(i.default.createElement("li",{key:O,className:P},i.default.cloneElement(this.props.customPaging(O),{onClick:g})))}return i.default.cloneElement(this.props.appendDots(v),function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?s(Object(r),!0).forEach(function(t){a(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):s(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}({className:this.props.dotsClass},m))}}],t&&f(e.prototype,t),r&&f(e,r),Object.defineProperty(e,"prototype",{writable:!1}),n}();
|
|
2
2
|
//# sourceMappingURL=dots.js.map
|