@webiny/ui 5.36.2 → 5.37.0-beta.1

package/Input/Input.js.map

@@ -1 +1 @@
-{"version":3,"names":["webinyInputStyles","css","rmwcProps","Input","props","onChange","useCallback","e","rawOnChange","target","value","onBlur","validate","persist","autoFocus","label","description","placeholder","rows","validation","icon","trailingIcon","onEnter","rest","inputValue","validationIsValid","isValid","validationMessage","message","inputOnKeyDown","key","onKeyDown","pick","Boolean","undefined","classNames","defaultProps"],"sources":["Input.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { TextField, TextFieldProps } from \"@rmwc/textfield\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport pick from \"lodash/pick\";\nimport { FormComponentProps } from \"~/types\";\nimport { ReactElement } from \"react\";\nimport { css } from \"emotion\";\nimport classNames from \"classnames\";\n\nexport type InputProps<TValue = any> = FormComponentProps<TValue> &\n    TextFieldProps & {\n        // Should this input be filled with browser values\n        autoComplete?: string;\n\n        // If true, will pass native `event` to the `onChange` callback\n        rawOnChange?: boolean;\n\n        // Auto-focus input\n        autoFocus?: boolean;\n\n        // Input placeholder\n        placeholder?: string;\n\n        // Description beneath the input.\n        description?: string | ReactElement;\n\n        // Converts input into a text area with given number of rows.\n        rows?: number;\n\n        maxLength?: number;\n\n        // A callback that is executed when input focus is lost.\n        onBlur?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n\n        onKeyDown?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n\n        // A callback that gets triggered when the user presses the \"Enter\" key.\n        onEnter?: () => any;\n\n        // CSS class name\n        className?: string;\n\n        // For testing purposes.\n        \"data-testid\"?: string;\n    };\n\n/**\n * fix label position when autofilled\n * @type {string}\n */\nconst webinyInputStyles = css`\n    .mdc-text-field__input:-webkit-autofill + .mdc-floating-label {\n        transform: translateY(-106%) scale(0.75);\n    }\n`;\n\n/**\n * Use Input component to store short string values, like first name, last name, e-mail etc.\n * Additionally, with rows prop, it can also be turned into a text area, to store longer strings.\n */\n\n// IconProps directly passed to RMWC\nconst rmwcProps = [\n    \"label\",\n    \"type\",\n    \"step\",\n    \"disabled\",\n    \"readOnly\",\n    \"placeholder\",\n    \"outlined\",\n    \"onKeyDown\",\n    \"onKeyPress\",\n    \"onKeyUp\",\n    \"onFocus\",\n    \"rootProps\",\n    \"fullwidth\",\n    \"inputRef\",\n    \"className\",\n    \"maxLength\",\n    \"characterCount\"\n];\n\nexport const Input: React.FC<InputProps> = props => {\n    const onChange = useCallback(\n        (e: React.SyntheticEvent<HTMLInputElement>) => {\n            const { onChange, rawOnChange } = props;\n            if (!onChange) {\n                return;\n            }\n\n            // @ts-ignore\n            onChange(rawOnChange ? e : e.target.value);\n        },\n        [props.onChange, props.rawOnChange]\n    );\n\n    const onBlur = useCallback(\n        async (e: React.SyntheticEvent<HTMLInputElement>) => {\n            const { validate, onBlur } = props;\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            onBlur && onBlur(e);\n        },\n        [props.validate, props.onBlur]\n    );\n\n    const {\n        autoFocus,\n        value,\n        label,\n        description,\n        placeholder,\n        rows,\n        validation,\n        icon,\n        trailingIcon,\n        onEnter,\n        ...rest\n    } = props;\n\n    let inputValue = value;\n    if (value === null || typeof value === \"undefined\") {\n        inputValue = \"\";\n    }\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const inputOnKeyDown = useCallback(\n        e => {\n            if (typeof onEnter === \"function\" && e.key === \"Enter\") {\n                onEnter();\n            }\n\n            if (typeof rest.onKeyDown === \"function\") {\n                return rest.onKeyDown(e);\n            }\n        },\n        [rest.onKeyDown, onEnter]\n    );\n\n    return (\n        <React.Fragment>\n            <TextField\n                {...pick(rest, rmwcProps)}\n                onKeyDown={inputOnKeyDown}\n                autoFocus={autoFocus}\n                textarea={Boolean(rows)}\n                value={inputValue}\n                onChange={onChange}\n                onBlur={onBlur}\n                label={label}\n                icon={icon}\n                placeholder={(!label && placeholder) || undefined}\n                trailingIcon={trailingIcon}\n                rows={rows}\n                className={classNames(\"webiny-ui-input\", webinyInputStyles)}\n                data-testid={props[\"data-testid\"]}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nInput.defaultProps = { rawOnChange: false };\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_textfield","_FormElementMessage","_pick","_interopRequireDefault","_classnames","_styled","_excluded","rmwcProps","Input","props","onChange","useCallback","e","rawOnChange","target","value","onBlur","_ref","_asyncToGenerator2","default","_regeneratorRuntime2","mark","_callee","validate","wrap","_callee$","_context","prev","next","persist","stop","_x","apply","arguments","autoFocus","label","description","placeholder","rows","validation","icon","trailingIcon","onEnter","size","rest","_objectWithoutProperties2","inputValue","_ref2","validationIsValid","isValid","validationMessage","message","inputOnKeyDown","key","onKeyDown","createElement","Fragment","TextField","Object","assign","pick","textarea","Boolean","undefined","className","classNames","webinyInputStyles","concat","FormElementMessage","error","exports","defaultProps"],"sources":["Input.tsx"],"sourcesContent":["import React, { useCallback } from \"react\";\nimport { TextField, TextFieldProps } from \"@rmwc/textfield\";\nimport { FormElementMessage } from \"~/FormElementMessage\";\nimport pick from \"lodash/pick\";\nimport { FormComponentProps } from \"~/types\";\nimport { ReactElement } from \"react\";\nimport classNames from \"classnames\";\nimport { webinyInputStyles } from \"./styled\";\n\nexport type InputProps<TValue = any> = FormComponentProps<TValue> &\n    TextFieldProps & {\n        // Should this input be filled with browser values\n        autoComplete?: string;\n\n        // If true, will pass native `event` to the `onChange` callback\n        rawOnChange?: boolean;\n\n        // Auto-focus input\n        autoFocus?: boolean;\n\n        // Input placeholder\n        placeholder?: string;\n\n        // Description beneath the input.\n        description?: string | ReactElement;\n\n        // Converts input into a text area with given number of rows.\n        rows?: number;\n\n        maxLength?: number;\n\n        // A callback that is executed when input focus is lost.\n        onBlur?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n\n        onKeyDown?: (e: React.SyntheticEvent<HTMLInputElement>) => any;\n\n        // A callback that gets triggered when the user presses the \"Enter\" key.\n        onEnter?: () => any;\n\n        // CSS class name\n        className?: string;\n\n        // For testing purposes.\n        \"data-testid\"?: string;\n\n        // Size - small, medium or large\n        size?: \"small\" | \"medium\" | \"large\";\n    };\n\n/**\n * Use Input component to store short string values, like first name, last name, e-mail etc.\n * Additionally, with rows prop, it can also be turned into a text area, to store longer strings.\n */\n\n// IconProps directly passed to RMWC\nconst rmwcProps = [\n    \"label\",\n    \"type\",\n    \"step\",\n    \"disabled\",\n    \"readOnly\",\n    \"placeholder\",\n    \"outlined\",\n    \"onKeyDown\",\n    \"onKeyPress\",\n    \"onKeyUp\",\n    \"onFocus\",\n    \"rootProps\",\n    \"fullwidth\",\n    \"inputRef\",\n    \"className\",\n    \"maxLength\",\n    \"characterCount\"\n];\n\nexport const Input: React.FC<InputProps> = props => {\n    const onChange = useCallback(\n        (e: React.SyntheticEvent<HTMLInputElement>) => {\n            const { onChange, rawOnChange } = props;\n            if (!onChange) {\n                return;\n            }\n\n            // @ts-ignore\n            onChange(rawOnChange ? e : e.target.value);\n        },\n        [props.onChange, props.rawOnChange]\n    );\n\n    const onBlur = useCallback(\n        async (e: React.SyntheticEvent<HTMLInputElement>) => {\n            const { validate, onBlur } = props;\n            if (validate) {\n                // Since we are accessing event in an async operation, we need to persist it.\n                // See https://reactjs.org/docs/events.html#event-pooling.\n                e.persist();\n                await validate();\n            }\n            onBlur && onBlur(e);\n        },\n        [props.validate, props.onBlur]\n    );\n\n    const {\n        autoFocus,\n        value,\n        label,\n        description,\n        placeholder,\n        rows,\n        validation,\n        icon,\n        trailingIcon,\n        onEnter,\n        size,\n        ...rest\n    } = props;\n\n    let inputValue = value;\n    if (value === null || typeof value === \"undefined\") {\n        inputValue = \"\";\n    }\n\n    const { isValid: validationIsValid, message: validationMessage } = validation || {};\n\n    const inputOnKeyDown = useCallback(\n        e => {\n            if (typeof onEnter === \"function\" && e.key === \"Enter\") {\n                onEnter();\n            }\n\n            if (typeof rest.onKeyDown === \"function\") {\n                return rest.onKeyDown(e);\n            }\n        },\n        [rest.onKeyDown, onEnter]\n    );\n\n    return (\n        <React.Fragment>\n            <TextField\n                {...pick(rest, rmwcProps)}\n                onKeyDown={inputOnKeyDown}\n                autoFocus={autoFocus}\n                textarea={Boolean(rows)}\n                value={inputValue}\n                onChange={onChange}\n                onBlur={onBlur}\n                label={label}\n                icon={icon}\n                placeholder={(!label && placeholder) || undefined}\n                trailingIcon={trailingIcon}\n                rows={rows}\n                className={classNames(\n                    \"webiny-ui-input\",\n                    webinyInputStyles,\n                    props.size ? `webiny-ui-input--size-${size}` : null\n                )}\n                data-testid={props[\"data-testid\"]}\n            />\n\n            {validationIsValid === false && (\n                <FormElementMessage error>{validationMessage}</FormElementMessage>\n            )}\n            {validationIsValid !== false && description && (\n                <FormElementMessage>{description}</FormElementMessage>\n            )}\n        </React.Fragment>\n    );\n};\n\nInput.defaultProps = { rawOnChange: false };\n"],"mappings":"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"}

package/Input/Input.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","bindProps","name","validators","validation","create","disabled","boolean","readme","Bind","info","propTables","Input"],"sources":["Input.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./../Input/README.md\";\nimport { ReactComponent as AutoRenewIcon } from \"./svg/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./svg/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as BaselineDeleteIcon } from \"./svg/baseline-delete-24px.svg\";\nimport { ReactComponent as BaselineDoneIcon } from \"./svg/baseline-done-24px.svg\";\n\nimport { Form } from \"@webiny/form\";\nimport { Input } from \"./Input\";\nimport { validation } from \"@webiny/validation\";\n\nconst story = storiesOf(\"Components/Input\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const bindProps = {\n            name: \"name\",\n            validators: validation.create(\"required,minLength:3\")\n        };\n\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Label, description and validation\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <Bind {...bindProps}>\n                                    <Input\n                                        label={\"Your name\"}\n                                        disabled={disabled}\n                                        description={\"This is your profile name\"}\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind\n                                name=\"name\"\n                                validators={validation.create(\"required,minLength:3\")}>\n                                <Input label={\"Your name\"} disabled={${disabled}} description={\"This is your profile name\"}/>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"With icon (box)\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <React.Fragment>\n                                    <Bind name=\"phone\">\n                                        <Input\n                                            icon={<AutoRenewIcon />}\n                                            label={\"Your phone number\"}\n                                            description={\"Please enter a real number\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                    <Bind name=\"mobile\">\n                                        <Input\n                                            trailingIcon={<CloudDoneIcon />}\n                                            label={\"Your mobile number\"}\n                                            description={\"An SMS will be sent to this number\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                </React.Fragment>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"phone\">\n                                    <Input\n                                        icon={<AutoRenewIcon />}\n                                        label={\"Your phone number\"}\n                                        description={\"Please enter a real number\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                                <Bind name=\"mobile\">\n                                    <Input\n                                        trailingIcon={<CloudDoneIcon />}\n                                        label={\"Your mobile number\"}\n                                        description={\"An SMS will be sent to this number\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"With icon (outlined)\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <React.Fragment>\n                                    <Bind name=\"phone\">\n                                        <Input\n                                            outlined\n                                            icon={<BaselineDeleteIcon />}\n                                            label={\"Your phone number\"}\n                                            description={\"Please enter a real number\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                    <Bind name=\"mobile\">\n                                        <Input\n                                            outlined\n                                            trailingIcon={<BaselineDoneIcon />}\n                                            label={\"Your mobile number\"}\n                                            description={\"An SMS will be sent to this number\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                </React.Fragment>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"phone\">\n                                    <Input\n                                        outlined\n                                        icon={<BaselineDeleteIcon />}\n                                        label={\"Your phone number\"}\n                                        description={\"Please enter a real number\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                                <Bind name=\"mobile\">\n                                    <Input\n                                        outlined\n                                        trailingIcon={<BaselineDoneIcon />}\n                                        label={\"Your mobile number\"}\n                                        description={\"An SMS will be sent to this number\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Full width\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <Bind {...bindProps}>\n                                    <Input\n                                        placeholder={\"Your name\"}\n                                        fullwidth\n                                        disabled={disabled}\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind\n                                name=\"name\"\n                                validators={validation.create(\"required,minLength:3\")}>\n                                <Input placeholder={\"Your name\"} fullwidth disabled={${disabled}}/>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Textarea\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <React.Fragment>\n                                    <Bind name=\"info\">\n                                        <Input\n                                            rows={6}\n                                            placeholder={\"Tell us something...\"}\n                                            description={\"Just a little bit about yourself.\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                    <Bind name=\"description\">\n                                        <Input\n                                            fullwidth\n                                            rows={6}\n                                            placeholder={\"How's the weather today?\"}\n                                            description={\"We actually need to know.\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                </React.Fragment>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"info\">\n                                    <Input\n                                        rows={6}\n                                        placeholder={\"Tell us something...\"}\n                                        description={\"Just a little bit about yourself.\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                                <Bind name=\"description\">\n                                    <Input\n                                        fullwidth\n                                        rows={6}\n                                        placeholder={\"How's the weather today?\"}\n                                        description={\"We actually need to know.\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Input] } }\n);\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_addonKnobs","_README","_baselineAutorenew24px","_baselineCloud_done24px","_baselineDelete24px","_baselineDone24px","_form","_Input","_validation","story","storiesOf","module","addDecorator","withKnobs","add","bindProps","name","validators","validation","create","disabled","boolean","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","title","Form","_ref","Bind","Input","label","description","StorySandboxCode","concat","_ref2","Fragment","icon","ReactComponent","trailingIcon","_ref3","outlined","_ref4","placeholder","fullwidth","_ref5","rows","info","propTables"],"sources":["Input.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport { withKnobs, boolean } from \"@storybook/addon-knobs\";\nimport readme from \"./../Input/README.md\";\nimport { ReactComponent as AutoRenewIcon } from \"./svg/baseline-autorenew-24px.svg\";\nimport { ReactComponent as CloudDoneIcon } from \"./svg/baseline-cloud_done-24px.svg\";\nimport { ReactComponent as BaselineDeleteIcon } from \"./svg/baseline-delete-24px.svg\";\nimport { ReactComponent as BaselineDoneIcon } from \"./svg/baseline-done-24px.svg\";\n\nimport { Form } from \"@webiny/form\";\nimport { Input } from \"./Input\";\nimport { validation } from \"@webiny/validation\";\n\nconst story = storiesOf(\"Components/Input\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"usage\",\n    () => {\n        const bindProps = {\n            name: \"name\",\n            validators: validation.create(\"required,minLength:3\")\n        };\n\n        const disabled = boolean(\"Disabled\", false);\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Label, description and validation\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <Bind {...bindProps}>\n                                    <Input\n                                        label={\"Your name\"}\n                                        disabled={disabled}\n                                        description={\"This is your profile name\"}\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind\n                                name=\"name\"\n                                validators={validation.create(\"required,minLength:3\")}>\n                                <Input label={\"Your name\"} disabled={${disabled}} description={\"This is your profile name\"}/>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"With icon (box)\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <React.Fragment>\n                                    <Bind name=\"phone\">\n                                        <Input\n                                            icon={<AutoRenewIcon />}\n                                            label={\"Your phone number\"}\n                                            description={\"Please enter a real number\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                    <Bind name=\"mobile\">\n                                        <Input\n                                            trailingIcon={<CloudDoneIcon />}\n                                            label={\"Your mobile number\"}\n                                            description={\"An SMS will be sent to this number\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                </React.Fragment>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"phone\">\n                                    <Input\n                                        icon={<AutoRenewIcon />}\n                                        label={\"Your phone number\"}\n                                        description={\"Please enter a real number\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                                <Bind name=\"mobile\">\n                                    <Input\n                                        trailingIcon={<CloudDoneIcon />}\n                                        label={\"Your mobile number\"}\n                                        description={\"An SMS will be sent to this number\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"With icon (outlined)\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <React.Fragment>\n                                    <Bind name=\"phone\">\n                                        <Input\n                                            outlined\n                                            icon={<BaselineDeleteIcon />}\n                                            label={\"Your phone number\"}\n                                            description={\"Please enter a real number\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                    <Bind name=\"mobile\">\n                                        <Input\n                                            outlined\n                                            trailingIcon={<BaselineDoneIcon />}\n                                            label={\"Your mobile number\"}\n                                            description={\"An SMS will be sent to this number\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                </React.Fragment>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"phone\">\n                                    <Input\n                                        outlined\n                                        icon={<BaselineDeleteIcon />}\n                                        label={\"Your phone number\"}\n                                        description={\"Please enter a real number\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                                <Bind name=\"mobile\">\n                                    <Input\n                                        outlined\n                                        trailingIcon={<BaselineDoneIcon />}\n                                        label={\"Your mobile number\"}\n                                        description={\"An SMS will be sent to this number\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Full width\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <Bind {...bindProps}>\n                                    <Input\n                                        placeholder={\"Your name\"}\n                                        fullwidth\n                                        disabled={disabled}\n                                    />\n                                </Bind>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <Bind\n                                name=\"name\"\n                                validators={validation.create(\"required,minLength:3\")}>\n                                <Input placeholder={\"Your name\"} fullwidth disabled={${disabled}}/>\n                            </Bind>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n                <StorySandbox>\n                    <StorySandboxExample title={\"Textarea\"}>\n                        <Form>\n                            {({ Bind }) => (\n                                <React.Fragment>\n                                    <Bind name=\"info\">\n                                        <Input\n                                            rows={6}\n                                            placeholder={\"Tell us something...\"}\n                                            description={\"Just a little bit about yourself.\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                    <Bind name=\"description\">\n                                        <Input\n                                            fullwidth\n                                            rows={6}\n                                            placeholder={\"How's the weather today?\"}\n                                            description={\"We actually need to know.\"}\n                                            disabled={disabled}\n                                        />\n                                    </Bind>\n                                </React.Fragment>\n                            )}\n                        </Form>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                    <Form>\n                        {({ Bind }) => (\n                            <React.Fragment>\n                                <Bind name=\"info\">\n                                    <Input\n                                        rows={6}\n                                        placeholder={\"Tell us something...\"}\n                                        description={\"Just a little bit about yourself.\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                                <Bind name=\"description\">\n                                    <Input\n                                        fullwidth\n                                        rows={6}\n                                        placeholder={\"How's the weather today?\"}\n                                        description={\"We actually need to know.\"}\n                                        disabled={${disabled}}\n                                    />\n                                </Bind>\n                            </React.Fragment>\n                        )}\n                    </Form>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    { info: { propTables: [Input] } }\n);\n"],"mappings":"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"}

package/Input/__tests__/Input.test.js.map

@@ -1 +1 @@
-{"version":3,"names":["afterEach","cleanup","setup","props","renderArg","onChange","_","value","renderProp","jest","fn","controllerArg","Object","assign","Test","setState","state","callAll","React","Component","utils","render","fns","args","forEach","describe","test","expect","toContainKeys","toBe"],"sources":["Input.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"../index\";\nimport \"jest-dom/extend-expect\";\nimport { render, cleanup } from \"@testing-library/react\";\n\nafterEach(cleanup);\n\ninterface SetupProps {\n    onChange?: () => void;\n}\nfunction setup(props: SetupProps = {}) {\n    const renderArg = {\n        // eslint-disable-next-line\n        onChange: (_: string) => {},\n        value: null\n    };\n    const renderProp = jest.fn(controllerArg => {\n        Object.assign(renderArg, controllerArg);\n        return null;\n    });\n\n    const onChange = props.onChange\n        ? props.onChange\n        : () => {\n              return void 0;\n          };\n\n    class Test extends React.Component {\n        public override state = { value: \"init-value\" };\n\n        onChange = (value: string) => {\n            this.setState({ value });\n        };\n\n        public override render() {\n            return (\n                <Input\n                    {...props}\n                    value={this.state.value}\n                    onChange={callAll(onChange, this.onChange)}\n                >\n                    {renderProp}\n                </Input>\n            );\n        }\n    }\n\n    const utils = render(<Test />);\n\n    return { renderArg, ...utils };\n}\n\n/**\n * This return a function that will call all the given functions with\n * the arguments with which it's called. It does a null-check before\n * attempting to call the functions and can take any number of functions.\n * @param {...Function} fns the functions to call\n * @return {Function} the function that calls all the functions\n */\nfunction callAll(...fns: Function[]) {\n    return (...args: any) => {\n        fns.forEach(fn => {\n            fn && fn(...args);\n        });\n    };\n}\n\ndescribe(\"Input tests\", () => {\n    test(\"passes expected props to render prop\", () => {\n        const { renderArg } = setup();\n\n        // @ts-ignore\n        expect(renderArg).toContainKeys([\"value\", \"validation\", \"onChange\", \"onBlur\"]);\n    });\n\n    test(\"updates value via onChange\", () => {\n        const { renderArg } = setup();\n        expect(renderArg.value).toBe(\"init-value\");\n        renderArg.onChange(\"new-value\");\n        expect(renderArg.value).toBe(\"new-value\");\n        renderArg.onChange(\"third-value\");\n        expect(renderArg.value).toBe(\"third-value\");\n    });\n});\n"],"mappings":";;;;;;;;;;AAAA;AACA;AACA;AACA;AAEAA,SAAS,CAACC,eAAO,CAAC;AAKlB,SAASC,KAAK,GAAyB;EAAA,IAAxBC,KAAiB,uEAAG,CAAC,CAAC;EACjC,IAAMC,SAAS,GAAG;IACd;IACAC,QAAQ,EAAE,kBAACC,CAAS,EAAK,CAAC,CAAC;IAC3BC,KAAK,EAAE;EACX,CAAC;EACD,IAAMC,UAAU,GAAGC,IAAI,CAACC,EAAE,CAAC,UAAAC,aAAa,EAAI;IACxCC,MAAM,CAACC,MAAM,CAACT,SAAS,EAAEO,aAAa,CAAC;IACvC,OAAO,IAAI;EACf,CAAC,CAAC;EAEF,IAAMN,QAAQ,GAAGF,KAAK,CAACE,QAAQ,GACzBF,KAAK,CAACE,QAAQ,GACd,YAAM;IACF,OAAO,KAAK,CAAC;EACjB,CAAC;EAAC,IAEFS,IAAI;IAAA;IAAA;IAAA;MAAA;MAAA;MAAA;QAAA;MAAA;MAAA;MAAA,oFACkB;QAAEP,KAAK,EAAE;MAAa,CAAC;MAAA,uFAEpC,UAACA,KAAa,EAAK;QAC1B,MAAKQ,QAAQ,CAAC;UAAER,KAAK,EAALA;QAAM,CAAC,CAAC;MAC5B,CAAC;MAAA;IAAA;IAAA;MAAA;MAAA,OAED,kBAAyB;QACrB,oBACI,6BAAC,YAAK,oBACEJ,KAAK;UACT,KAAK,EAAE,IAAI,CAACa,KAAK,CAACT,KAAM;UACxB,QAAQ,EAAEU,OAAO,CAACZ,QAAQ,EAAE,IAAI,CAACA,QAAQ;QAAE,IAE1CG,UAAU,CACP;MAEhB;IAAC;IAAA;EAAA,EAjBcU,cAAK,CAACC,SAAS;EAoBlC,IAAMC,KAAK,GAAG,IAAAC,cAAM,gBAAC,6BAAC,IAAI,OAAG,CAAC;EAE9B;IAASjB,SAAS,EAATA;EAAS,GAAKgB,KAAK;AAChC;;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASH,OAAO,GAAqB;EAAA,mCAAjBK,GAAG;IAAHA,GAAG;EAAA;EACnB,OAAO,YAAkB;IAAA,mCAAdC,IAAI;MAAJA,IAAI;IAAA;IACXD,GAAG,CAACE,OAAO,CAAC,UAAAd,EAAE,EAAI;MACdA,EAAE,IAAIA,EAAE,eAAIa,IAAI,CAAC;IACrB,CAAC,CAAC;EACN,CAAC;AACL;AAEAE,QAAQ,CAAC,aAAa,EAAE,YAAM;EAC1BC,IAAI,CAAC,sCAAsC,EAAE,YAAM;IAC/C,aAAsBxB,KAAK,EAAE;MAArBE,SAAS,UAATA,SAAS;;IAEjB;IACAuB,MAAM,CAACvB,SAAS,CAAC,CAACwB,aAAa,CAAC,CAAC,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,QAAQ,CAAC,CAAC;EAClF,CAAC,CAAC;EAEFF,IAAI,CAAC,4BAA4B,EAAE,YAAM;IACrC,cAAsBxB,KAAK,EAAE;MAArBE,SAAS,WAATA,SAAS;IACjBuB,MAAM,CAACvB,SAAS,CAACG,KAAK,CAAC,CAACsB,IAAI,CAAC,YAAY,CAAC;IAC1CzB,SAAS,CAACC,QAAQ,CAAC,WAAW,CAAC;IAC/BsB,MAAM,CAACvB,SAAS,CAACG,KAAK,CAAC,CAACsB,IAAI,CAAC,WAAW,CAAC;IACzCzB,SAAS,CAACC,QAAQ,CAAC,aAAa,CAAC;IACjCsB,MAAM,CAACvB,SAAS,CAACG,KAAK,CAAC,CAACsB,IAAI,CAAC,aAAa,CAAC;EAC/C,CAAC,CAAC;AACN,CAAC,CAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_index","_react2","afterEach","cleanup","setup","props","arguments","length","undefined","renderArg","onChange","_","value","renderProp","jest","fn","controllerArg","Object","assign","Test","_React$Component","_inherits2","default","_super","_createSuper2","_this","_classCallCheck2","_len","args","Array","_key","call","apply","concat","_defineProperty2","_assertThisInitialized2","setState","_createClass2","key","render","createElement","Input","state","callAll","React","Component","utils","_objectSpread2","_len2","fns","_key2","_len3","_key3","forEach","describe","test","_setup","expect","toContainKeys","_setup2","toBe"],"sources":["Input.test.tsx"],"sourcesContent":["import React from \"react\";\nimport { Input } from \"../index\";\nimport \"jest-dom/extend-expect\";\nimport { render, cleanup } from \"@testing-library/react\";\n\nafterEach(cleanup);\n\ninterface SetupProps {\n    onChange?: () => void;\n}\nfunction setup(props: SetupProps = {}) {\n    const renderArg = {\n        // eslint-disable-next-line\n        onChange: (_: string) => {},\n        value: null\n    };\n    const renderProp = jest.fn(controllerArg => {\n        Object.assign(renderArg, controllerArg);\n        return null;\n    });\n\n    const onChange = props.onChange\n        ? props.onChange\n        : () => {\n              return void 0;\n          };\n\n    class Test extends React.Component {\n        public override state = { value: \"init-value\" };\n\n        onChange = (value: string) => {\n            this.setState({ value });\n        };\n\n        public override render() {\n            return (\n                <Input\n                    {...props}\n                    value={this.state.value}\n                    onChange={callAll(onChange, this.onChange)}\n                >\n                    {renderProp}\n                </Input>\n            );\n        }\n    }\n\n    const utils = render(<Test />);\n\n    return { renderArg, ...utils };\n}\n\n/**\n * This return a function that will call all the given functions with\n * the arguments with which it's called. It does a null-check before\n * attempting to call the functions and can take any number of functions.\n * @param {...Function} fns the functions to call\n * @return {Function} the function that calls all the functions\n */\nfunction callAll(...fns: Function[]) {\n    return (...args: any) => {\n        fns.forEach(fn => {\n            fn && fn(...args);\n        });\n    };\n}\n\ndescribe(\"Input tests\", () => {\n    test(\"passes expected props to render prop\", () => {\n        const { renderArg } = setup();\n\n        // @ts-ignore\n        expect(renderArg).toContainKeys([\"value\", \"validation\", \"onChange\", \"onBlur\"]);\n    });\n\n    test(\"updates value via onChange\", () => {\n        const { renderArg } = setup();\n        expect(renderArg.value).toBe(\"init-value\");\n        renderArg.onChange(\"new-value\");\n        expect(renderArg.value).toBe(\"new-value\");\n        renderArg.onChange(\"third-value\");\n        expect(renderArg.value).toBe(\"third-value\");\n    });\n});\n"],"mappings":"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"}

package/Input/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export * from \"./Input\";\n"],"mappings":";;;;;AAAA;AAAA;EAAA;EAAA;EAAA;IAAA;IAAA;MAAA;IAAA;EAAA;AAAA"}
+{"version":3,"names":["_Input","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sources":["index.ts"],"sourcesContent":["export * from \"./Input\";\n"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/Input/styled.d.ts

@@ -0,0 +1,4 @@
+/**
+ * @type {string}
+ */
+export declare const webinyInputStyles: string;

package/Input/styled.js

@@ -0,0 +1,12 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.webinyInputStyles = void 0;
+var _emotion = require("emotion");
+/**
+ * @type {string}
+ */
+var webinyInputStyles = /*#__PURE__*/(0, _emotion.css)(".mdc-text-field__input:-webkit-autofill + .mdc-floating-label{transform:translateY(-106%) scale(0.75);}&.webiny-ui-input--size-medium{&.mdc-text-field{height:40px;font-size:0.85em;}}&.webiny-ui-input--size-small{&.mdc-text-field{height:30px;font-size:0.75em;}}label:webinyInputStyles;");
+exports.webinyInputStyles = webinyInputStyles;

package/Input/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_emotion","require","webinyInputStyles","css","exports"],"sources":["styled.tsx"],"sourcesContent":["import { css } from \"emotion\";\n\n/**\n * @type {string}\n */\nexport const webinyInputStyles = css`\n    //  fix label position when autofilled\n    .mdc-text-field__input:-webkit-autofill + .mdc-floating-label {\n        transform: translateY(-106%) scale(0.75);\n    }\n\n    // medium input styles\n    &.webiny-ui-input--size-medium {\n        &.mdc-text-field {\n            height: 40px;\n            font-size: 0.85em;\n        }\n    }\n\n    // small input styles\n    &.webiny-ui-input--size-small {\n        &.mdc-text-field {\n            height: 30px;\n            font-size: 0.75em;\n        }\n    }\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACO,IAAMC,iBAAiB,oBAAGC,YAAG,iSAqBnC;AAACC,OAAA,CAAAF,iBAAA,GAAAA,iBAAA"}

package/List/CollapsibleList/CollapsibleList.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","readme","info","propTables","CollapsibleList","SimpleListItem"],"sources":["CollapsibleList.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { withKnobs } from \"@storybook/addon-knobs\";\n\nimport { CollapsibleList } from \"./index\";\nimport { SimpleListItem } from \"./../List\";\n\nconst story = storiesOf(\"Components/List\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"collapsible list\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <CollapsibleList handle={<SimpleListItem text=\"Fruits\" />}>\n                            <SimpleListItem text=\"Bananas\" />\n                            <SimpleListItem text=\"Grapes\" />\n                            <SimpleListItem text=\"Oranges\" />\n                        </CollapsibleList>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                         <CollapsibleList handle={<SimpleListItem text=\"Fruits\" />}>\n                            <SimpleListItem text=\"Bananas\" />\n                            <SimpleListItem text=\"Grapes\" />\n                            <SimpleListItem text=\"Oranges\" />\n                        </CollapsibleList>\n                      `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [CollapsibleList, SimpleListItem]\n        }\n    }\n);\n"],"mappings":";;;AAAA;AACA;AACA;AAOA;AACA;AAEA;AACA;AAEA,IAAMA,KAAK,GAAG,IAAAC,iBAAS,EAAC,iBAAiB,EAAEC,MAAM,CAAC;AAClDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,kBAAkB,EAClB,YAAM;EACF,oBACI,6BAAC,YAAK,qBACF,6BAAC,kBAAW,QAAEC,eAAM,CAAe,eAEnC,6BAAC,mBAAY,qBACT,6BAAC,0BAAmB,qBAChB,6BAAC,sBAAe;IAAC,MAAM,eAAE,6BAAC,oBAAc;MAAC,IAAI,EAAC;IAAQ;EAAI,gBACtD,6BAAC,oBAAc;IAAC,IAAI,EAAC;EAAS,EAAG,eACjC,6BAAC,oBAAc;IAAC,IAAI,EAAC;EAAQ,EAAG,eAChC,6BAAC,oBAAc;IAAC,IAAI,EAAC;EAAS,EAAG,CACnB,CACA,eACtB,6BAAC,uBAAgB,yWAQE,CACR,CACX;AAEhB,CAAC,EACD;EACIC,IAAI,EAAE;IACFC,UAAU,EAAE,CAACC,sBAAe,EAAEC,oBAAc;EAChD;AACJ,CAAC,CACJ"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_addonKnobs","_index","_List","story","storiesOf","module","addDecorator","withKnobs","add","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","CollapsibleList","handle","SimpleListItem","text","StorySandboxCode","info","propTables"],"sources":["CollapsibleList.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./README.md\";\nimport { withKnobs } from \"@storybook/addon-knobs\";\n\nimport { CollapsibleList } from \"./index\";\nimport { SimpleListItem } from \"./../List\";\n\nconst story = storiesOf(\"Components/List\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"collapsible list\",\n    () => {\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <CollapsibleList handle={<SimpleListItem text=\"Fruits\" />}>\n                            <SimpleListItem text=\"Bananas\" />\n                            <SimpleListItem text=\"Grapes\" />\n                            <SimpleListItem text=\"Oranges\" />\n                        </CollapsibleList>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                         <CollapsibleList handle={<SimpleListItem text=\"Fruits\" />}>\n                            <SimpleListItem text=\"Bananas\" />\n                            <SimpleListItem text=\"Grapes\" />\n                            <SimpleListItem text=\"Oranges\" />\n                        </CollapsibleList>\n                      `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [CollapsibleList, SimpleListItem]\n        }\n    }\n);\n"],"mappings":";;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AAOA,IAAAG,OAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,WAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AACA,IAAAM,KAAA,GAAAN,OAAA;AAEA,IAAMO,KAAK,GAAG,IAAAC,iBAAS,EAAC,iBAAiB,EAAEC,MAAM,CAAC;AAClDF,KAAK,CAACG,YAAY,CAACC,qBAAS,CAAC;AAE7BJ,KAAK,CAACK,GAAG,CACL,kBAAkB,EAClB,YAAM;EACF,oBACId,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAa,KAAK,qBACFjB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAc,WAAW,QAAEC,eAAoB,CAAC,eAEnCnB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAgB,YAAY,qBACTpB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAiB,mBAAmB,qBAChBrB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACT,MAAA,CAAAe,eAAe;IAACC,MAAM,eAAEvB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAgB,cAAc;MAACC,IAAI,EAAC;IAAQ,CAAE;EAAE,gBACtDzB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAgB,cAAc;IAACC,IAAI,EAAC;EAAS,CAAE,CAAC,eACjCzB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAgB,cAAc;IAACC,IAAI,EAAC;EAAQ,CAAE,CAAC,eAChCzB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACR,KAAA,CAAAgB,cAAc;IAACC,IAAI,EAAC;EAAS,CAAE,CACnB,CACA,CAAC,eACtBzB,MAAA,CAAAe,OAAA,CAAAC,aAAA,CAACZ,MAAA,CAAAsB,gBAAgB,wWAQC,CACR,CACX,CAAC;AAEhB,CAAC,EACD;EACIC,IAAI,EAAE;IACFC,UAAU,EAAE,CAACN,sBAAe,EAAEE,oBAAc;EAChD;AACJ,CACJ,CAAC"}

package/List/CollapsibleList/index.js.map

@@ -1 +1 @@
-{"version":3,"names":["CollapsibleList","props"],"sources":["index.tsx"],"sourcesContent":["import \"./index.css\";\nimport React from \"react\";\nimport {\n    CollapsibleList as RmwcCollapsibleList,\n    CollapsibleListProps as RmwcCollapsibleListProps\n} from \"@rmwc/list\";\n\nexport type CollapsibleListProps = RmwcCollapsibleListProps & {\n    children: React.ReactNode;\n};\n\nexport const CollapsibleList: React.FC<CollapsibleListProps> = props => {\n    return <RmwcCollapsibleList {...props} />;\n};\n\nexport default CollapsibleList;\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AASO,IAAMA,eAA+C,GAAG,SAAlDA,eAA+C,CAAGC,KAAK,EAAI;EACpE,oBAAO,6BAAC,qBAAmB,EAAKA,KAAK,CAAI;AAC7C,CAAC;AAAC;AAAA,eAEaD,eAAe;AAAA"}
+{"version":3,"names":["require","_react","_interopRequireDefault","_list","CollapsibleList","props","default","createElement","exports","_default"],"sources":["index.tsx"],"sourcesContent":["import \"./index.css\";\nimport React from \"react\";\nimport {\n    CollapsibleList as RmwcCollapsibleList,\n    CollapsibleListProps as RmwcCollapsibleListProps\n} from \"@rmwc/list\";\n\nexport type CollapsibleListProps = RmwcCollapsibleListProps & {\n    children: React.ReactNode;\n};\n\nexport const CollapsibleList: React.FC<CollapsibleListProps> = props => {\n    return <RmwcCollapsibleList {...props} />;\n};\n\nexport default CollapsibleList;\n"],"mappings":";;;;;;;AAAAA,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AASO,IAAMI,eAA+C,GAAG,SAAlDA,eAA+CA,CAAGC,KAAK,EAAI;EACpE,oBAAOJ,MAAA,CAAAK,OAAA,CAAAC,aAAA,CAACJ,KAAA,CAAAC,eAAmB,EAAKC,KAAQ,CAAC;AAC7C,CAAC;AAACG,OAAA,CAAAJ,eAAA,GAAAA,eAAA;AAAA,IAAAK,QAAA,GAEaL,eAAe;AAAAI,OAAA,CAAAF,OAAA,GAAAG,QAAA"}

package/List/DataList/DataList.js.map

@@ -1 +1 @@
-{"version":3,"names":["ListContainer","styled","position","height","paddingBottom","paddingTop","borderBottom","padding","minHeight","display","marginRight","width","margin","alignItems","justifyContent","flexDirection","boxSizing","whiteSpace","marginTop","marginBottom","textAlign","ListHeader","ListSubHeader","ListHeaderItem","verticalAlign","opacity","pointerEvents","scrollList","css","overflow","dataListContent","MultiSelectAll","props","multiSelectActions","isAllMultiSelected","isNoneMultiSelected","multiSelectAll","data","MultiSelectActions","RefreshButton","refresh","Sorters","sorters","map","sorter","label","setSorters","value","Filters","filters","Pagination","pagination","setNextPage","classNames","disabled","hasPreviousPage","setPreviousPage","hasNextPage","Array","isArray","perPageOptions","setPerPage","perPage","DataList","render","loading","loader","isEmpty","noData","ch","children","showOptions","title","actions","Object","keys","length","search","React","cloneElement","modalOverlayAction","subHeader","modalOverlay","defaultProps","meta","setPage","noop","ScrollList","className"],"sources":["DataList.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport Loader from \"./Loader\";\nimport NoData from \"./NoData\";\nimport { Typography } from \"~/Typography\";\nimport { css } from \"emotion\";\nimport noop from \"lodash/noop\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { Checkbox } from \"../../Checkbox\";\nimport { Menu, MenuItem } from \"~/Menu\";\n\nimport {\n    RefreshIcon,\n    SortIcon,\n    FilterIcon,\n    PreviousPageIcon,\n    NextPageIcon,\n    OptionsIcon\n} from \"./icons\";\nimport { List, ListItem, ListProps } from \"..\";\nimport { DataListModalOverlayProvider } from \"./DataListModalOverlay\";\nimport { PaginationProp, SortersProp } from \"./types\";\n\nconst ListContainer = styled(\"div\")({\n    position: \"relative\",\n    height: \"100%\",\n    \".mdc-list\": {\n        paddingBottom: 0,\n        paddingTop: 0\n    },\n    \".mdc-list-item\": {\n        borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n        padding: \"10px 20px 10px 20px\",\n        height: \"auto\",\n        minHeight: 40,\n        \".mdc-list-item__text, .mdc-list-item__secondary-text, .webiny-list-text-overline\": {\n            display: \"block\"\n        },\n        \".mdc-list-item__graphic\": {\n            marginRight: 20\n        },\n        \".mdc-list-item__text\": {\n            width: \"100%\",\n            margin: \"-20px 0\",\n            padding: \"20px 0\"\n        },\n        \".mdc-list-item__meta\": {\n            alignItems: \"center\",\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            flexDirection: \"column\",\n            position: \"relative\",\n            padding: \"5px 0\",\n            boxSizing: \"border-box\",\n            height: \"100%\",\n            whiteSpace: \"nowrap\",\n            marginTop: -10,\n            marginBottom: -10,\n            \".webiny-list-actions\": {\n                display: \"none\"\n            },\n            \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n                //position: 'absolute',\n                width: \"100%\",\n                textAlign: \"right\"\n            },\n            \".webiny-list-top-caption\": {\n                marginBottom: 20\n            }\n        },\n        \"&:hover\": {\n            \".mdc-list-item__meta\": {\n                \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n                    display: \"none\"\n                },\n                \".webiny-list-actions\": {\n                    display: \"flex\",\n                    height: \"100%\",\n                    alignItems: \"center\"\n                }\n            }\n        }\n    }\n});\n\nconst ListHeader = styled.div`\n    border-bottom: 1px solid var(--mdc-theme-on-background);\n    color: var(--mdc-theme-text-primary-on-background);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0 24px;\n    max-height: 85px;\n    min-height: 85px;\n`;\n\nconst ListSubHeader = styled.div`\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    padding: 10px;\n    border-bottom: 1px solid var(--mdc-theme-on-background);\n`;\n\nconst ListHeaderItem = styled(\"div\")({\n    display: \"inline-block\",\n    verticalAlign: \"middle\",\n    \"&.disabled\": {\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    }\n});\n\nconst scrollList = css({\n    overflow: \"auto\",\n    height: \"calc(100vh - 235px)\"\n});\n\nconst dataListContent = css({\n    position: \"relative\",\n    height: \"100%\",\n    overflow: \"auto\"\n});\n\n// This was copied from \"./types\" so that it can be outputted in docs.\ninterface DataListProps {\n    // Pass a function to take full control of list render.\n    children?: ((props: any) => React.ReactNode) | null;\n\n    // A title of paginated list.\n    title?: React.ReactNode;\n\n    // FormData that needs to be shown in the list.\n    data?: Record<string, any>[] | null;\n\n    // A callback that must refresh current view by repeating the previous query.\n    refresh?: (() => void) | null;\n\n    // If true, Loader component will be shown, disallowing any interaction.\n    loading?: boolean;\n\n    // Provide a custom loader. Shown while the content is loading.\n    loader?: React.ReactNode;\n\n    // Provide a custom no data component. Shown while there is no data to be shown.\n    noData?: React.ReactNode;\n\n    // Provide all pagination data, options and callbacks here.\n    pagination?: PaginationProp;\n\n    // Triggered once a sorter has been selected.\n    setSorters?: Function | null;\n\n    // Provide all sorters options and callbacks here.\n    sorters?: SortersProp | null;\n\n    // Provide actions that will be shown in the top right corner (eg. export or import actions).\n    actions?: React.ReactNode;\n\n    // Provide filters that will be shown in the top left corner (eg. filter by category or status).\n    filters?: React.ReactNode;\n\n    // Provide actions that can be executed on one or more multi-selected list items (eg. export or delete).\n    multiSelectActions?: React.ReactNode;\n\n    // Provide callback that will be executed once user selects all list items.\n    multiSelectAll?: (value: boolean, data: Record<string, any>[] | null) => void;\n\n    // Callback which returns true if all items were selected, otherwise returns false.\n    isAllMultiSelected?: (data: Record<string, any>[] | null) => boolean;\n\n    // Callback which returns true if none of the items were selected, otherwise returns false.\n    isNoneMultiSelected?: (data: Record<string, any>[] | null) => boolean;\n\n    showOptions?: {\n        refresh?: boolean;\n        pagination?: boolean;\n        filters?: boolean;\n        sorters?: boolean;\n        [key: string]: any;\n    };\n\n    // Provide search UI that will be shown in the top left corner.\n    search?: React.ReactElement;\n    // Provide simple modal UI that will be shown over the list content.\n    modalOverlay?: React.ReactElement;\n    // Provide an action element that handle toggling the \"Modal overlay\".\n    modalOverlayAction?: React.ReactElement;\n    // Provide additional UI for list sub-header.\n    subHeader?: React.ReactElement;\n\n    meta?: Record<string, any> | null;\n\n    setPage?: ((page: string) => void) | null;\n\n    setPerPage?: ((page: string) => void) | null;\n\n    perPageOptions?: number[];\n}\n\nconst MultiSelectAll: React.FC<DataListProps> = props => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n    /**\n     * We can safely cast because we have defaults.\n     */\n    const { isAllMultiSelected, isNoneMultiSelected, multiSelectAll, data } =\n        props as Required<DataListProps>;\n\n    return (\n        <React.Fragment>\n            {typeof multiSelectAll === \"function\" && (\n                <ListHeaderItem>\n                    <Checkbox\n                        indeterminate={!isAllMultiSelected(data) && !isNoneMultiSelected(data)}\n                        value={isAllMultiSelected(data)}\n                        onClick={() => {\n                            multiSelectAll(!isAllMultiSelected(data), data);\n                        }}\n                    />\n                </ListHeaderItem>\n            )}\n        </React.Fragment>\n    );\n};\n\nconst MultiSelectActions: React.FC<DataListProps> = props => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n\n    return <ListHeaderItem>{multiSelectActions}</ListHeaderItem>;\n};\n\nconst RefreshButton: React.FC<DataListProps> = props => {\n    const refresh = props.refresh;\n    if (!refresh) {\n        return null;\n    }\n\n    return (\n        <ListHeaderItem>\n            <RefreshIcon onClick={() => refresh()} />\n        </ListHeaderItem>\n    );\n};\n\nconst Sorters: React.FC<DataListProps> = props => {\n    const sorters = props.sorters;\n    if (!sorters) {\n        return null;\n    }\n\n    return (\n        <ListHeaderItem>\n            <Menu handle={<SortIcon />}>\n                {sorters.map(sorter => (\n                    <MenuItem\n                        key={sorter.label}\n                        onClick={() => {\n                            if (sorters && props.setSorters) {\n                                props.setSorters(sorter.value);\n                            }\n                        }}\n                    >\n                        {sorter.label}\n                    </MenuItem>\n                ))}\n            </Menu>\n        </ListHeaderItem>\n    );\n};\n\nconst Filters: React.FC<DataListProps> = props => {\n    const filters = props.filters;\n    if (!filters) {\n        return null;\n    }\n\n    return (\n        <ListHeaderItem>\n            <Menu handle={<FilterIcon />}>{filters}</Menu>\n        </ListHeaderItem>\n    );\n};\n\nconst Pagination: React.FC<DataListProps> = props => {\n    const { pagination } = props;\n    if (!pagination) {\n        return null;\n    }\n\n    return (\n        <React.Fragment>\n            {pagination.setNextPage && (\n                <React.Fragment>\n                    <ListHeaderItem\n                        className={classNames({\n                            disabled: !pagination.hasPreviousPage\n                        })}\n                    >\n                        <PreviousPageIcon\n                            onClick={() => {\n                                if (pagination.setPreviousPage && pagination.hasPreviousPage) {\n                                    pagination.setPreviousPage();\n                                }\n                            }}\n                        />\n                    </ListHeaderItem>\n\n                    <ListHeaderItem\n                        className={classNames({\n                            disabled: !pagination.hasNextPage\n                        })}\n                    >\n                        <NextPageIcon\n                            onClick={() => {\n                                if (pagination.setNextPage && pagination.hasNextPage) {\n                                    pagination.setNextPage();\n                                }\n                            }}\n                        />\n                    </ListHeaderItem>\n                </React.Fragment>\n            )}\n\n            {Array.isArray(pagination.perPageOptions) && pagination.setPerPage && (\n                <ListHeaderItem>\n                    <Menu handle={<OptionsIcon />}>\n                        {pagination.setPerPage &&\n                            pagination.perPageOptions.map(perPage => (\n                                <MenuItem\n                                    key={perPage}\n                                    onClick={() =>\n                                        pagination.setPerPage && pagination.setPerPage(perPage)\n                                    }\n                                >\n                                    {perPage}\n                                </MenuItem>\n                            ))}\n                    </Menu>\n                </ListHeaderItem>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport const DataList: React.FC<DataListProps> = props => {\n    let render: React.ReactNode | null = null;\n\n    if (props.loading) {\n        render = props.loader;\n    } else if (isEmpty(props.data)) {\n        render = props.noData;\n    } else {\n        const ch = props.children;\n        render = typeof ch === \"function\" ? ch(props) : null;\n    }\n\n    const showOptions = props.showOptions || {};\n\n    return (\n        <DataListModalOverlayProvider>\n            <ListContainer className={\"webiny-data-list\"} data-testid={\"ui.list.data-list\"}>\n                {(props.title || props.actions) && (\n                    <ListHeader>\n                        <Typography use=\"headline5\">{props.title}</Typography>\n                        {props.actions}\n                    </ListHeader>\n                )}\n\n                {Object.keys(showOptions).length > 0 && (\n                    <ListSubHeader>\n                        {props.search ? React.cloneElement(props.search, props) : null}\n                        <MultiSelectAll {...props} />\n                        {showOptions.refresh && <RefreshButton {...props} />}\n                        {showOptions.pagination && <Pagination {...props} />}\n                        {showOptions.sorters && <Sorters {...props} />}\n                        {showOptions.filters && <Filters {...props} />}\n                        {props.modalOverlayAction ? (\n                            <ListHeaderItem>{props.modalOverlayAction}</ListHeaderItem>\n                        ) : null}\n                        <MultiSelectActions {...props} />\n                    </ListSubHeader>\n                )}\n\n                <div className={classNames(dataListContent, \"webiny-data-list__content\")}>\n                    {props.subHeader}\n                    {render}\n                    {props.modalOverlay}\n                </div>\n            </ListContainer>\n        </DataListModalOverlayProvider>\n    );\n};\n\nDataList.defaultProps = {\n    children: null,\n    title: null,\n    data: null,\n    meta: null,\n    loading: false,\n    refresh: () => {\n        return void 0;\n    },\n    setPage: null,\n    setPerPage: null,\n    perPageOptions: [10, 25, 50],\n    filters: null,\n    sorters: null,\n    setSorters: null,\n    actions: null,\n    multiSelectAll: noop,\n    isAllMultiSelected: () => false,\n    isNoneMultiSelected: () => false,\n    loader: <Loader />,\n    noData: <NoData />,\n    showOptions: {\n        refresh: true,\n        pagination: true,\n        sorters: true,\n        filters: true\n    }\n};\n\nexport interface ScrollListProps extends ListProps {\n    children: React.ReactElement<typeof ListItem>[];\n}\n\nexport const ScrollList: React.FC<ScrollListProps> = props => {\n    return (\n        <List {...props} className={classNames(props.className, scrollList)}>\n            {props.children}\n        </List>\n    );\n};\n"],"mappings":";;;;;;;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA;AAQA;AACA;AAGA,IAAMA,aAAa,oBAAGC,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EAChCC,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,MAAM;EACd,WAAW,EAAE;IACTC,aAAa,EAAE,CAAC;IAChBC,UAAU,EAAE;EAChB,CAAC;EACD,gBAAgB,EAAE;IACdC,YAAY,EAAE,0CAA0C;IACxDC,OAAO,EAAE,qBAAqB;IAC9BJ,MAAM,EAAE,MAAM;IACdK,SAAS,EAAE,EAAE;IACb,kFAAkF,EAAE;MAChFC,OAAO,EAAE;IACb,CAAC;IACD,yBAAyB,EAAE;MACvBC,WAAW,EAAE;IACjB,CAAC;IACD,sBAAsB,EAAE;MACpBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,SAAS;MACjBL,OAAO,EAAE;IACb,CAAC;IACD,sBAAsB,EAAE;MACpBM,UAAU,EAAE,QAAQ;MACpBJ,OAAO,EAAE,MAAM;MACfK,cAAc,EAAE,eAAe;MAC/BC,aAAa,EAAE,QAAQ;MACvBb,QAAQ,EAAE,UAAU;MACpBK,OAAO,EAAE,OAAO;MAChBS,SAAS,EAAE,YAAY;MACvBb,MAAM,EAAE,MAAM;MACdc,UAAU,EAAE,QAAQ;MACpBC,SAAS,EAAE,CAAC,EAAE;MACdC,YAAY,EAAE,CAAC,EAAE;MACjB,sBAAsB,EAAE;QACpBV,OAAO,EAAE;MACb,CAAC;MACD,uDAAuD,EAAE;QACrD;QACAE,KAAK,EAAE,MAAM;QACbS,SAAS,EAAE;MACf,CAAC;MACD,0BAA0B,EAAE;QACxBD,YAAY,EAAE;MAClB;IACJ,CAAC;IACD,SAAS,EAAE;MACP,sBAAsB,EAAE;QACpB,uDAAuD,EAAE;UACrDV,OAAO,EAAE;QACb,CAAC;QACD,sBAAsB,EAAE;UACpBA,OAAO,EAAE,MAAM;UACfN,MAAM,EAAE,MAAM;UACdU,UAAU,EAAE;QAChB;MACJ;IACJ;EACJ;AACJ,CAAC,CAAC;AAEF,IAAMQ,UAAU,oBAAGpB,eAAM;EAAA;EAAA;AAAA,4NASxB;AAED,IAAMqB,aAAa,oBAAGrB,eAAM;EAAA;EAAA;AAAA,mIAM3B;AAED,IAAMsB,cAAc,oBAAGtB,eAAM,EAAC,KAAK;EAAA;EAAA;AAAA,GAAE;EACjCQ,OAAO,EAAE,cAAc;EACvBe,aAAa,EAAE,QAAQ;EACvB,YAAY,EAAE;IACVC,OAAO,EAAE,GAAG;IACZC,aAAa,EAAE;EACnB;AACJ,CAAC,CAAC;AAEF,IAAMC,UAAU,gBAAG,IAAAC,YAAG,EAAC;EACnBC,QAAQ,EAAE,MAAM;EAChB1B,MAAM,EAAE;AACZ,CAAC,sBAAC;AAEF,IAAM2B,eAAe,gBAAG,IAAAF,YAAG,EAAC;EACxB1B,QAAQ,EAAE,UAAU;EACpBC,MAAM,EAAE,MAAM;EACd0B,QAAQ,EAAE;AACd,CAAC,2BAAC;;AAEF;;AA4EA,IAAME,cAAuC,GAAG,SAA1CA,cAAuC,CAAGC,KAAK,EAAI;EACrD,IAAQC,kBAAkB,GAAKD,KAAK,CAA5BC,kBAAkB;EAC1B,IAAI,CAACA,kBAAkB,EAAE;IACrB,OAAO,IAAI;EACf;EACA;AACJ;AACA;EACI,WACID,KAAK;IADDE,kBAAkB,QAAlBA,kBAAkB;IAAEC,mBAAmB,QAAnBA,mBAAmB;IAAEC,cAAc,QAAdA,cAAc;IAAEC,IAAI,QAAJA,IAAI;EAGrE,oBACI,6BAAC,cAAK,CAAC,QAAQ,QACV,OAAOD,cAAc,KAAK,UAAU,iBACjC,6BAAC,cAAc,qBACX,6BAAC,kBAAQ;IACL,aAAa,EAAE,CAACF,kBAAkB,CAACG,IAAI,CAAC,IAAI,CAACF,mBAAmB,CAACE,IAAI,CAAE;IACvE,KAAK,EAAEH,kBAAkB,CAACG,IAAI,CAAE;IAChC,OAAO,EAAE,mBAAM;MACXD,cAAc,CAAC,CAACF,kBAAkB,CAACG,IAAI,CAAC,EAAEA,IAAI,CAAC;IACnD;EAAE,EACJ,CAET,CACY;AAEzB,CAAC;AAED,IAAMC,kBAA2C,GAAG,SAA9CA,kBAA2C,CAAGN,KAAK,EAAI;EACzD,IAAQC,kBAAkB,GAAKD,KAAK,CAA5BC,kBAAkB;EAC1B,IAAI,CAACA,kBAAkB,EAAE;IACrB,OAAO,IAAI;EACf;EAEA,oBAAO,6BAAC,cAAc,QAAEA,kBAAkB,CAAkB;AAChE,CAAC;AAED,IAAMM,aAAsC,GAAG,SAAzCA,aAAsC,CAAGP,KAAK,EAAI;EACpD,IAAMQ,OAAO,GAAGR,KAAK,CAACQ,OAAO;EAC7B,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,cAAc,qBACX,6BAAC,kBAAW;IAAC,OAAO,EAAE;MAAA,OAAMA,OAAO,EAAE;IAAA;EAAC,EAAG,CAC5B;AAEzB,CAAC;AAED,IAAMC,OAAgC,GAAG,SAAnCA,OAAgC,CAAGT,KAAK,EAAI;EAC9C,IAAMU,OAAO,GAAGV,KAAK,CAACU,OAAO;EAC7B,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,cAAc,qBACX,6BAAC,UAAI;IAAC,MAAM,eAAE,6BAAC,eAAQ;EAAI,GACtBA,OAAO,CAACC,GAAG,CAAC,UAAAC,MAAM;IAAA,oBACf,6BAAC,cAAQ;MACL,GAAG,EAAEA,MAAM,CAACC,KAAM;MAClB,OAAO,EAAE,mBAAM;QACX,IAAIH,OAAO,IAAIV,KAAK,CAACc,UAAU,EAAE;UAC7Bd,KAAK,CAACc,UAAU,CAACF,MAAM,CAACG,KAAK,CAAC;QAClC;MACJ;IAAE,GAEDH,MAAM,CAACC,KAAK,CACN;EAAA,CACd,CAAC,CACC,CACM;AAEzB,CAAC;AAED,IAAMG,OAAgC,GAAG,SAAnCA,OAAgC,CAAGhB,KAAK,EAAI;EAC9C,IAAMiB,OAAO,GAAGjB,KAAK,CAACiB,OAAO;EAC7B,IAAI,CAACA,OAAO,EAAE;IACV,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,cAAc,qBACX,6BAAC,UAAI;IAAC,MAAM,eAAE,6BAAC,iBAAU;EAAI,GAAEA,OAAO,CAAQ,CACjC;AAEzB,CAAC;AAED,IAAMC,UAAmC,GAAG,SAAtCA,UAAmC,CAAGlB,KAAK,EAAI;EACjD,IAAQmB,UAAU,GAAKnB,KAAK,CAApBmB,UAAU;EAClB,IAAI,CAACA,UAAU,EAAE;IACb,OAAO,IAAI;EACf;EAEA,oBACI,6BAAC,cAAK,CAAC,QAAQ,QACVA,UAAU,CAACC,WAAW,iBACnB,6BAAC,cAAK,CAAC,QAAQ,qBACX,6BAAC,cAAc;IACX,SAAS,EAAE,IAAAC,mBAAU,EAAC;MAClBC,QAAQ,EAAE,CAACH,UAAU,CAACI;IAC1B,CAAC;EAAE,gBAEH,6BAAC,uBAAgB;IACb,OAAO,EAAE,mBAAM;MACX,IAAIJ,UAAU,CAACK,eAAe,IAAIL,UAAU,CAACI,eAAe,EAAE;QAC1DJ,UAAU,CAACK,eAAe,EAAE;MAChC;IACJ;EAAE,EACJ,CACW,eAEjB,6BAAC,cAAc;IACX,SAAS,EAAE,IAAAH,mBAAU,EAAC;MAClBC,QAAQ,EAAE,CAACH,UAAU,CAACM;IAC1B,CAAC;EAAE,gBAEH,6BAAC,mBAAY;IACT,OAAO,EAAE,mBAAM;MACX,IAAIN,UAAU,CAACC,WAAW,IAAID,UAAU,CAACM,WAAW,EAAE;QAClDN,UAAU,CAACC,WAAW,EAAE;MAC5B;IACJ;EAAE,EACJ,CACW,CAExB,EAEAM,KAAK,CAACC,OAAO,CAACR,UAAU,CAACS,cAAc,CAAC,IAAIT,UAAU,CAACU,UAAU,iBAC9D,6BAAC,cAAc,qBACX,6BAAC,UAAI;IAAC,MAAM,eAAE,6BAAC,kBAAW;EAAI,GACzBV,UAAU,CAACU,UAAU,IAClBV,UAAU,CAACS,cAAc,CAACjB,GAAG,CAAC,UAAAmB,OAAO;IAAA,oBACjC,6BAAC,cAAQ;MACL,GAAG,EAAEA,OAAQ;MACb,OAAO,EAAE;QAAA,OACLX,UAAU,CAACU,UAAU,IAAIV,UAAU,CAACU,UAAU,CAACC,OAAO,CAAC;MAAA;IAC1D,GAEAA,OAAO,CACD;EAAA,CACd,CAAC,CACH,CAEd,CACY;AAEzB,CAAC;AAEM,IAAMC,QAAiC,GAAG,SAApCA,QAAiC,CAAG/B,KAAK,EAAI;EACtD,IAAIgC,MAA8B,GAAG,IAAI;EAEzC,IAAIhC,KAAK,CAACiC,OAAO,EAAE;IACfD,MAAM,GAAGhC,KAAK,CAACkC,MAAM;EACzB,CAAC,MAAM,IAAI,IAAAC,gBAAO,EAACnC,KAAK,CAACK,IAAI,CAAC,EAAE;IAC5B2B,MAAM,GAAGhC,KAAK,CAACoC,MAAM;EACzB,CAAC,MAAM;IACH,IAAMC,EAAE,GAAGrC,KAAK,CAACsC,QAAQ;IACzBN,MAAM,GAAG,OAAOK,EAAE,KAAK,UAAU,GAAGA,EAAE,CAACrC,KAAK,CAAC,GAAG,IAAI;EACxD;EAEA,IAAMuC,WAAW,GAAGvC,KAAK,CAACuC,WAAW,IAAI,CAAC,CAAC;EAE3C,oBACI,6BAAC,kDAA4B,qBACzB,6BAAC,aAAa;IAAC,SAAS,EAAE,kBAAmB;IAAC,eAAa;EAAoB,GAC1E,CAACvC,KAAK,CAACwC,KAAK,IAAIxC,KAAK,CAACyC,OAAO,kBAC1B,6BAAC,UAAU,qBACP,6BAAC,sBAAU;IAAC,GAAG,EAAC;EAAW,GAAEzC,KAAK,CAACwC,KAAK,CAAc,EACrDxC,KAAK,CAACyC,OAAO,CAErB,EAEAC,MAAM,CAACC,IAAI,CAACJ,WAAW,CAAC,CAACK,MAAM,GAAG,CAAC,iBAChC,6BAAC,aAAa,QACT5C,KAAK,CAAC6C,MAAM,gBAAGC,cAAK,CAACC,YAAY,CAAC/C,KAAK,CAAC6C,MAAM,EAAE7C,KAAK,CAAC,GAAG,IAAI,eAC9D,6BAAC,cAAc,EAAKA,KAAK,CAAI,EAC5BuC,WAAW,CAAC/B,OAAO,iBAAI,6BAAC,aAAa,EAAKR,KAAK,CAAI,EACnDuC,WAAW,CAACpB,UAAU,iBAAI,6BAAC,UAAU,EAAKnB,KAAK,CAAI,EACnDuC,WAAW,CAAC7B,OAAO,iBAAI,6BAAC,OAAO,EAAKV,KAAK,CAAI,EAC7CuC,WAAW,CAACtB,OAAO,iBAAI,6BAAC,OAAO,EAAKjB,KAAK,CAAI,EAC7CA,KAAK,CAACgD,kBAAkB,gBACrB,6BAAC,cAAc,QAAEhD,KAAK,CAACgD,kBAAkB,CAAkB,GAC3D,IAAI,eACR,6BAAC,kBAAkB,EAAKhD,KAAK,CAAI,CAExC,eAED;IAAK,SAAS,EAAE,IAAAqB,mBAAU,EAACvB,eAAe,EAAE,2BAA2B;EAAE,GACpEE,KAAK,CAACiD,SAAS,EACfjB,MAAM,EACNhC,KAAK,CAACkD,YAAY,CACjB,CACM,CACW;AAEvC,CAAC;AAAC;AAEFnB,QAAQ,CAACoB,YAAY,GAAG;EACpBb,QAAQ,EAAE,IAAI;EACdE,KAAK,EAAE,IAAI;EACXnC,IAAI,EAAE,IAAI;EACV+C,IAAI,EAAE,IAAI;EACVnB,OAAO,EAAE,KAAK;EACdzB,OAAO,EAAE,mBAAM;IACX,OAAO,KAAK,CAAC;EACjB,CAAC;EACD6C,OAAO,EAAE,IAAI;EACbxB,UAAU,EAAE,IAAI;EAChBD,cAAc,EAAE,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;EAC5BX,OAAO,EAAE,IAAI;EACbP,OAAO,EAAE,IAAI;EACbI,UAAU,EAAE,IAAI;EAChB2B,OAAO,EAAE,IAAI;EACbrC,cAAc,EAAEkD,aAAI;EACpBpD,kBAAkB,EAAE;IAAA,OAAM,KAAK;EAAA;EAC/BC,mBAAmB,EAAE;IAAA,OAAM,KAAK;EAAA;EAChC+B,MAAM,eAAE,6BAAC,eAAM,OAAG;EAClBE,MAAM,eAAE,6BAAC,eAAM,OAAG;EAClBG,WAAW,EAAE;IACT/B,OAAO,EAAE,IAAI;IACbW,UAAU,EAAE,IAAI;IAChBT,OAAO,EAAE,IAAI;IACbO,OAAO,EAAE;EACb;AACJ,CAAC;AAMM,IAAMsC,UAAqC,GAAG,SAAxCA,UAAqC,CAAGvD,KAAK,EAAI;EAC1D,oBACI,6BAAC,MAAI,oBAAKA,KAAK;IAAE,SAAS,EAAE,IAAAqB,mBAAU,EAACrB,KAAK,CAACwD,SAAS,EAAE7D,UAAU;EAAE,IAC/DK,KAAK,CAACsC,QAAQ,CACZ;AAEf,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_styled","_classnames","_Loader","_NoData","_Typography","_emotion","_noop","_isEmpty","_Checkbox","_Menu","_icons","_","_DataListModalOverlay","ListContainer","styled","target","label","position","height","paddingBottom","paddingTop","borderBottom","padding","minHeight","display","marginRight","width","margin","alignItems","justifyContent","flexDirection","boxSizing","whiteSpace","marginTop","marginBottom","textAlign","ListHeader","ListSubHeader","ListHeaderItem","verticalAlign","opacity","pointerEvents","scrollList","css","overflow","dataListContent","MultiSelectAll","props","multiSelectActions","_ref","isAllMultiSelected","isNoneMultiSelected","multiSelectAll","data","default","createElement","Fragment","Checkbox","indeterminate","value","onClick","MultiSelectActions","RefreshButton","refresh","RefreshIcon","Sorters","sorters","Menu","handle","SortIcon","map","sorter","MenuItem","key","setSorters","Filters","filters","FilterIcon","Pagination","pagination","setNextPage","className","classNames","disabled","hasPreviousPage","PreviousPageIcon","setPreviousPage","hasNextPage","NextPageIcon","Array","isArray","perPageOptions","setPerPage","OptionsIcon","perPage","DataList","render","loading","loader","isEmpty","noData","ch","children","showOptions","DataListModalOverlayProvider","title","actions","Typography","use","Object","keys","length","search","React","cloneElement","modalOverlayAction","subHeader","modalOverlay","exports","defaultProps","meta","setPage","noop","ScrollList","List","assign"],"sources":["DataList.tsx"],"sourcesContent":["import React from \"react\";\nimport styled from \"@emotion/styled\";\nimport classNames from \"classnames\";\nimport Loader from \"./Loader\";\nimport NoData from \"./NoData\";\nimport { Typography } from \"~/Typography\";\nimport { css } from \"emotion\";\nimport noop from \"lodash/noop\";\nimport isEmpty from \"lodash/isEmpty\";\nimport { Checkbox } from \"../../Checkbox\";\nimport { Menu, MenuItem } from \"~/Menu\";\n\nimport {\n    RefreshIcon,\n    SortIcon,\n    FilterIcon,\n    PreviousPageIcon,\n    NextPageIcon,\n    OptionsIcon\n} from \"./icons\";\nimport { List, ListItem, ListProps } from \"..\";\nimport { DataListModalOverlayProvider } from \"./DataListModalOverlay\";\nimport { PaginationProp, SortersProp } from \"./types\";\n\nconst ListContainer = styled(\"div\")({\n    position: \"relative\",\n    height: \"100%\",\n    \".mdc-list\": {\n        paddingBottom: 0,\n        paddingTop: 0\n    },\n    \".mdc-list-item\": {\n        borderBottom: \"1px solid var(--mdc-theme-on-background)\",\n        padding: \"10px 20px 10px 20px\",\n        height: \"auto\",\n        minHeight: 40,\n        \".mdc-list-item__text, .mdc-list-item__secondary-text, .webiny-list-text-overline\": {\n            display: \"block\"\n        },\n        \".mdc-list-item__graphic\": {\n            marginRight: 20\n        },\n        \".mdc-list-item__text\": {\n            width: \"100%\",\n            margin: \"-20px 0\",\n            padding: \"20px 0\"\n        },\n        \".mdc-list-item__meta\": {\n            alignItems: \"center\",\n            display: \"flex\",\n            justifyContent: \"space-between\",\n            flexDirection: \"column\",\n            position: \"relative\",\n            padding: \"5px 0\",\n            boxSizing: \"border-box\",\n            height: \"100%\",\n            whiteSpace: \"nowrap\",\n            marginTop: -10,\n            marginBottom: -10,\n            \".webiny-list-actions\": {\n                display: \"none\"\n            },\n            \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n                //position: 'absolute',\n                width: \"100%\",\n                textAlign: \"right\"\n            },\n            \".webiny-list-top-caption\": {\n                marginBottom: 20\n            }\n        },\n        \"&:hover\": {\n            \".mdc-list-item__meta\": {\n                \".webiny-list-top-caption, .webiny-list-bottom-caption\": {\n                    display: \"none\"\n                },\n                \".webiny-list-actions\": {\n                    display: \"flex\",\n                    height: \"100%\",\n                    alignItems: \"center\"\n                }\n            }\n        }\n    }\n});\n\nconst ListHeader = styled.div`\n    border-bottom: 1px solid var(--mdc-theme-on-background);\n    color: var(--mdc-theme-text-primary-on-background);\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 0 24px;\n    max-height: 85px;\n    min-height: 85px;\n`;\n\nconst ListSubHeader = styled.div`\n    display: flex;\n    justify-content: flex-end;\n    align-items: center;\n    padding: 10px;\n    border-bottom: 1px solid var(--mdc-theme-on-background);\n`;\n\nconst ListHeaderItem = styled(\"div\")({\n    display: \"inline-block\",\n    verticalAlign: \"middle\",\n    \"&.disabled\": {\n        opacity: 0.5,\n        pointerEvents: \"none\"\n    }\n});\n\nconst scrollList = css({\n    overflow: \"auto\",\n    height: \"calc(100vh - 235px)\"\n});\n\nconst dataListContent = css({\n    position: \"relative\",\n    height: \"100%\",\n    overflow: \"auto\"\n});\n\n// This was copied from \"./types\" so that it can be outputted in docs.\ninterface DataListProps {\n    // Pass a function to take full control of list render.\n    children?: ((props: any) => React.ReactNode) | null;\n\n    // A title of paginated list.\n    title?: React.ReactNode;\n\n    // FormData that needs to be shown in the list.\n    data?: Record<string, any>[] | null;\n\n    // A callback that must refresh current view by repeating the previous query.\n    refresh?: (() => void) | null;\n\n    // If true, Loader component will be shown, disallowing any interaction.\n    loading?: boolean;\n\n    // Provide a custom loader. Shown while the content is loading.\n    loader?: React.ReactNode;\n\n    // Provide a custom no data component. Shown while there is no data to be shown.\n    noData?: React.ReactNode;\n\n    // Provide all pagination data, options and callbacks here.\n    pagination?: PaginationProp;\n\n    // Triggered once a sorter has been selected.\n    setSorters?: Function | null;\n\n    // Provide all sorters options and callbacks here.\n    sorters?: SortersProp | null;\n\n    // Provide actions that will be shown in the top right corner (eg. export or import actions).\n    actions?: React.ReactNode;\n\n    // Provide filters that will be shown in the top left corner (eg. filter by category or status).\n    filters?: React.ReactNode;\n\n    // Provide actions that can be executed on one or more multi-selected list items (eg. export or delete).\n    multiSelectActions?: React.ReactNode;\n\n    // Provide callback that will be executed once user selects all list items.\n    multiSelectAll?: (value: boolean, data: Record<string, any>[] | null) => void;\n\n    // Callback which returns true if all items were selected, otherwise returns false.\n    isAllMultiSelected?: (data: Record<string, any>[] | null) => boolean;\n\n    // Callback which returns true if none of the items were selected, otherwise returns false.\n    isNoneMultiSelected?: (data: Record<string, any>[] | null) => boolean;\n\n    showOptions?: {\n        refresh?: boolean;\n        pagination?: boolean;\n        filters?: boolean;\n        sorters?: boolean;\n        [key: string]: any;\n    };\n\n    // Provide search UI that will be shown in the top left corner.\n    search?: React.ReactElement;\n    // Provide simple modal UI that will be shown over the list content.\n    modalOverlay?: React.ReactElement;\n    // Provide an action element that handle toggling the \"Modal overlay\".\n    modalOverlayAction?: React.ReactElement;\n    // Provide additional UI for list sub-header.\n    subHeader?: React.ReactElement;\n\n    meta?: Record<string, any> | null;\n\n    setPage?: ((page: string) => void) | null;\n\n    setPerPage?: ((page: string) => void) | null;\n\n    perPageOptions?: number[];\n}\n\nconst MultiSelectAll: React.FC<DataListProps> = props => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n    /**\n     * We can safely cast because we have defaults.\n     */\n    const { isAllMultiSelected, isNoneMultiSelected, multiSelectAll, data } =\n        props as Required<DataListProps>;\n\n    return (\n        <React.Fragment>\n            {typeof multiSelectAll === \"function\" && (\n                <ListHeaderItem>\n                    <Checkbox\n                        indeterminate={!isAllMultiSelected(data) && !isNoneMultiSelected(data)}\n                        value={isAllMultiSelected(data)}\n                        onClick={() => {\n                            multiSelectAll(!isAllMultiSelected(data), data);\n                        }}\n                    />\n                </ListHeaderItem>\n            )}\n        </React.Fragment>\n    );\n};\n\nconst MultiSelectActions: React.FC<DataListProps> = props => {\n    const { multiSelectActions } = props;\n    if (!multiSelectActions) {\n        return null;\n    }\n\n    return <ListHeaderItem>{multiSelectActions}</ListHeaderItem>;\n};\n\nconst RefreshButton: React.FC<DataListProps> = props => {\n    const refresh = props.refresh;\n    if (!refresh) {\n        return null;\n    }\n\n    return (\n        <ListHeaderItem>\n            <RefreshIcon onClick={() => refresh()} />\n        </ListHeaderItem>\n    );\n};\n\nconst Sorters: React.FC<DataListProps> = props => {\n    const sorters = props.sorters;\n    if (!sorters) {\n        return null;\n    }\n\n    return (\n        <ListHeaderItem>\n            <Menu handle={<SortIcon />}>\n                {sorters.map(sorter => (\n                    <MenuItem\n                        key={sorter.label}\n                        onClick={() => {\n                            if (sorters && props.setSorters) {\n                                props.setSorters(sorter.value);\n                            }\n                        }}\n                    >\n                        {sorter.label}\n                    </MenuItem>\n                ))}\n            </Menu>\n        </ListHeaderItem>\n    );\n};\n\nconst Filters: React.FC<DataListProps> = props => {\n    const filters = props.filters;\n    if (!filters) {\n        return null;\n    }\n\n    return (\n        <ListHeaderItem>\n            <Menu handle={<FilterIcon />}>{filters}</Menu>\n        </ListHeaderItem>\n    );\n};\n\nconst Pagination: React.FC<DataListProps> = props => {\n    const { pagination } = props;\n    if (!pagination) {\n        return null;\n    }\n\n    return (\n        <React.Fragment>\n            {pagination.setNextPage && (\n                <React.Fragment>\n                    <ListHeaderItem\n                        className={classNames({\n                            disabled: !pagination.hasPreviousPage\n                        })}\n                    >\n                        <PreviousPageIcon\n                            onClick={() => {\n                                if (pagination.setPreviousPage && pagination.hasPreviousPage) {\n                                    pagination.setPreviousPage();\n                                }\n                            }}\n                        />\n                    </ListHeaderItem>\n\n                    <ListHeaderItem\n                        className={classNames({\n                            disabled: !pagination.hasNextPage\n                        })}\n                    >\n                        <NextPageIcon\n                            onClick={() => {\n                                if (pagination.setNextPage && pagination.hasNextPage) {\n                                    pagination.setNextPage();\n                                }\n                            }}\n                        />\n                    </ListHeaderItem>\n                </React.Fragment>\n            )}\n\n            {Array.isArray(pagination.perPageOptions) && pagination.setPerPage && (\n                <ListHeaderItem>\n                    <Menu handle={<OptionsIcon />}>\n                        {pagination.setPerPage &&\n                            pagination.perPageOptions.map(perPage => (\n                                <MenuItem\n                                    key={perPage}\n                                    onClick={() =>\n                                        pagination.setPerPage && pagination.setPerPage(perPage)\n                                    }\n                                >\n                                    {perPage}\n                                </MenuItem>\n                            ))}\n                    </Menu>\n                </ListHeaderItem>\n            )}\n        </React.Fragment>\n    );\n};\n\nexport const DataList: React.FC<DataListProps> = props => {\n    let render: React.ReactNode | null = null;\n\n    if (props.loading) {\n        render = props.loader;\n    } else if (isEmpty(props.data)) {\n        render = props.noData;\n    } else {\n        const ch = props.children;\n        render = typeof ch === \"function\" ? ch(props) : null;\n    }\n\n    const showOptions = props.showOptions || {};\n\n    return (\n        <DataListModalOverlayProvider>\n            <ListContainer className={\"webiny-data-list\"} data-testid={\"ui.list.data-list\"}>\n                {(props.title || props.actions) && (\n                    <ListHeader>\n                        <Typography use=\"headline5\">{props.title}</Typography>\n                        {props.actions}\n                    </ListHeader>\n                )}\n\n                {Object.keys(showOptions).length > 0 && (\n                    <ListSubHeader>\n                        {props.search ? React.cloneElement(props.search, props) : null}\n                        <MultiSelectAll {...props} />\n                        {showOptions.refresh && <RefreshButton {...props} />}\n                        {showOptions.pagination && <Pagination {...props} />}\n                        {showOptions.sorters && <Sorters {...props} />}\n                        {showOptions.filters && <Filters {...props} />}\n                        {props.modalOverlayAction ? (\n                            <ListHeaderItem>{props.modalOverlayAction}</ListHeaderItem>\n                        ) : null}\n                        <MultiSelectActions {...props} />\n                    </ListSubHeader>\n                )}\n\n                <div className={classNames(dataListContent, \"webiny-data-list__content\")}>\n                    {props.subHeader}\n                    {render}\n                    {props.modalOverlay}\n                </div>\n            </ListContainer>\n        </DataListModalOverlayProvider>\n    );\n};\n\nDataList.defaultProps = {\n    children: null,\n    title: null,\n    data: null,\n    meta: null,\n    loading: false,\n    refresh: () => {\n        return void 0;\n    },\n    setPage: null,\n    setPerPage: null,\n    perPageOptions: [10, 25, 50],\n    filters: null,\n    sorters: null,\n    setSorters: null,\n    actions: null,\n    multiSelectAll: noop,\n    isAllMultiSelected: () => false,\n    isNoneMultiSelected: () => false,\n    loader: <Loader />,\n    noData: <NoData />,\n    showOptions: {\n        refresh: true,\n        pagination: true,\n        sorters: true,\n        filters: true\n    }\n};\n\nexport interface ScrollListProps extends ListProps {\n    children: React.ReactElement<typeof ListItem>[];\n}\n\nexport const ScrollList: React.FC<ScrollListProps> = props => {\n    return (\n        <List {...props} className={classNames(props.className, scrollList)}>\n            {props.children}\n        </List>\n    );\n};\n"],"mappings":"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"}

package/List/DataList/DataList.stories.js.map

@@ -1 +1 @@
-{"version":3,"names":["story","storiesOf","module","addDecorator","withKnobs","add","generalOptionsAndCallbacks","refresh","console","log","loading","boolean","title","text","multiActions","setNextPage","cursor","setPreviousPage","perPageOptions","array","setPerPage","perPage","setSorters","sorter","JSON","stringify","dataProp","object","id","firstName","lastName","email","metaProp","totalPages","totalCount","from","to","previousPage","nextPage","sortersProp","list","label","sorters","createdOn","name","readme","data","map","item","info","propTables","List","ListItem","ListItemText","ListItemTextSecondary","ListItemMeta","ListItemGraphic"],"sources":["DataList.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../DataList/README.md\";\nimport { withKnobs, boolean, text, object, array } from \"@storybook/addon-knobs\";\n\nimport { DataList } from \"./DataList\";\n\nimport { DeleteIcon, EditIcon } from \"./icons\";\nimport {\n    List,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListItemGraphic\n} from \"./../List\";\n\nconst story = storiesOf(\"Components/List\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"data list\",\n    () => {\n        const generalOptionsAndCallbacks = {\n            refresh: () => {\n                console.log(`Implement \"refresh\" method.`);\n            },\n            loading: boolean(\"Loading\", false, \"Basic\"),\n            title: text(\"Title\", \"A list of all users\", \"Basic\"),\n            multiActions: boolean(\"Multi actions\", false, \"Basic\"),\n\n            setNextPage: (cursor: string) => {\n                console.log(`Implement setNextPage method (selected ${cursor}).`);\n            },\n            setPreviousPage: (cursor: string) => {\n                console.log(`Implement setPreviousPage method (selected ${cursor}).`);\n            },\n            perPageOptions: array(\n                \"perPageOptions\",\n                [\"10\", \"25\", \"50\"],\n                \",\",\n                \"Basic\"\n            ) as unknown as number[],\n            setPerPage: (perPage: string) => {\n                console.log(`Implement setPerPage method (selected ${perPage}).`);\n            },\n            setSorters: (sorter: any) => {\n                console.log(`Implement setSorters method (selected ${JSON.stringify(sorter)}).`);\n            }\n        };\n\n        const dataProp = object(\n            \"Data\",\n            [\n                {\n                    id: \"A\",\n                    firstName: \"John\",\n                    lastName: \"Doe\",\n                    email: \"john.doe@webiny.com\"\n                },\n                {\n                    id: \"B\",\n                    firstName: \"Jane\",\n                    lastName: \"Doe\",\n                    email: \"jane.doe@webiny.com\"\n                },\n                {\n                    id: \"C\",\n                    firstName: \"Foo\",\n                    lastName: \"Bar\",\n                    email: \"foo.bar@webiny.com\"\n                }\n            ],\n            \"Data\"\n        );\n\n        const metaProp = object(\n            \"Meta\",\n            {\n                totalPages: 1,\n                totalCount: 3,\n                from: 1,\n                to: 3,\n                previousPage: null,\n                nextPage: null\n            },\n            \"Meta\"\n        );\n\n        const sortersProp = {\n            list: object(\n                \"Sorters\",\n                [\n                    {\n                        label: \"Newest to oldest\",\n                        sorters: { createdOn: -1 }\n                    },\n                    {\n                        label: \"Oldest to newest\",\n                        sorters: { createdOn: 1 }\n                    },\n                    {\n                        label: \"Name A-Z\",\n                        sorters: { name: 1 }\n                    },\n                    {\n                        label: \"Name Z-A\",\n                        sorters: { name: -1 }\n                    }\n                ],\n                \"Sorters\"\n            )\n        };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <DataList\n                            {...generalOptionsAndCallbacks}\n                            data={dataProp}\n                            meta={metaProp}\n                            // @ts-ignore\n                            sorters={sortersProp.list}\n                        >\n                            {({ data }: { data: any[] }) => (\n                                <List>\n                                    {data.map(item => (\n                                        <ListItem key={item.id}>\n                                            <ListItemGraphic>\n                                                <img\n                                                    src={\"http://i.pravatar.cc/100?id=\" + item.id}\n                                                />\n                                            </ListItemGraphic>\n                                            <ListItemText>\n                                                {item.firstName} {item.lastName}\n                                                <ListItemTextSecondary>\n                                                    {item.email}\n                                                </ListItemTextSecondary>\n                                            </ListItemText>\n                                            <ListItemMeta>\n                                                <DeleteIcon\n                                                    onClick={() => {\n                                                        console.log(\"Redirect user to form.\");\n                                                    }}\n                                                />\n                                                <EditIcon\n                                                    onClick={() => {\n                                                        console.log(\"Show confirmation dialog.\");\n                                                    }}\n                                                />\n                                            </ListItemMeta>\n                                        </ListItem>\n                                    ))}\n                                </List>\n                            )}\n                        </DataList>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <DataList\n                        {...generalOptionsAndCallbacks}\n                        data={${JSON.stringify(dataProp, null, 2)}}\n                        meta={${JSON.stringify(metaProp, null, 2)}}\n                        sorters={${JSON.stringify(sortersProp.list, null, 2)}}\n                    >\n                      {({ data }) => (\n                            <List>\n                                {data.map(item => (\n                                    <ListItem key={item.id}>\n                                        <ListItemGraphic>\n                                            <img\n                                                src={\n                                                    \"//www.gravatar.com/avatar/\" +\n                                                    item.gravatar +\n                                                    \"?s=48\"\n                                                }\n                                            />\n                                        </ListItemGraphic>\n                                        <ListItemText>\n                                            {item.firstName} {item.lastName}\n                                            <ListItemTextSecondary>\n                                                {item.email}\n                                            </ListItemTextSecondary>\n                                        </ListItemText>\n                                        <ListItemMeta>\n                                                <DeleteIcon\n                                                    onClick={() => {\n                                                        console.log(\"Redirect user to form.\");\n                                                    }}\n                                                />\n                                                <EditIcon\n                                                    onClick={() => {\n                                                        console.log(\"Show confirmation dialog.\");\n                                                    }}\n                                                />\n                                        </ListItemMeta>\n                                    </ListItem>\n                                ))}\n                            </List>\n                        )}\n                    </DataList>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                List,\n                ListItem,\n                ListItemText,\n                ListItemTextSecondary,\n                ListItemMeta,\n                ListItemGraphic\n            ]\n        }\n    }\n);\n"],"mappings":"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"}
+{"version":3,"names":["_react","_interopRequireDefault","require","_react2","_Story","_README","_addonKnobs","_DataList","_icons","_List","story","storiesOf","module","addDecorator","withKnobs","add","generalOptionsAndCallbacks","refresh","console","log","loading","boolean","title","text","multiActions","setNextPage","cursor","concat","setPreviousPage","perPageOptions","array","setPerPage","perPage","setSorters","sorter","JSON","stringify","dataProp","object","id","firstName","lastName","email","metaProp","totalPages","totalCount","from","to","previousPage","nextPage","sortersProp","list","label","sorters","createdOn","name","default","createElement","Story","StoryReadme","readme","StorySandbox","StorySandboxExample","DataList","Object","assign","data","meta","_ref","List","map","item","ListItem","key","ListItemGraphic","src","ListItemText","ListItemTextSecondary","ListItemMeta","DeleteIcon","onClick","EditIcon","StorySandboxCode","info","propTables"],"sources":["DataList.stories.tsx"],"sourcesContent":["import React from \"react\";\nimport { storiesOf } from \"@storybook/react\";\nimport {\n    Story,\n    StoryReadme,\n    StorySandboxCode,\n    StorySandbox,\n    StorySandboxExample\n} from \"@webiny/storybook-utils/Story\";\nimport readme from \"./../DataList/README.md\";\nimport { withKnobs, boolean, text, object, array } from \"@storybook/addon-knobs\";\n\nimport { DataList } from \"./DataList\";\n\nimport { DeleteIcon, EditIcon } from \"./icons\";\nimport {\n    List,\n    ListItem,\n    ListItemText,\n    ListItemTextSecondary,\n    ListItemMeta,\n    ListItemGraphic\n} from \"./../List\";\n\nconst story = storiesOf(\"Components/List\", module);\nstory.addDecorator(withKnobs);\n\nstory.add(\n    \"data list\",\n    () => {\n        const generalOptionsAndCallbacks = {\n            refresh: () => {\n                console.log(`Implement \"refresh\" method.`);\n            },\n            loading: boolean(\"Loading\", false, \"Basic\"),\n            title: text(\"Title\", \"A list of all users\", \"Basic\"),\n            multiActions: boolean(\"Multi actions\", false, \"Basic\"),\n\n            setNextPage: (cursor: string) => {\n                console.log(`Implement setNextPage method (selected ${cursor}).`);\n            },\n            setPreviousPage: (cursor: string) => {\n                console.log(`Implement setPreviousPage method (selected ${cursor}).`);\n            },\n            perPageOptions: array(\n                \"perPageOptions\",\n                [\"10\", \"25\", \"50\"],\n                \",\",\n                \"Basic\"\n            ) as unknown as number[],\n            setPerPage: (perPage: string) => {\n                console.log(`Implement setPerPage method (selected ${perPage}).`);\n            },\n            setSorters: (sorter: any) => {\n                console.log(`Implement setSorters method (selected ${JSON.stringify(sorter)}).`);\n            }\n        };\n\n        const dataProp = object(\n            \"Data\",\n            [\n                {\n                    id: \"A\",\n                    firstName: \"John\",\n                    lastName: \"Doe\",\n                    email: \"john.doe@webiny.com\"\n                },\n                {\n                    id: \"B\",\n                    firstName: \"Jane\",\n                    lastName: \"Doe\",\n                    email: \"jane.doe@webiny.com\"\n                },\n                {\n                    id: \"C\",\n                    firstName: \"Foo\",\n                    lastName: \"Bar\",\n                    email: \"foo.bar@webiny.com\"\n                }\n            ],\n            \"Data\"\n        );\n\n        const metaProp = object(\n            \"Meta\",\n            {\n                totalPages: 1,\n                totalCount: 3,\n                from: 1,\n                to: 3,\n                previousPage: null,\n                nextPage: null\n            },\n            \"Meta\"\n        );\n\n        const sortersProp = {\n            list: object(\n                \"Sorters\",\n                [\n                    {\n                        label: \"Newest to oldest\",\n                        sorters: { createdOn: -1 }\n                    },\n                    {\n                        label: \"Oldest to newest\",\n                        sorters: { createdOn: 1 }\n                    },\n                    {\n                        label: \"Name A-Z\",\n                        sorters: { name: 1 }\n                    },\n                    {\n                        label: \"Name Z-A\",\n                        sorters: { name: -1 }\n                    }\n                ],\n                \"Sorters\"\n            )\n        };\n\n        return (\n            <Story>\n                <StoryReadme>{readme}</StoryReadme>\n\n                <StorySandbox>\n                    <StorySandboxExample>\n                        <DataList\n                            {...generalOptionsAndCallbacks}\n                            data={dataProp}\n                            meta={metaProp}\n                            // @ts-ignore\n                            sorters={sortersProp.list}\n                        >\n                            {({ data }: { data: any[] }) => (\n                                <List>\n                                    {data.map(item => (\n                                        <ListItem key={item.id}>\n                                            <ListItemGraphic>\n                                                <img\n                                                    src={\"http://i.pravatar.cc/100?id=\" + item.id}\n                                                />\n                                            </ListItemGraphic>\n                                            <ListItemText>\n                                                {item.firstName} {item.lastName}\n                                                <ListItemTextSecondary>\n                                                    {item.email}\n                                                </ListItemTextSecondary>\n                                            </ListItemText>\n                                            <ListItemMeta>\n                                                <DeleteIcon\n                                                    onClick={() => {\n                                                        console.log(\"Redirect user to form.\");\n                                                    }}\n                                                />\n                                                <EditIcon\n                                                    onClick={() => {\n                                                        console.log(\"Show confirmation dialog.\");\n                                                    }}\n                                                />\n                                            </ListItemMeta>\n                                        </ListItem>\n                                    ))}\n                                </List>\n                            )}\n                        </DataList>\n                    </StorySandboxExample>\n                    <StorySandboxCode>\n                        {`\n                        <DataList\n                        {...generalOptionsAndCallbacks}\n                        data={${JSON.stringify(dataProp, null, 2)}}\n                        meta={${JSON.stringify(metaProp, null, 2)}}\n                        sorters={${JSON.stringify(sortersProp.list, null, 2)}}\n                    >\n                      {({ data }) => (\n                            <List>\n                                {data.map(item => (\n                                    <ListItem key={item.id}>\n                                        <ListItemGraphic>\n                                            <img\n                                                src={\n                                                    \"//www.gravatar.com/avatar/\" +\n                                                    item.gravatar +\n                                                    \"?s=48\"\n                                                }\n                                            />\n                                        </ListItemGraphic>\n                                        <ListItemText>\n                                            {item.firstName} {item.lastName}\n                                            <ListItemTextSecondary>\n                                                {item.email}\n                                            </ListItemTextSecondary>\n                                        </ListItemText>\n                                        <ListItemMeta>\n                                                <DeleteIcon\n                                                    onClick={() => {\n                                                        console.log(\"Redirect user to form.\");\n                                                    }}\n                                                />\n                                                <EditIcon\n                                                    onClick={() => {\n                                                        console.log(\"Show confirmation dialog.\");\n                                                    }}\n                                                />\n                                        </ListItemMeta>\n                                    </ListItem>\n                                ))}\n                            </List>\n                        )}\n                    </DataList>\n                    `}\n                    </StorySandboxCode>\n                </StorySandbox>\n            </Story>\n        );\n    },\n    {\n        info: {\n            propTables: [\n                List,\n                ListItem,\n                ListItemText,\n                ListItemTextSecondary,\n                ListItemMeta,\n                ListItemGraphic\n            ]\n        }\n    }\n);\n"],"mappings":"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"}

package/List/DataList/DataListModalOverlay/DataListModalOverlay.js.map

@@ -1 +1 @@
-{"version":3,"names":["SimpleOverlay","styled","showOverlay","width","height","position","top","left","backgroundColor","transition","pointerEvents","zIndex","opacity","DataListModalWrapper","maxWidth","maxHeight","overflow","boxShadow","borderRadius","transform","paddingBottom","padding","display","justifyContent","color","border","DataListModalOverlay","onDismiss","children","useContext","DataListModalOverlayContext","isOpen","setIsOpen","e","stopPropagation"],"sources":["DataListModalOverlay.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { DataListModalOverlayContext } from \"./DataListModalOverlayContext\";\n\nexport type SimpleOverlayProps = { showOverlay: boolean };\nexport const SimpleOverlay = styled.div<SimpleOverlayProps>(({ showOverlay }) => ({\n    width: \"100%\",\n    height: \"100%\",\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    backgroundColor: showOverlay ? \"rgba(0, 0, 0, 0.32)\" : \"transparent\",\n    transition: \"150ms all ease-in-out\",\n    pointerEvents: showOverlay ? \"auto\" : \"none\",\n    zIndex: showOverlay ? 5 : -1,\n    opacity: showOverlay ? 1 : 0\n}));\n\nexport interface DataListModalWrapperProps {\n    showOverlay: boolean;\n}\n\nexport const DataListModalWrapper = styled.div<DataListModalWrapperProps>(({ showOverlay }) => ({\n    position: \"absolute\",\n    top: \"0px\",\n    left: \"50%\",\n    width: \"90%\",\n    height: \"auto\",\n    maxWidth: \"426px\",\n    maxHeight: \"520px\",\n    overflow: \"visible\",\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    boxShadow: \"0px 1px 5px rgba(0, 0, 0, 0.12)\",\n    borderRadius: \"0px 0px 4px 4px\",\n    transition: \"150ms opacity ease-in-out\",\n    pointerEvents: showOverlay ? \"auto\" : \"none\",\n    zIndex: showOverlay ? 5 : -1,\n    opacity: showOverlay ? 1 : 0,\n    transform: showOverlay ? \"translateX(-50%)\" : \"translateX(-1000px)\",\n\n    \"& .input-wrapper\": {\n        paddingBottom: \"16px\"\n    },\n\n    \"& .datalist-modal__footer\": {\n        padding: \"24px\",\n        display: \"flex\",\n        justifyContent: \"space-between\",\n        \"& .mdc-button\": {\n            borderRadius: 4,\n            padding: \"0px 32px\"\n        },\n        \"& .datalist-modal__footer__action--secondary\": {\n            color: \"var(--mdc-theme-text-primary-on-background)\",\n            border: \"1px solid var(--mdc-theme-on-background)\"\n        },\n        \"& .datalist-modal__footer__action--primary\": {\n            backgroundColor: \"var(--mdc-theme-secondary)\"\n        }\n    }\n}));\n\nexport interface DataListModalOverlayProps {\n    /*\n     * This function is called after closing the modal overlay.\n     */\n    onDismiss?: (event?: React.SyntheticEvent) => void;\n}\n\nexport const DataListModalOverlay: React.FC<DataListModalOverlayProps> = ({\n    onDismiss,\n    children\n}) => {\n    const { isOpen, setIsOpen } = useContext(DataListModalOverlayContext);\n    return (\n        <React.Fragment>\n            <SimpleOverlay\n                onClick={e => {\n                    e.stopPropagation();\n                    // Close the modal.\n                    setIsOpen(false);\n\n                    if (typeof onDismiss === \"function\") {\n                        onDismiss();\n                    }\n                }}\n                showOverlay={isOpen}\n            />\n            <DataListModalWrapper showOverlay={isOpen} data-id={\"data-list-modal-wrapper\"}>\n                {children}\n            </DataListModalWrapper>\n        </React.Fragment>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AACA;AACA;AAGO,IAAMA,aAAa,oBAAGC,eAAM;EAAA;EAAA;AAAA,GAAyB;EAAA,IAAGC,WAAW,QAAXA,WAAW;EAAA,OAAQ;IAC9EC,KAAK,EAAE,MAAM;IACbC,MAAM,EAAE,MAAM;IACdC,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,eAAe,EAAEN,WAAW,GAAG,qBAAqB,GAAG,aAAa;IACpEO,UAAU,EAAE,uBAAuB;IACnCC,aAAa,EAAER,WAAW,GAAG,MAAM,GAAG,MAAM;IAC5CS,MAAM,EAAET,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5BU,OAAO,EAAEV,WAAW,GAAG,CAAC,GAAG;EAC/B,CAAC;AAAA,CAAC,CAAC;AAAC;AAMG,IAAMW,oBAAoB,oBAAGZ,eAAM;EAAA;EAAA;AAAA,GAAgC;EAAA,IAAGC,WAAW,SAAXA,WAAW;EAAA,OAAQ;IAC5FG,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,KAAK;IACVC,IAAI,EAAE,KAAK;IACXJ,KAAK,EAAE,KAAK;IACZC,MAAM,EAAE,MAAM;IACdU,QAAQ,EAAE,OAAO;IACjBC,SAAS,EAAE,OAAO;IAClBC,QAAQ,EAAE,SAAS;IACnBR,eAAe,EAAE,0BAA0B;IAC3CS,SAAS,EAAE,iCAAiC;IAC5CC,YAAY,EAAE,iBAAiB;IAC/BT,UAAU,EAAE,2BAA2B;IACvCC,aAAa,EAAER,WAAW,GAAG,MAAM,GAAG,MAAM;IAC5CS,MAAM,EAAET,WAAW,GAAG,CAAC,GAAG,CAAC,CAAC;IAC5BU,OAAO,EAAEV,WAAW,GAAG,CAAC,GAAG,CAAC;IAC5BiB,SAAS,EAAEjB,WAAW,GAAG,kBAAkB,GAAG,qBAAqB;IAEnE,kBAAkB,EAAE;MAChBkB,aAAa,EAAE;IACnB,CAAC;IAED,2BAA2B,EAAE;MACzBC,OAAO,EAAE,MAAM;MACfC,OAAO,EAAE,MAAM;MACfC,cAAc,EAAE,eAAe;MAC/B,eAAe,EAAE;QACbL,YAAY,EAAE,CAAC;QACfG,OAAO,EAAE;MACb,CAAC;MACD,8CAA8C,EAAE;QAC5CG,KAAK,EAAE,6CAA6C;QACpDC,MAAM,EAAE;MACZ,CAAC;MACD,4CAA4C,EAAE;QAC1CjB,eAAe,EAAE;MACrB;IACJ;EACJ,CAAC;AAAA,CAAC,CAAC;AAAC;AASG,IAAMkB,oBAAyD,GAAG,SAA5DA,oBAAyD,QAGhE;EAAA,IAFFC,SAAS,SAATA,SAAS;IACTC,QAAQ,SAARA,QAAQ;EAER,kBAA8B,IAAAC,iBAAU,EAACC,wDAA2B,CAAC;IAA7DC,MAAM,eAANA,MAAM;IAAEC,SAAS,eAATA,SAAS;EACzB,oBACI,6BAAC,cAAK,CAAC,QAAQ,qBACX,6BAAC,aAAa;IACV,OAAO,EAAE,iBAAAC,CAAC,EAAI;MACVA,CAAC,CAACC,eAAe,EAAE;MACnB;MACAF,SAAS,CAAC,KAAK,CAAC;MAEhB,IAAI,OAAOL,SAAS,KAAK,UAAU,EAAE;QACjCA,SAAS,EAAE;MACf;IACJ,CAAE;IACF,WAAW,EAAEI;EAAO,EACtB,eACF,6BAAC,oBAAoB;IAAC,WAAW,EAAEA,MAAO;IAAC,WAAS;EAA0B,GACzEH,QAAQ,CACU,CACV;AAEzB,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_styled","_interopRequireDefault","_DataListModalOverlayContext","SimpleOverlay","styled","target","label","_ref","showOverlay","width","height","position","top","left","backgroundColor","transition","pointerEvents","zIndex","opacity","exports","DataListModalWrapper","_ref2","maxWidth","maxHeight","overflow","boxShadow","borderRadius","transform","paddingBottom","padding","display","justifyContent","color","border","DataListModalOverlay","_ref3","onDismiss","children","_useContext","useContext","DataListModalOverlayContext","isOpen","setIsOpen","default","createElement","Fragment","onClick","e","stopPropagation"],"sources":["DataListModalOverlay.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport styled from \"@emotion/styled\";\nimport { DataListModalOverlayContext } from \"./DataListModalOverlayContext\";\n\nexport type SimpleOverlayProps = { showOverlay: boolean };\nexport const SimpleOverlay = styled.div<SimpleOverlayProps>(({ showOverlay }) => ({\n    width: \"100%\",\n    height: \"100%\",\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    backgroundColor: showOverlay ? \"rgba(0, 0, 0, 0.32)\" : \"transparent\",\n    transition: \"150ms all ease-in-out\",\n    pointerEvents: showOverlay ? \"auto\" : \"none\",\n    zIndex: showOverlay ? 5 : -1,\n    opacity: showOverlay ? 1 : 0\n}));\n\nexport interface DataListModalWrapperProps {\n    showOverlay: boolean;\n}\n\nexport const DataListModalWrapper = styled.div<DataListModalWrapperProps>(({ showOverlay }) => ({\n    position: \"absolute\",\n    top: \"0px\",\n    left: \"50%\",\n    width: \"90%\",\n    height: \"auto\",\n    maxWidth: \"426px\",\n    maxHeight: \"520px\",\n    overflow: \"visible\",\n    backgroundColor: \"var(--mdc-theme-surface)\",\n    boxShadow: \"0px 1px 5px rgba(0, 0, 0, 0.12)\",\n    borderRadius: \"0px 0px 4px 4px\",\n    transition: \"150ms opacity ease-in-out\",\n    pointerEvents: showOverlay ? \"auto\" : \"none\",\n    zIndex: showOverlay ? 5 : -1,\n    opacity: showOverlay ? 1 : 0,\n    transform: showOverlay ? \"translateX(-50%)\" : \"translateX(-1000px)\",\n\n    \"& .input-wrapper\": {\n        paddingBottom: \"16px\"\n    },\n\n    \"& .datalist-modal__footer\": {\n        padding: \"24px\",\n        display: \"flex\",\n        justifyContent: \"space-between\",\n        \"& .mdc-button\": {\n            borderRadius: 4,\n            padding: \"0px 32px\"\n        },\n        \"& .datalist-modal__footer__action--secondary\": {\n            color: \"var(--mdc-theme-text-primary-on-background)\",\n            border: \"1px solid var(--mdc-theme-on-background)\"\n        },\n        \"& .datalist-modal__footer__action--primary\": {\n            backgroundColor: \"var(--mdc-theme-secondary)\"\n        }\n    }\n}));\n\nexport interface DataListModalOverlayProps {\n    /*\n     * This function is called after closing the modal overlay.\n     */\n    onDismiss?: (event?: React.SyntheticEvent) => void;\n}\n\nexport const DataListModalOverlay: React.FC<DataListModalOverlayProps> = ({\n    onDismiss,\n    children\n}) => {\n    const { isOpen, setIsOpen } = useContext(DataListModalOverlayContext);\n    return (\n        <React.Fragment>\n            <SimpleOverlay\n                onClick={e => {\n                    e.stopPropagation();\n                    // Close the modal.\n                    setIsOpen(false);\n\n                    if (typeof onDismiss === \"function\") {\n                        onDismiss();\n                    }\n                }}\n                showOverlay={isOpen}\n            />\n            <DataListModalWrapper showOverlay={isOpen} data-id={\"data-list-modal-wrapper\"}>\n                {children}\n            </DataListModalWrapper>\n        </React.Fragment>\n    );\n};\n"],"mappings":"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"}

package/List/DataList/DataListModalOverlay/DataListModalOverlayAction.js.map

@@ -1 +1 @@
-{"version":3,"names":["DataListModalOverlayAction","icon","rest","useContext","DataListModalOverlayContext","isOpen","setIsOpen"],"sources":["DataListModalOverlayAction.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { IconButton } from \"../../../Button\";\nimport { DataListModalOverlayContext } from \"./DataListModalOverlayContext\";\n\nexport interface DataListModalOverlayActionProps {\n    icon: React.ReactNode;\n    \"data-testid\"?: string;\n}\n\nexport const DataListModalOverlayAction: React.FC<DataListModalOverlayActionProps> = ({\n    icon,\n    ...rest\n}) => {\n    const { isOpen, setIsOpen } = useContext(DataListModalOverlayContext);\n\n    return (\n        <IconButton\n            data-testid={rest[\"data-testid\"]}\n            icon={icon}\n            onClick={() => setIsOpen(!isOpen)}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA;AACA;AACA;AAA4E;AAOrE,IAAMA,0BAAqE,GAAG,SAAxEA,0BAAqE,OAG5E;EAAA,IAFFC,IAAI,QAAJA,IAAI;IACDC,IAAI;EAEP,kBAA8B,IAAAC,iBAAU,EAACC,wDAA2B,CAAC;IAA7DC,MAAM,eAANA,MAAM;IAAEC,SAAS,eAATA,SAAS;EAEzB,oBACI,6BAAC,kBAAU;IACP,eAAaJ,IAAI,CAAC,aAAa,CAAE;IACjC,IAAI,EAAED,IAAK;IACX,OAAO,EAAE;MAAA,OAAMK,SAAS,CAAC,CAACD,MAAM,CAAC;IAAA;EAAC,EACpC;AAEV,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireWildcard","require","_Button","_DataListModalOverlayContext","_excluded","DataListModalOverlayAction","_ref","icon","rest","_objectWithoutProperties2","default","_useContext","useContext","DataListModalOverlayContext","isOpen","setIsOpen","createElement","IconButton","onClick","exports"],"sources":["DataListModalOverlayAction.tsx"],"sourcesContent":["import React, { useContext } from \"react\";\nimport { IconButton } from \"../../../Button\";\nimport { DataListModalOverlayContext } from \"./DataListModalOverlayContext\";\n\nexport interface DataListModalOverlayActionProps {\n    icon: React.ReactNode;\n    \"data-testid\"?: string;\n}\n\nexport const DataListModalOverlayAction: React.FC<DataListModalOverlayActionProps> = ({\n    icon,\n    ...rest\n}) => {\n    const { isOpen, setIsOpen } = useContext(DataListModalOverlayContext);\n\n    return (\n        <IconButton\n            data-testid={rest[\"data-testid\"]}\n            icon={icon}\n            onClick={() => setIsOpen(!isOpen)}\n        />\n    );\n};\n"],"mappings":";;;;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA;AAA4E,IAAAG,SAAA;AAOrE,IAAMC,0BAAqE,GAAG,SAAxEA,0BAAqEA,CAAAC,IAAA,EAG5E;EAAA,IAFFC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACDC,IAAI,OAAAC,yBAAA,CAAAC,OAAA,EAAAJ,IAAA,EAAAF,SAAA;EAEP,IAAAO,WAAA,GAA8B,IAAAC,iBAAU,EAACC,wDAA2B,CAAC;IAA7DC,MAAM,GAAAH,WAAA,CAANG,MAAM;IAAEC,SAAS,GAAAJ,WAAA,CAATI,SAAS;EAEzB,oBACIhB,MAAA,CAAAW,OAAA,CAAAM,aAAA,CAACd,OAAA,CAAAe,UAAU;IACP,eAAaT,IAAI,CAAC,aAAa,CAAE;IACjCD,IAAI,EAAEA,IAAK;IACXW,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAMH,SAAS,CAAC,CAACD,MAAM,CAAC;IAAA;EAAC,CACrC,CAAC;AAEV,CAAC;AAACK,OAAA,CAAAd,0BAAA,GAAAA,0BAAA"}

package/List/DataList/DataListModalOverlay/DataListModalOverlayContext.js.map

@@ -1 +1 @@
-{"version":3,"names":["DataListModalOverlayContext","React","createContext","isOpen","setIsOpen","DataListModalOverlayProvider","children","useState"],"sources":["DataListModalOverlayContext.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface DataListModalOverlayProviderContext {\n    isOpen: boolean;\n    setIsOpen: (value: boolean) => void;\n}\nexport const DataListModalOverlayContext = React.createContext<DataListModalOverlayProviderContext>(\n    {\n        isOpen: false,\n        setIsOpen: () => {\n            return void 0;\n        }\n    }\n);\n\nexport interface DataListModalOverlayProviderProps {\n    children?: React.ReactChild | React.ReactChild[];\n}\n\nexport const DataListModalOverlayProvider: React.FC<DataListModalOverlayProviderProps> = ({\n    children\n}) => {\n    const [isOpen, setIsOpen] = React.useState<boolean>(false);\n\n    return (\n        <DataListModalOverlayContext.Provider value={{ isOpen, setIsOpen }}>\n            {children}\n        </DataListModalOverlayContext.Provider>\n    );\n};\n"],"mappings":";;;;;;;;AAAA;AAMO,IAAMA,2BAA2B,gBAAGC,cAAK,CAACC,aAAa,CAC1D;EACIC,MAAM,EAAE,KAAK;EACbC,SAAS,EAAE,qBAAM;IACb,OAAO,KAAK,CAAC;EACjB;AACJ,CAAC,CACJ;AAAC;AAMK,IAAMC,4BAAyE,GAAG,SAA5EA,4BAAyE,OAEhF;EAAA,IADFC,QAAQ,QAARA,QAAQ;EAER,sBAA4BL,cAAK,CAACM,QAAQ,CAAU,KAAK,CAAC;IAAA;IAAnDJ,MAAM;IAAEC,SAAS;EAExB,oBACI,6BAAC,2BAA2B,CAAC,QAAQ;IAAC,KAAK,EAAE;MAAED,MAAM,EAANA,MAAM;MAAEC,SAAS,EAATA;IAAU;EAAE,GAC9DE,QAAQ,CAC0B;AAE/C,CAAC;AAAC"}
+{"version":3,"names":["_react","_interopRequireDefault","require","DataListModalOverlayContext","React","createContext","isOpen","setIsOpen","exports","DataListModalOverlayProvider","_ref","children","_React$useState","useState","_React$useState2","_slicedToArray2","default","createElement","Provider","value"],"sources":["DataListModalOverlayContext.tsx"],"sourcesContent":["import React from \"react\";\n\ninterface DataListModalOverlayProviderContext {\n    isOpen: boolean;\n    setIsOpen: (value: boolean) => void;\n}\nexport const DataListModalOverlayContext = React.createContext<DataListModalOverlayProviderContext>(\n    {\n        isOpen: false,\n        setIsOpen: () => {\n            return void 0;\n        }\n    }\n);\n\nexport interface DataListModalOverlayProviderProps {\n    children?: React.ReactChild | React.ReactChild[];\n}\n\nexport const DataListModalOverlayProvider: React.FC<DataListModalOverlayProviderProps> = ({\n    children\n}) => {\n    const [isOpen, setIsOpen] = React.useState<boolean>(false);\n\n    return (\n        <DataListModalOverlayContext.Provider value={{ isOpen, setIsOpen }}>\n            {children}\n        </DataListModalOverlayContext.Provider>\n    );\n};\n"],"mappings":";;;;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAMO,IAAMC,2BAA2B,gBAAGC,cAAK,CAACC,aAAa,CAC1D;EACIC,MAAM,EAAE,KAAK;EACbC,SAAS,EAAE,SAAAA,UAAA,EAAM;IACb,OAAO,KAAK,CAAC;EACjB;AACJ,CACJ,CAAC;AAACC,OAAA,CAAAL,2BAAA,GAAAA,2BAAA;AAMK,IAAMM,4BAAyE,GAAG,SAA5EA,4BAAyEA,CAAAC,IAAA,EAEhF;EAAA,IADFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;EAER,IAAAC,eAAA,GAA4BR,cAAK,CAACS,QAAQ,CAAU,KAAK,CAAC;IAAAC,gBAAA,OAAAC,eAAA,CAAAC,OAAA,EAAAJ,eAAA;IAAnDN,MAAM,GAAAQ,gBAAA;IAAEP,SAAS,GAAAO,gBAAA;EAExB,oBACId,MAAA,CAAAgB,OAAA,CAAAC,aAAA,CAACd,2BAA2B,CAACe,QAAQ;IAACC,KAAK,EAAE;MAAEb,MAAM,EAANA,MAAM;MAAEC,SAAS,EAATA;IAAU;EAAE,GAC9DI,QACiC,CAAC;AAE/C,CAAC;AAACH,OAAA,CAAAC,4BAAA,GAAAA,4BAAA"}

package/List/DataList/DataListModalOverlay/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["index.ts"],"sourcesContent":["export { DataListModalOverlay } from \"./DataListModalOverlay\";\nexport { DataListModalOverlayAction } from \"./DataListModalOverlayAction\";\nexport {\n    DataListModalOverlayContext,\n    DataListModalOverlayProvider\n} from \"./DataListModalOverlayContext\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AACA;AACA"}
+{"version":3,"names":["_DataListModalOverlay","require","_DataListModalOverlayAction","_DataListModalOverlayContext"],"sources":["index.ts"],"sourcesContent":["export { DataListModalOverlay } from \"./DataListModalOverlay\";\nexport { DataListModalOverlayAction } from \"./DataListModalOverlayAction\";\nexport {\n    DataListModalOverlayContext,\n    DataListModalOverlayProvider\n} from \"./DataListModalOverlayContext\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,qBAAA,GAAAC,OAAA;AACA,IAAAC,2BAAA,GAAAD,OAAA;AACA,IAAAE,4BAAA,GAAAF,OAAA"}

package/List/DataList/DataListWithSections.js

@@ -124,6 +124,9 @@ var dataListContent = /*#__PURE__*/(0, _emotion.css)({
   height: "100%",
   overflow: "auto"
 }, "label:dataListContent;");
+
+// This was copied from "./types" so that it can be outputted in docs.
+
 var MultiSelectAll = function MultiSelectAll(props) {
   var multiSelectActions = props.multiSelectActions;
   if (!multiSelectActions) {