@elliemae/ds-pills 3.1.0-next.2 → 3.1.0-next.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/Pill.js +1 -2
- package/dist/cjs/components/Pill.js.map +2 -2
- package/dist/cjs/components/PillButton.js +1 -2
- package/dist/cjs/components/PillButton.js.map +2 -2
- package/dist/cjs/components/styled.js +12 -12
- package/dist/cjs/components/styled.js.map +2 -2
- package/dist/cjs/deprecated/DropdownPill.js +9 -9
- package/dist/cjs/deprecated/DropdownPill.js.map +2 -2
- package/dist/cjs/deprecated/LabeledDropdownPills.js +21 -21
- package/dist/cjs/deprecated/LabeledDropdownPills.js.map +2 -2
- package/dist/cjs/deprecated/LabeledPills.js +11 -11
- package/dist/cjs/deprecated/LabeledPills.js.map +2 -2
- package/dist/cjs/deprecated/OverflowPill.js +5 -5
- package/dist/cjs/deprecated/OverflowPill.js.map +2 -2
- package/dist/cjs/deprecated/Pill.js +8 -8
- package/dist/cjs/deprecated/Pill.js.map +2 -2
- package/dist/cjs/deprecated/PillGroup.js +7 -7
- package/dist/cjs/deprecated/PillGroup.js.map +2 -2
- package/dist/cjs/deprecated/ReadOnlyPill.js +8 -8
- package/dist/cjs/deprecated/ReadOnlyPill.js.map +2 -2
- package/dist/cjs/deprecated/RemovablePill.js +6 -7
- package/dist/cjs/deprecated/RemovablePill.js.map +2 -2
- package/dist/cjs/props.js +25 -25
- package/dist/cjs/props.js.map +2 -2
- package/dist/esm/components/Pill.js +1 -2
- package/dist/esm/components/Pill.js.map +2 -2
- package/dist/esm/components/PillButton.js +1 -2
- package/dist/esm/components/PillButton.js.map +2 -2
- package/dist/esm/components/styled.js +1 -1
- package/dist/esm/components/styled.js.map +1 -1
- package/dist/esm/deprecated/DropdownPill.js +1 -1
- package/dist/esm/deprecated/DropdownPill.js.map +1 -1
- package/dist/esm/deprecated/LabeledDropdownPills.js +1 -1
- package/dist/esm/deprecated/LabeledDropdownPills.js.map +1 -1
- package/dist/esm/deprecated/LabeledPills.js +1 -1
- package/dist/esm/deprecated/LabeledPills.js.map +1 -1
- package/dist/esm/deprecated/OverflowPill.js +1 -1
- package/dist/esm/deprecated/OverflowPill.js.map +1 -1
- package/dist/esm/deprecated/Pill.js +1 -1
- package/dist/esm/deprecated/Pill.js.map +1 -1
- package/dist/esm/deprecated/PillGroup.js +1 -1
- package/dist/esm/deprecated/PillGroup.js.map +1 -1
- package/dist/esm/deprecated/ReadOnlyPill.js +1 -1
- package/dist/esm/deprecated/ReadOnlyPill.js.map +1 -1
- package/dist/esm/deprecated/RemovablePill.js +1 -2
- package/dist/esm/deprecated/RemovablePill.js.map +2 -2
- package/dist/esm/props.js +1 -1
- package/dist/esm/props.js.map +1 -1
- package/package.json +24 -24
|
@@ -40,7 +40,6 @@ __export(Pill_exports, {
|
|
|
40
40
|
module.exports = __toCommonJS(Pill_exports);
|
|
41
41
|
var React = __toESM(require("react"));
|
|
42
42
|
var import_react = __toESM(require("react"));
|
|
43
|
-
var import_react_desc = require("react-desc");
|
|
44
43
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
45
44
|
var import_props = require("../props");
|
|
46
45
|
var import_types = require("./types");
|
|
@@ -61,6 +60,6 @@ const DSPillV2 = (props) => {
|
|
|
61
60
|
};
|
|
62
61
|
DSPillV2.propTypes = import_props.DSPillV2PropTypes;
|
|
63
62
|
DSPillV2.displayName = "DSPillV2";
|
|
64
|
-
const DSPillV2WithSchema = (0,
|
|
63
|
+
const DSPillV2WithSchema = (0, import_ds_utilities.describe)(DSPillV2).description("Pill");
|
|
65
64
|
DSPillV2WithSchema.propTypes = import_props.DSPillV2PropTypes;
|
|
66
65
|
//# sourceMappingURL=Pill.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/Pill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { describe
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,
|
|
4
|
+
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport type { DSPillProps } from '../index.d';\nimport { DSPillV2DefaultProps, DSPillV2PropTypes } from '../props';\nimport { DropdownPill, LabelPill, ValuePill, InputPill, ReadOnlyPill, RemovablePill } from './types';\n\nconst pillComponentGetter: Record<string, React.ComponentType<DSPillProps>> = {\n dropdown: DropdownPill,\n input: InputPill,\n label: LabelPill,\n readonly: ReadOnlyPill,\n removable: RemovablePill,\n value: ValuePill,\n};\n\nconst DSPillV2: React.ComponentType<DSPillProps> = (props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillV2DefaultProps);\n useValidateTypescriptPropTypes(propsWithDefaults, DSPillV2PropTypes);\n const { type } = propsWithDefaults;\n const PillComponent = pillComponentGetter[type];\n\n return <PillComponent {...propsWithDefaults} />;\n};\n\nDSPillV2.propTypes = DSPillV2PropTypes;\nDSPillV2.displayName = 'DSPillV2';\nconst DSPillV2WithSchema = describe(DSPillV2).description('Pill');\nDSPillV2WithSchema.propTypes = DSPillV2PropTypes;\n\nexport { DSPillV2, DSPillV2WithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,0BAAuF;AAEvF,mBAAwD;AACxD,mBAA2F;AAE3F,MAAM,sBAAwE;AAAA,EAC5E,UAAU;AAAA,EACV,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,OAAO;AACT;AAEA,MAAM,WAA6C,CAAC,UAAU;AAC5D,QAAM,oBAAoB,sDAA6B,OAAO,iCAAoB;AAClF,0DAA+B,mBAAmB,8BAAiB;AACnE,QAAM,EAAE,SAAS;AACjB,QAAM,gBAAgB,oBAAoB;AAE1C,SAAO,mDAAC,kCAAkB,kBAAmB;AAC/C;AAEA,SAAS,YAAY;AACrB,SAAS,cAAc;AACvB,MAAM,qBAAqB,kCAAS,QAAQ,EAAE,YAAY,MAAM;AAChE,mBAAmB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -55,7 +55,6 @@ __export(PillButton_exports, {
|
|
|
55
55
|
module.exports = __toCommonJS(PillButton_exports);
|
|
56
56
|
var React = __toESM(require("react"));
|
|
57
57
|
var import_react = __toESM(require("react"));
|
|
58
|
-
var import_react_desc = require("react-desc");
|
|
59
58
|
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
60
59
|
var import_styled = require("./styled");
|
|
61
60
|
var import_props = require("../props");
|
|
@@ -75,6 +74,6 @@ const DSPillButton = (props) => {
|
|
|
75
74
|
};
|
|
76
75
|
DSPillButton.propTypes = import_props.DSPillButtonPropTypes;
|
|
77
76
|
DSPillButton.displayName = "DSPillButton";
|
|
78
|
-
const DSPillButtonWithSchema = (0,
|
|
77
|
+
const DSPillButtonWithSchema = (0, import_ds_utilities.describe)(DSPillButton).description("Pill button");
|
|
79
78
|
DSPillButtonWithSchema.propTypes = import_props.DSPillButtonPropTypes;
|
|
80
79
|
//# sourceMappingURL=PillButton.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/PillButton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport {
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;
|
|
4
|
+
"sourcesContent": ["/* eslint-disable react/prop-types */\nimport React from 'react';\nimport { DSButtonPropsT } from '@elliemae/ds-button';\nimport { describe, useMemoMergePropsWithDefault, useValidateTypescriptPropTypes } from '@elliemae/ds-utilities';\nimport { StyledPillButton } from './styled';\nimport { DSPillButtonDefaultProps, DSPillButtonPropTypes } from '../props';\n\nconst typeToClassName = {\n only: 'ds-pill-button-only',\n left: 'ds-pill-button-left',\n right: 'ds-pill-button-right',\n};\n\nconst DSPillButton: React.ComponentType<DSButtonPropsT> = (props) => {\n const propsWithDefaults = useMemoMergePropsWithDefault(props, DSPillButtonDefaultProps);\n useValidateTypescriptPropTypes(propsWithDefaults, DSPillButtonPropTypes);\n\n const { type, children, ...rest } = propsWithDefaults;\n\n return (\n <StyledPillButton {...rest} buttonType=\"raw\" className={`${typeToClassName[type]} ${rest.className}`}>\n {children}\n </StyledPillButton>\n );\n};\n\nDSPillButton.propTypes = DSPillButtonPropTypes;\nDSPillButton.displayName = 'DSPillButton';\nconst DSPillButtonWithSchema = describe(DSPillButton).description('Pill button');\nDSPillButtonWithSchema.propTypes = DSPillButtonPropTypes;\n\nexport { DSPillButton, DSPillButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAElB,0BAAuF;AACvF,oBAAiC;AACjC,mBAAgE;AAEhE,MAAM,kBAAkB;AAAA,EACtB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AACT;AAEA,MAAM,eAAoD,CAAC,UAAU;AACnE,QAAM,oBAAoB,sDAA6B,OAAO,qCAAwB;AACtF,0DAA+B,mBAAmB,kCAAqB;AAEvE,QAAoC,wBAA5B,QAAM,aAAsB,IAAT,iBAAS,IAAT,CAAnB,QAAM;AAEd,SACE,mDAAC,iEAAqB,OAArB;AAAA,IAA2B,YAAW;AAAA,IAAM,WAAW,GAAG,gBAAgB,SAAS,KAAK;AAAA,MACtF,QACH;AAEJ;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,yBAAyB,kCAAS,YAAY,EAAE,YAAY,aAAa;AAC/E,uBAAuB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -32,11 +32,11 @@ __export(styled_exports, {
|
|
|
32
32
|
});
|
|
33
33
|
module.exports = __toCommonJS(styled_exports);
|
|
34
34
|
var React = __toESM(require("react"));
|
|
35
|
-
var import_styled_components = __toESM(require("styled-components"));
|
|
36
35
|
var import_ds_system = require("@elliemae/ds-system");
|
|
36
|
+
var import_ds_system2 = require("@elliemae/ds-system");
|
|
37
37
|
var import_ds_grid = require("@elliemae/ds-grid");
|
|
38
38
|
var import_ds_button = require("@elliemae/ds-button");
|
|
39
|
-
const borderOutside = (color, size = 1, borderRadius = "12px") =>
|
|
39
|
+
const borderOutside = (color, size = 1, borderRadius = "12px") => import_ds_system2.css`
|
|
40
40
|
:after {
|
|
41
41
|
content: ' ';
|
|
42
42
|
position: absolute;
|
|
@@ -52,7 +52,7 @@ const borderOutside = (color, size = 1, borderRadius = "12px") => import_ds_syst
|
|
|
52
52
|
pointer-events: none;
|
|
53
53
|
}
|
|
54
54
|
`;
|
|
55
|
-
const commonPillWrapperCss =
|
|
55
|
+
const commonPillWrapperCss = import_ds_system2.css`
|
|
56
56
|
height: ${(props) => props?.size === "m" ? "24px" : "18px"};
|
|
57
57
|
|
|
58
58
|
position: relative;
|
|
@@ -75,19 +75,19 @@ const commonPillWrapperCss = import_ds_system.css`
|
|
|
75
75
|
color: ${({ theme, disabled }) => disabled ? theme.colors.neutral["400"] : theme.colors.brand["800"]};
|
|
76
76
|
${(props) => borderOutside(props.theme.colors.brand[300])};
|
|
77
77
|
`;
|
|
78
|
-
const StyledLabelPillWrapper = (0,
|
|
78
|
+
const StyledLabelPillWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
79
79
|
${commonPillWrapperCss}
|
|
80
80
|
|
|
81
81
|
font-weight: ${(props) => props.theme.fontWeights.semibold};
|
|
82
82
|
padding-left: ${(props) => props.hasIcon ? "0px !important" : "12px"};
|
|
83
83
|
`;
|
|
84
|
-
const StyledValuePillWrapper = (0,
|
|
84
|
+
const StyledValuePillWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
85
85
|
${commonPillWrapperCss}
|
|
86
86
|
|
|
87
87
|
font-weight: ${(props) => props.theme.fontWeights.regular};
|
|
88
88
|
padding-left: ${(props) => props.hasIcon ? "0px !important" : "12px"};
|
|
89
89
|
`;
|
|
90
|
-
const StyledInputPillWrapper = (0,
|
|
90
|
+
const StyledInputPillWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
91
91
|
${commonPillWrapperCss}
|
|
92
92
|
|
|
93
93
|
background: ${(props) => props.theme.colors.neutral["000"]};
|
|
@@ -123,24 +123,24 @@ const StyledInputPillWrapper = (0, import_styled_components.default)(import_ds_g
|
|
|
123
123
|
height: 100%;
|
|
124
124
|
}
|
|
125
125
|
`;
|
|
126
|
-
const StyledDropdownPillWrapper = (0,
|
|
126
|
+
const StyledDropdownPillWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
127
127
|
${commonPillWrapperCss}
|
|
128
128
|
font-weight: ${(props) => props.theme.fontWeights.semibold};
|
|
129
129
|
|
|
130
130
|
padding: 0 0 0 12px;
|
|
131
131
|
`;
|
|
132
|
-
const StyledReadonlyPillWrapper = (0,
|
|
132
|
+
const StyledReadonlyPillWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
133
133
|
${commonPillWrapperCss}
|
|
134
134
|
font-weight: ${(props) => props.theme.fontWeights.semibold};
|
|
135
135
|
padding-right: ${(props) => props.hasIconRight ? "0 !important" : "12px"};
|
|
136
136
|
padding-left: ${(props) => props.hasIconLeft ? "0 !important" : "12px"};
|
|
137
137
|
`;
|
|
138
|
-
const StyledRemovablePillWrapper = (0,
|
|
138
|
+
const StyledRemovablePillWrapper = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
139
139
|
${commonPillWrapperCss}
|
|
140
140
|
font-weight: ${(props) => props.theme.fontWeights.regular};
|
|
141
141
|
padding: 0 0 0 12px;
|
|
142
142
|
`;
|
|
143
|
-
const StyledPillGroup = (0,
|
|
143
|
+
const StyledPillGroup = (0, import_ds_system.styled)(import_ds_grid.Grid)`
|
|
144
144
|
width: ${({ width }) => width};
|
|
145
145
|
|
|
146
146
|
// Pill edges
|
|
@@ -206,13 +206,13 @@ const StyledPillGroup = (0, import_styled_components.default)(import_ds_grid.Gri
|
|
|
206
206
|
}
|
|
207
207
|
}
|
|
208
208
|
`;
|
|
209
|
-
const StyledSpanWithTooltip =
|
|
209
|
+
const StyledSpanWithTooltip = import_ds_system.styled.span`
|
|
210
210
|
outline: none;
|
|
211
211
|
:focus {
|
|
212
212
|
${(props) => borderOutside(props.theme.colors.brand[700], 2, 3)}
|
|
213
213
|
}
|
|
214
214
|
`;
|
|
215
|
-
const StyledPillButton = (0,
|
|
215
|
+
const StyledPillButton = (0, import_ds_system.styled)(import_ds_button.DSButtonV2)`
|
|
216
216
|
display: grid;
|
|
217
217
|
place-items: center;
|
|
218
218
|
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/components/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport styled from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport { styled } from '@elliemae/ds-system';\nimport { css } from '@elliemae/ds-system';\nimport { Grid } from '@elliemae/ds-grid';\nimport { DSButtonV2 } from '@elliemae/ds-button';\n\ninterface InputPillWrapperProps {\n value: string;\n inputWidth: number;\n inputHasFocus: boolean;\n hasError: boolean;\n}\n\n// =============================================================================\n// Common CSS\n// =============================================================================\n\nconst borderOutside = (color: string, size = 1, borderRadius = '12px') => css`\n :after {\n content: ' ';\n position: absolute;\n top: 0px;\n left: 0px;\n right: 0px;\n bottom: 0px;\n border: ${size}px solid ${({ disabled, theme }) => (disabled ? theme.colors.neutral[400] : color)};\n border-top-left-radius: ${borderRadius};\n border-top-right-radius: ${borderRadius};\n border-bottom-left-radius: ${borderRadius};\n border-bottom-right-radius: ${borderRadius};\n pointer-events: none;\n }\n`;\n\nconst commonPillWrapperCss = css<{ size: 'm' | 's' }>`\n height: ${(props) => (props?.size === 'm' ? '24px' : '18px')};\n\n position: relative;\n\n width: fit-content;\n\n background-color: ${({ theme, disabled }) => (disabled ? theme.colors.neutral['080'] : theme.colors.brand[200])};\n\n outline: none;\n\n white-space: nowrap;\n\n padding: 0px 12px 0 12px;\n border-radius: 12px;\n\n font-size: 13px;\n line-height: 1;\n user-select: ${({ disabled }) => (disabled ? 'none' : 'auto')};\n cursor: ${({ disabled }) => (disabled ? 'not-allowed' : 'default')};\n color: ${({ theme, disabled }) => (disabled ? theme.colors.neutral['400'] : theme.colors.brand['800'])};\n ${(props) => borderOutside(props.theme.colors.brand[300])};\n`;\n\n// =============================================================================\n// Pills wrappers\n// =============================================================================\n\nexport const StyledLabelPillWrapper = styled(Grid)`\n ${commonPillWrapperCss}\n\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n padding-left: ${(props) => (props.hasIcon ? '0px !important' : '12px')};\n`;\n\nexport const StyledValuePillWrapper = styled(Grid)`\n ${commonPillWrapperCss}\n\n font-weight: ${(props) => props.theme.fontWeights.regular};\n padding-left: ${(props) => (props.hasIcon ? '0px !important' : '12px')};\n`;\n\nexport const StyledInputPillWrapper = styled(Grid)<InputPillWrapperProps>`\n ${commonPillWrapperCss}\n\n background: ${(props) => props.theme.colors.neutral['000']};\n padding: 0;\n\n ${({ theme, hasError }) => {\n if (hasError) return borderOutside(theme.colors.danger[900]);\n return borderOutside(theme.colors.brand[500]);\n }}\n\n :focus-within {\n ${(props) => (props.inputHasFocus ? borderOutside(props.theme.colors.brand[700], 2) : '')}\n }\n\n :active {\n ${(props) => (props.inputHasFocus ? borderOutside(props.theme.colors.brand[500]) : '')}\n }\n\n & .em-ds-input {\n outline: none !important;\n border: none !important;\n box-shadow: none !important;\n border-radius: 0 !important;\n height: 100%;\n background: transparent;\n width: ${(props) => `${props.inputWidth + (props.value === '' ? 24 : 0)}px`};\n padding: 0;\n margin: 0 0 0 8px;\n }\n\n & .em-ds-input__tooltip-ref {\n height: 100%;\n }\n`;\n\nexport const StyledDropdownPillWrapper = styled(Grid)`\n ${commonPillWrapperCss}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n\n padding: 0 0 0 12px;\n`;\n\nexport const StyledReadonlyPillWrapper = styled(Grid)<{ hasIconRight: boolean; hasIconLeft: boolean }>`\n ${commonPillWrapperCss}\n font-weight: ${(props) => props.theme.fontWeights.semibold};\n padding-right: ${(props) => (props.hasIconRight ? '0 !important' : '12px')};\n padding-left: ${(props) => (props.hasIconLeft ? '0 !important' : '12px')};\n`;\n\nexport const StyledRemovablePillWrapper = styled(Grid)`\n ${commonPillWrapperCss}\n font-weight: ${(props) => props.theme.fontWeights.regular};\n padding: 0 0 0 12px;\n`;\n\n// =============================================================================\n// Pill group\n// =============================================================================\n\nexport const StyledPillGroup = styled(Grid)`\n width: ${({ width }) => width};\n\n // Pill edges\n & .ds-pill-wrapper {\n &:not(:first-of-type) {\n &,\n :after,\n :before,\n .ds-pill-tooltip-value:after {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n }\n }\n &:not(:last-of-type) {\n &,\n :after,\n :before,\n .ds-pill-tooltip-value:after {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n }\n }\n }\n\n // Pill paddings to the left / right\n & .ds-pill-wrapper-label,\n & .ds-pill-wrapper-value,\n & .ds-pill-wrapper-readonly {\n &:not(:first-of-type) {\n padding-left: 8px;\n }\n &:not(:last-of-type) {\n padding-right: 8px;\n }\n }\n\n & .ds-pill-wrapper-removable:not(:first-of-type) {\n padding-left: 8px;\n }\n\n & .ds-pill-wrapper-dropdown:not(:first-of-type) {\n padding-left: 8px;\n }\n\n & .ds-pill-wrapper {\n :not(:first-of-type) {\n .ds-pill-button-left {\n border-radius: 0px;\n }\n .ds-pill-button-only {\n border-top-left-radius: 0px;\n border-bottom-left-radius: 0px;\n }\n }\n :not(:last-of-type) {\n .ds-pill-button-right {\n border-radius: 0px;\n }\n .ds-pill-button-only {\n border-top-right-radius: 0px;\n border-bottom-right-radius: 0px;\n }\n }\n }\n`;\n\n// =============================================================================\n// Extra stuff\n// =============================================================================\n\nexport const StyledSpanWithTooltip = styled.span`\n outline: none;\n :focus {\n ${(props) => borderOutside(props.theme.colors.brand[700], 2, 3)}\n }\n`;\n\nexport const StyledPillButton = styled(DSButtonV2)<{ width: string; height: string }>`\n display: grid;\n place-items: center;\n\n position: relative;\n\n padding: 0;\n width: ${(props) => props.width};\n height: ${(props) => props.height};\n\n border-radius: 12px;\n\n :focus {\n ${(props) => borderOutside(props.theme.colors.brand[700], 2, 3, 'inherit')}\n }\n\n cursor: pointer;\n`;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -55,7 +55,7 @@ __export(DropdownPill_exports, {
|
|
|
55
55
|
module.exports = __toCommonJS(DropdownPill_exports);
|
|
56
56
|
var React = __toESM(require("react"));
|
|
57
57
|
var import_react = __toESM(require("react"));
|
|
58
|
-
var
|
|
58
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
59
59
|
var import_ds_dropdownmenu = require("@elliemae/ds-dropdownmenu");
|
|
60
60
|
var import_ds_icons = require("@elliemae/ds-icons");
|
|
61
61
|
var import_ds_shared = require("@elliemae/ds-shared");
|
|
@@ -107,16 +107,16 @@ function DropdownPill(_a) {
|
|
|
107
107
|
}));
|
|
108
108
|
}
|
|
109
109
|
const props = {
|
|
110
|
-
containerProps:
|
|
111
|
-
label:
|
|
112
|
-
variant:
|
|
113
|
-
tabIndex:
|
|
114
|
-
closeMenuOnItemSelection:
|
|
115
|
-
maxWidth:
|
|
116
|
-
minWidth:
|
|
110
|
+
containerProps: import_ds_utilities.PropTypes.object.description("props injected to component wrapper"),
|
|
111
|
+
label: import_ds_utilities.PropTypes.string.isRequired.description("pill text label"),
|
|
112
|
+
variant: import_ds_utilities.PropTypes.oneOf(["value", "title"]).description("pill variant"),
|
|
113
|
+
tabIndex: import_ds_utilities.PropTypes.number.description("html focus order"),
|
|
114
|
+
closeMenuOnItemSelection: import_ds_utilities.PropTypes.bool.description("close menu on item selection"),
|
|
115
|
+
maxWidth: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("pill max width"),
|
|
116
|
+
minWidth: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.string, import_ds_utilities.PropTypes.number]).description("pill min width")
|
|
117
117
|
};
|
|
118
118
|
DropdownPill.propTypes = props;
|
|
119
119
|
DropdownPill.displayName = "DropdownPill";
|
|
120
|
-
const DSDropdownPillWithSchema = (0,
|
|
120
|
+
const DSDropdownPillWithSchema = (0, import_ds_utilities.describe)(DropdownPill);
|
|
121
121
|
DSDropdownPillWithSchema.propTypes = props;
|
|
122
122
|
//# sourceMappingURL=DropdownPill.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/deprecated/DropdownPill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,
|
|
4
|
+
"sourcesContent": ["import React, { useRef, useState } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { DSDropdownMenu } from '@elliemae/ds-dropdownmenu';\nimport { ChevronDown } from '@elliemae/ds-icons';\nimport { useFocusGroupItem } from '@elliemae/ds-shared';\nimport { Pill } from './Pill';\n\nfunction DropdownPill({\n containerProps = {},\n label = '',\n variant,\n tabIndex = -1,\n closeMenuOnItemSelection = false,\n maxWidth,\n minWidth,\n ...dropdownProps\n}) {\n const ref = useRef(null);\n const [chevronEl, chevronRef] = useState();\n const { focusFirst } = useFocusGroupItem(ref);\n return (\n <DSDropdownMenu\n {...dropdownProps}\n closeMenuOnItemSelection={closeMenuOnItemSelection}\n maxWidth={maxWidth}\n hideIfNotVisible\n menuProps={{ className: 'dropdown-pill-menu', zIndex: 100 }}\n minWidth={minWidth}\n onClose={focusFirst}\n referenceNode={chevronEl}\n triggerComponent={\n <Pill\n data-testid=\"dropdown-pill\"\n className=\"dropdown-pill\"\n containerProps={{ role: 'listbox', ...containerProps }}\n innerRef={ref}\n label={label}\n rightAddon={\n <div ref={chevronRef}>\n <ChevronDown className=\"dropdown-pill-chevron-down\" data-testid=\"dropdown-pill-button\" />\n </div>\n }\n tabIndex={tabIndex}\n variant={variant}\n />\n }\n />\n );\n}\n\nconst props = {\n /** props injected to component wrapper */\n containerProps: PropTypes.object.description('props injected to component wrapper'),\n /** labeled pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** pill variant */\n variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n /** html focus border */\n tabIndex: PropTypes.number.description('html focus order'),\n /** close menu on item selection */\n closeMenuOnItemSelection: PropTypes.bool.description('close menu on item selection'),\n /** pill max width */\n maxWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill max width'),\n /** pill min width */\n minWidth: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).description('pill min width'),\n};\n\nDropdownPill.propTypes = props;\nDropdownPill.displayName = 'DropdownPill';\nconst DSDropdownPillWithSchema = describe(DropdownPill);\nDSDropdownPillWithSchema.propTypes = props;\n\nexport { DropdownPill, DSDropdownPillWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAwC;AACxC,0BAAoC;AACpC,6BAA+B;AAC/B,sBAA4B;AAC5B,uBAAkC;AAClC,kBAAqB;AAErB,sBAAsB,IASnB;AATmB,eACpB;AAAA,qBAAiB,CAAC;AAAA,IAClB,QAAQ;AAAA,IACR;AAAA,IACA,WAAW;AAAA,IACX,2BAA2B;AAAA,IAC3B;AAAA,IACA;AAAA,MAPoB,IAQjB,0BARiB,IAQjB;AAAA,IAPH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,MAAM,yBAAO,IAAI;AACvB,QAAM,CAAC,WAAW,cAAc,2BAAS;AACzC,QAAM,EAAE,eAAe,wCAAkB,GAAG;AAC5C,SACE,mDAAC,wEACK,gBADL;AAAA,IAEC;AAAA,IACA;AAAA,IACA,kBAAgB;AAAA,IAChB,WAAW,EAAE,WAAW,sBAAsB,QAAQ,IAAI;AAAA,IAC1D;AAAA,IACA,SAAS;AAAA,IACT,eAAe;AAAA,IACf,kBACE,mDAAC;AAAA,MACC,eAAY;AAAA,MACZ,WAAU;AAAA,MACV,gBAAgB,iBAAE,MAAM,aAAc;AAAA,MACtC,UAAU;AAAA,MACV;AAAA,MACA,YACE,mDAAC;AAAA,QAAI,KAAK;AAAA,SACR,mDAAC;AAAA,QAAY,WAAU;AAAA,QAA6B,eAAY;AAAA,OAAuB,CACzF;AAAA,MAEF;AAAA,MACA;AAAA,KACF;AAAA,IAEJ;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,OAAO,YAAY,qCAAqC;AAAA,EAElF,OAAO,8BAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA,EAEhE,SAAS,8BAAU,MAAM,CAAC,SAAS,OAAO,CAAC,EAAE,YAAY,cAAc;AAAA,EAEvE,UAAU,8BAAU,OAAO,YAAY,kBAAkB;AAAA,EAEzD,0BAA0B,8BAAU,KAAK,YAAY,8BAA8B;AAAA,EAEnF,UAAU,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,gBAAgB;AAAA,EAEhG,UAAU,8BAAU,UAAU,CAAC,8BAAU,QAAQ,8BAAU,MAAM,CAAC,EAAE,YAAY,gBAAgB;AAClG;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,kCAAS,YAAY;AACtD,yBAAyB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -55,7 +55,7 @@ __export(LabeledDropdownPills_exports, {
|
|
|
55
55
|
module.exports = __toCommonJS(LabeledDropdownPills_exports);
|
|
56
56
|
var React = __toESM(require("react"));
|
|
57
57
|
var import_react = __toESM(require("react"));
|
|
58
|
-
var
|
|
58
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
59
59
|
var import_PillGroup = require("./PillGroup");
|
|
60
60
|
var import_LabeledDropdownSinglePill = require("./LabeledDropdownPillsTypes/LabeledDropdownSinglePill");
|
|
61
61
|
var import_LabeledDropdownMultiPill = require("./LabeledDropdownPillsTypes/LabeledDropdownMultiPill");
|
|
@@ -102,33 +102,33 @@ function LabeledDropdownPills(_a) {
|
|
|
102
102
|
})));
|
|
103
103
|
}
|
|
104
104
|
const props = {
|
|
105
|
-
type:
|
|
106
|
-
onFocusNextGroup:
|
|
107
|
-
onFocusPreviousGroup:
|
|
108
|
-
onFocusGroupSet:
|
|
109
|
-
maxWidth:
|
|
110
|
-
|
|
111
|
-
|
|
105
|
+
type: import_ds_utilities.PropTypes.oneOf(["single", "multi", "cascaded"]).description("pill type"),
|
|
106
|
+
onFocusNextGroup: import_ds_utilities.PropTypes.func.description("focus next group callback"),
|
|
107
|
+
onFocusPreviousGroup: import_ds_utilities.PropTypes.func.description("focus prev group callback"),
|
|
108
|
+
onFocusGroupSet: import_ds_utilities.PropTypes.func.description("focus group set callback"),
|
|
109
|
+
maxWidth: import_ds_utilities.PropTypes.oneOfType([
|
|
110
|
+
import_ds_utilities.PropTypes.string,
|
|
111
|
+
import_ds_utilities.PropTypes.number
|
|
112
112
|
]).description("pill max width"),
|
|
113
|
-
minWidth:
|
|
114
|
-
|
|
115
|
-
|
|
113
|
+
minWidth: import_ds_utilities.PropTypes.oneOfType([
|
|
114
|
+
import_ds_utilities.PropTypes.string,
|
|
115
|
+
import_ds_utilities.PropTypes.number
|
|
116
116
|
]).description("pill min width"),
|
|
117
|
-
fixed:
|
|
118
|
-
label:
|
|
119
|
-
value:
|
|
120
|
-
|
|
121
|
-
id:
|
|
122
|
-
label:
|
|
117
|
+
fixed: import_ds_utilities.PropTypes.bool.description("fixed pill"),
|
|
118
|
+
label: import_ds_utilities.PropTypes.string.isRequired.description("pill label text"),
|
|
119
|
+
value: import_ds_utilities.PropTypes.oneOfType([
|
|
120
|
+
import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.shape({
|
|
121
|
+
id: import_ds_utilities.PropTypes.string,
|
|
122
|
+
label: import_ds_utilities.PropTypes.string
|
|
123
123
|
})),
|
|
124
|
-
|
|
125
|
-
id:
|
|
126
|
-
label:
|
|
124
|
+
import_ds_utilities.PropTypes.shape({
|
|
125
|
+
id: import_ds_utilities.PropTypes.string,
|
|
126
|
+
label: import_ds_utilities.PropTypes.string
|
|
127
127
|
})
|
|
128
128
|
]).description("pill value")
|
|
129
129
|
};
|
|
130
130
|
LabeledDropdownPills.propTypes = props;
|
|
131
131
|
LabeledDropdownPills.displayName = "LabeledDropdownPills";
|
|
132
|
-
const DSLabeledDropdownPillsWithSchema = (0,
|
|
132
|
+
const DSLabeledDropdownPillsWithSchema = (0, import_ds_utilities.describe)(LabeledDropdownPills);
|
|
133
133
|
DSLabeledDropdownPillsWithSchema.propTypes = props;
|
|
134
134
|
//# sourceMappingURL=LabeledDropdownPills.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/deprecated/LabeledDropdownPills.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,
|
|
4
|
+
"sourcesContent": ["/* eslint-disable max-lines */\nimport React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { PillGroup } from './PillGroup';\nimport { LabeledDropdownSinglePill } from './LabeledDropdownPillsTypes/LabeledDropdownSinglePill';\nimport { LabeledDropdownMultiPills } from './LabeledDropdownPillsTypes/LabeledDropdownMultiPill';\nimport { LabeledDropdownCascadeMenuPill } from './LabeledDropdownPillsTypes/LabeledDropdownCascadeMenuPill';\n\nconst DropdownPills = {\n single: LabeledDropdownSinglePill,\n multi: LabeledDropdownMultiPills,\n cascaded: LabeledDropdownCascadeMenuPill,\n};\n\nconst createDropdownPill = (type) =>\n DropdownPills[type] || DropdownPills.single;\n\nfunction LabeledDropdownPills({\n label = '',\n value,\n type,\n onFocusNextGroup,\n onFocusPreviousGroup,\n onFocusGroupSet,\n maxWidth,\n minWidth,\n fixed,\n ...menuProps\n}) {\n const Component = createDropdownPill(type);\n\n return (\n <PillGroup\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n >\n <Component\n {...menuProps}\n label={label}\n maxWidth={maxWidth}\n minWidth={minWidth}\n value={value}\n fixed={fixed}\n />\n </PillGroup>\n );\n}\n\nconst props = {\n /** pill type */\n type: PropTypes.oneOf(['single', 'multi', 'cascaded']).description(\n 'pill type',\n ),\n /** focus next group callback */\n onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n /** focus prev group callback */\n onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n /** focus group set callback */\n onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n /** pill max width */\n maxWidth: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]).description('pill max width'),\n /** pill min width */\n minWidth: PropTypes.oneOfType([\n PropTypes.string,\n PropTypes.number,\n ]).description('pill min width'),\n /** fixed pill */\n fixed: PropTypes.bool.description('fixed pill'),\n /** pill label text */\n label: PropTypes.string.isRequired.description('pill label text'),\n /** pill value */\n value: PropTypes.oneOfType([\n PropTypes.arrayOf(\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.string,\n }),\n ),\n PropTypes.shape({\n id: PropTypes.string,\n label: PropTypes.string,\n }),\n ]).description('pill value'),\n};\n\nLabeledDropdownPills.propTypes = props;\nLabeledDropdownPills.displayName = 'LabeledDropdownPills';\nconst DSLabeledDropdownPillsWithSchema = describe(LabeledDropdownPills);\nDSLabeledDropdownPillsWithSchema.propTypes = props;\n\nexport { LabeledDropdownPills, DSLabeledDropdownPillsWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,mBAAkB;AAClB,0BAAoC;AACpC,uBAA0B;AAC1B,uCAA0C;AAC1C,sCAA0C;AAC1C,4CAA+C;AAE/C,MAAM,gBAAgB;AAAA,EACpB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,UAAU;AACZ;AAEA,MAAM,qBAAqB,CAAC,SAC1B,cAAc,SAAS,cAAc;AAEvC,8BAA8B,IAW3B;AAX2B,eAC5B;AAAA,YAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,MAT4B,IAUzB,sBAVyB,IAUzB;AAAA,IATH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,QAAM,YAAY,mBAAmB,IAAI;AAEzC,SACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC,4CACK,YADL;AAAA,IAEC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACF,CACF;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,MAAM,8BAAU,MAAM,CAAC,UAAU,SAAS,UAAU,CAAC,EAAE,YACrD,WACF;AAAA,EAEA,kBAAkB,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAExE,sBAAsB,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAE5E,iBAAiB,8BAAU,KAAK,YAAY,0BAA0B;AAAA,EAEtE,UAAU,8BAAU,UAAU;AAAA,IAC5B,8BAAU;AAAA,IACV,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,gBAAgB;AAAA,EAE/B,UAAU,8BAAU,UAAU;AAAA,IAC5B,8BAAU;AAAA,IACV,8BAAU;AAAA,EACZ,CAAC,EAAE,YAAY,gBAAgB;AAAA,EAE/B,OAAO,8BAAU,KAAK,YAAY,YAAY;AAAA,EAE9C,OAAO,8BAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA,EAEhE,OAAO,8BAAU,UAAU;AAAA,IACzB,8BAAU,QACR,8BAAU,MAAM;AAAA,MACd,IAAI,8BAAU;AAAA,MACd,OAAO,8BAAU;AAAA,IACnB,CAAC,CACH;AAAA,IACA,8BAAU,MAAM;AAAA,MACd,IAAI,8BAAU;AAAA,MACd,OAAO,8BAAU;AAAA,IACnB,CAAC;AAAA,EACH,CAAC,EAAE,YAAY,YAAY;AAC7B;AAEA,qBAAqB,YAAY;AACjC,qBAAqB,cAAc;AACnC,MAAM,mCAAmC,kCAAS,oBAAoB;AACtE,iCAAiC,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -26,7 +26,7 @@ __export(LabeledPills_exports, {
|
|
|
26
26
|
module.exports = __toCommonJS(LabeledPills_exports);
|
|
27
27
|
var React = __toESM(require("react"));
|
|
28
28
|
var import_react = __toESM(require("react"));
|
|
29
|
-
var
|
|
29
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
30
30
|
var import_PillGroup = require("./PillGroup");
|
|
31
31
|
var import_RemovablePill = require("./RemovablePill");
|
|
32
32
|
var import_Pill = require("./Pill");
|
|
@@ -50,20 +50,20 @@ function LabeledPills({
|
|
|
50
50
|
}), children);
|
|
51
51
|
}
|
|
52
52
|
const props = {
|
|
53
|
-
label:
|
|
54
|
-
children:
|
|
55
|
-
type:
|
|
56
|
-
|
|
57
|
-
|
|
53
|
+
label: import_ds_utilities.PropTypes.string.isRequired.description("pill text label"),
|
|
54
|
+
children: import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.shape({
|
|
55
|
+
type: import_ds_utilities.PropTypes.oneOf([
|
|
56
|
+
import_ds_utilities.PropTypes.instanceOf(import_Pill.Pill),
|
|
57
|
+
import_ds_utilities.PropTypes.instanceOf(import_RemovablePill.RemovablePill)
|
|
58
58
|
])
|
|
59
59
|
})).isRequired.description("pill to add the label to"),
|
|
60
|
-
leftAddon:
|
|
61
|
-
onFocusNextGroup:
|
|
62
|
-
onFocusPreviousGroup:
|
|
63
|
-
onFocusGroupSet:
|
|
60
|
+
leftAddon: import_ds_utilities.PropTypes.node.description("addon component to left"),
|
|
61
|
+
onFocusNextGroup: import_ds_utilities.PropTypes.func.description("focus next group callback"),
|
|
62
|
+
onFocusPreviousGroup: import_ds_utilities.PropTypes.func.description("focus prev group callback"),
|
|
63
|
+
onFocusGroupSet: import_ds_utilities.PropTypes.func.description("focus group set callback")
|
|
64
64
|
};
|
|
65
65
|
LabeledPills.propTypes = props;
|
|
66
66
|
LabeledPills.displayName = "LabeledPills";
|
|
67
|
-
const DSLabeledPillsWithSchema = (0,
|
|
67
|
+
const DSLabeledPillsWithSchema = (0, import_ds_utilities.describe)(LabeledPills);
|
|
68
68
|
DSLabeledPillsWithSchema.propTypes = props;
|
|
69
69
|
//# sourceMappingURL=LabeledPills.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/deprecated/LabeledPills.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { PillGroup } from './PillGroup';\nimport { RemovablePill } from './RemovablePill';\nimport { Pill } from './Pill';\n\nfunction LabeledPills({\n children,\n label = '',\n leftAddon,\n onFocusGroupSet,\n onFocusNextGroup,\n onFocusPreviousGroup,\n}) {\n return (\n <PillGroup\n onFocusGroupSet={onFocusGroupSet}\n onFocusNextGroup={onFocusNextGroup}\n onFocusPreviousGroup={onFocusPreviousGroup}\n >\n <Pill\n label={label}\n leftAddon={leftAddon}\n variant=\"title\"\n data-testid=\"pill-title\"\n />\n {children}\n </PillGroup>\n );\n}\n\nconst props = {\n /** labeled pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** pill to add the label to */\n children: PropTypes.arrayOf(\n PropTypes.shape({\n type: PropTypes.oneOf([\n PropTypes.instanceOf(Pill),\n PropTypes.instanceOf(RemovablePill),\n ]),\n }),\n ).isRequired.description('pill to add the label to'),\n /** addon component to left */\n leftAddon: PropTypes.node.description('addon component to left'),\n /** focus next group callback */\n onFocusNextGroup: PropTypes.func.description('focus next group callback'),\n /** focus prev group callback */\n onFocusPreviousGroup: PropTypes.func.description('focus prev group callback'),\n /** focus group set callback */\n onFocusGroupSet: PropTypes.func.description('focus group set callback'),\n};\n\nLabeledPills.propTypes = props;\nLabeledPills.displayName = 'LabeledPills';\nconst DSLabeledPillsWithSchema = describe(LabeledPills);\nDSLabeledPillsWithSchema.propTypes = props;\n\nexport { LabeledPills, DSLabeledPillsWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,uBAA0B;AAC1B,2BAA8B;AAC9B,kBAAqB;AAErB,sBAAsB;AAAA,EACpB;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,GACC;AACD,SACE,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA;AAAA,KAEA,mDAAC;AAAA,IACC;AAAA,IACA;AAAA,IACA,SAAQ;AAAA,IACR,eAAY;AAAA,GACd,GACC,QACH;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,OAAO,8BAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA,EAEhE,UAAU,8BAAU,QAClB,8BAAU,MAAM;AAAA,IACd,MAAM,8BAAU,MAAM;AAAA,MACpB,8BAAU,WAAW,gBAAI;AAAA,MACzB,8BAAU,WAAW,kCAAa;AAAA,IACpC,CAAC;AAAA,EACH,CAAC,CACH,EAAE,WAAW,YAAY,0BAA0B;AAAA,EAEnD,WAAW,8BAAU,KAAK,YAAY,yBAAyB;AAAA,EAE/D,kBAAkB,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAExE,sBAAsB,8BAAU,KAAK,YAAY,2BAA2B;AAAA,EAE5E,iBAAiB,8BAAU,KAAK,YAAY,0BAA0B;AACxE;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,kCAAS,YAAY;AACtD,yBAAyB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -26,7 +26,7 @@ __export(OverflowPill_exports, {
|
|
|
26
26
|
module.exports = __toCommonJS(OverflowPill_exports);
|
|
27
27
|
var React = __toESM(require("react"));
|
|
28
28
|
var import_react = __toESM(require("react"));
|
|
29
|
-
var
|
|
29
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
30
30
|
var import_ds_shared = require("@elliemae/ds-shared");
|
|
31
31
|
var import_ds_tooltip = require("@elliemae/ds-tooltip");
|
|
32
32
|
var import_Pill = require("./Pill");
|
|
@@ -62,12 +62,12 @@ function OverflowPill({ containerProps = {}, label = "", options = [] }) {
|
|
|
62
62
|
});
|
|
63
63
|
}
|
|
64
64
|
const props = {
|
|
65
|
-
containerProps:
|
|
66
|
-
label:
|
|
67
|
-
options:
|
|
65
|
+
containerProps: import_ds_utilities.PropTypes.object.description("props to inject to pill wrapper"),
|
|
66
|
+
label: import_ds_utilities.PropTypes.string.isRequired.description("pill text label"),
|
|
67
|
+
options: import_ds_utilities.PropTypes.array.description("overflow pills options")
|
|
68
68
|
};
|
|
69
69
|
OverflowPill.propTypes = props;
|
|
70
70
|
OverflowPill.displayName = "OverflowPill";
|
|
71
|
-
const DSOverflowPillWithSchema = (0,
|
|
71
|
+
const DSOverflowPillWithSchema = (0, import_ds_utilities.describe)(OverflowPill);
|
|
72
72
|
DSOverflowPillWithSchema.propTypes = props;
|
|
73
73
|
//# sourceMappingURL=OverflowPill.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/deprecated/OverflowPill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React, { useRef, useState, useEffect } from 'react';\nimport { PropTypes, describe } from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmD;AACnD,
|
|
4
|
+
"sourcesContent": ["import React, { useRef, useState, useEffect } from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { useFocusGroupItem } from '@elliemae/ds-shared';\nimport { DSTooltip } from '@elliemae/ds-tooltip';\nimport { Pill } from './Pill';\n\nfunction OverflowPill({ containerProps = {}, label = '', options = [] }) {\n const ref = useRef(null);\n const [tooltipIsOpen, setTooltipIsOpen] = useState(false);\n const [tooltipText, setTooltipText] = useState('');\n\n useEffect(() => {\n let text = '';\n options.forEach((option) => {\n if (!tooltipText || option === options[0]) {\n text = `${option.label}`;\n } else {\n text = text.concat(`, ${option.label}`);\n }\n });\n setTooltipText(text);\n }, [options]);\n\n useFocusGroupItem(ref);\n\n return (\n <DSTooltip\n isOpen={tooltipIsOpen}\n title={tooltipText}\n zIndex={11}\n triggerComponent={\n <Pill\n className=\"overflow-pill\"\n containerProps={containerProps}\n innerRef={ref}\n label={label}\n tabIndex={-1}\n onMouseEnter={() => setTooltipIsOpen(true)}\n onMouseLeave={() => setTooltipIsOpen(false)}\n />\n }\n />\n );\n}\n\nconst props = {\n /** props to inject to pill wrapper */\n containerProps: PropTypes.object.description('props to inject to pill wrapper'),\n /** pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** overflow pills options */\n options: PropTypes.array.description('overflow pills options'),\n};\n\nOverflowPill.propTypes = props;\nOverflowPill.displayName = 'OverflowPill';\nconst DSOverflowPillWithSchema = describe(OverflowPill);\nDSOverflowPillWithSchema.propTypes = props;\n\nexport { OverflowPill, DSOverflowPillWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAmD;AACnD,0BAAoC;AACpC,uBAAkC;AAClC,wBAA0B;AAC1B,kBAAqB;AAErB,sBAAsB,EAAE,iBAAiB,CAAC,GAAG,QAAQ,IAAI,UAAU,CAAC,KAAK;AACvE,QAAM,MAAM,yBAAO,IAAI;AACvB,QAAM,CAAC,eAAe,oBAAoB,2BAAS,KAAK;AACxD,QAAM,CAAC,aAAa,kBAAkB,2BAAS,EAAE;AAEjD,8BAAU,MAAM;AACd,QAAI,OAAO;AACX,YAAQ,QAAQ,CAAC,WAAW;AAC1B,UAAI,CAAC,eAAe,WAAW,QAAQ,IAAI;AACzC,eAAO,GAAG,OAAO;AAAA,MACnB,OAAO;AACL,eAAO,KAAK,OAAO,KAAK,OAAO,OAAO;AAAA,MACxC;AAAA,IACF,CAAC;AACD,mBAAe,IAAI;AAAA,EACrB,GAAG,CAAC,OAAO,CAAC;AAEZ,0CAAkB,GAAG;AAErB,SACE,mDAAC;AAAA,IACC,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,kBACE,mDAAC;AAAA,MACC,WAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV;AAAA,MACA,UAAU;AAAA,MACV,cAAc,MAAM,iBAAiB,IAAI;AAAA,MACzC,cAAc,MAAM,iBAAiB,KAAK;AAAA,KAC5C;AAAA,GAEJ;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,OAAO,YAAY,iCAAiC;AAAA,EAE9E,OAAO,8BAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA,EAEhE,SAAS,8BAAU,MAAM,YAAY,wBAAwB;AAC/D;AAEA,aAAa,YAAY;AACzB,aAAa,cAAc;AAC3B,MAAM,2BAA2B,kCAAS,YAAY;AACtD,yBAAyB,YAAY;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -56,7 +56,7 @@ __export(Pill_exports, {
|
|
|
56
56
|
module.exports = __toCommonJS(Pill_exports);
|
|
57
57
|
var React = __toESM(require("react"));
|
|
58
58
|
var import_react = __toESM(require("react"));
|
|
59
|
-
var
|
|
59
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
60
60
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
61
61
|
const pillBlockName = "pill";
|
|
62
62
|
const PillWrapper = (0, import_ds_classnames.aggregatedClasses)("div")(pillBlockName, null, ({ size, variant }) => ({
|
|
@@ -86,16 +86,16 @@ function Pill(_a) {
|
|
|
86
86
|
}), otherProps), leftAddon && /* @__PURE__ */ import_react.default.createElement(PillAddon, null, leftAddon), /* @__PURE__ */ import_react.default.createElement(PillLabel, null, label), rightAddon && /* @__PURE__ */ import_react.default.createElement(PillAddon, null, rightAddon));
|
|
87
87
|
}
|
|
88
88
|
const props = {
|
|
89
|
-
containerProps:
|
|
90
|
-
label:
|
|
91
|
-
size:
|
|
92
|
-
variant:
|
|
93
|
-
leftAddon:
|
|
94
|
-
rightAddon:
|
|
89
|
+
containerProps: import_ds_utilities.PropTypes.object.description("props to inject to pill wrapper"),
|
|
90
|
+
label: import_ds_utilities.PropTypes.string.isRequired.description("pill text label"),
|
|
91
|
+
size: import_ds_utilities.PropTypes.oneOf(["m", "l"]).description("pill size"),
|
|
92
|
+
variant: import_ds_utilities.PropTypes.oneOf(["value", "title"]).description("pill variant"),
|
|
93
|
+
leftAddon: import_ds_utilities.PropTypes.node.description("addon component to left"),
|
|
94
|
+
rightAddon: import_ds_utilities.PropTypes.node.description("addon component to right")
|
|
95
95
|
};
|
|
96
96
|
Pill.propTypes = props;
|
|
97
97
|
Pill.displayName = "Pill";
|
|
98
|
-
const DSPillWithSchema = (0,
|
|
98
|
+
const DSPillWithSchema = (0, import_ds_utilities.describe)(Pill);
|
|
99
99
|
DSPillWithSchema.propTypes = props;
|
|
100
100
|
var Pill_default = Pill;
|
|
101
101
|
//# sourceMappingURL=Pill.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../../src/deprecated/Pill.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
|
|
4
|
-
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '
|
|
5
|
-
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,
|
|
4
|
+
"sourcesContent": ["import React from 'react';\nimport { PropTypes, describe } from '@elliemae/ds-utilities';\nimport { aggregatedClasses } from '@elliemae/ds-classnames';\n\nconst pillBlockName = 'pill';\n\nconst PillWrapper = aggregatedClasses('div')(\n pillBlockName,\n null,\n ({ size, variant }) => ({\n [variant]: !!variant,\n [size]: !!size,\n }),\n);\nconst PillLabel = aggregatedClasses('span')(pillBlockName, 'label');\nconst PillAddon = aggregatedClasses('div')(pillBlockName, 'addon');\n\nfunction Pill({\n containerProps = {},\n label = '',\n leftAddon,\n rightAddon,\n variant = 'value',\n size = 'm',\n ...otherProps\n}) {\n return (\n <PillWrapper\n {...containerProps}\n classProps={{ variant, size }}\n {...otherProps}\n >\n {leftAddon && <PillAddon>{leftAddon}</PillAddon>}\n <PillLabel>{label}</PillLabel>\n {rightAddon && <PillAddon>{rightAddon}</PillAddon>}\n </PillWrapper>\n );\n}\n\nconst props = {\n /** props to inject to pill wrapper */\n containerProps: PropTypes.object.description(\n 'props to inject to pill wrapper',\n ),\n /** pill text label */\n label: PropTypes.string.isRequired.description('pill text label'),\n /** pill size */\n size: PropTypes.oneOf(['m', 'l']).description('pill size'),\n /** pill variant */\n variant: PropTypes.oneOf(['value', 'title']).description('pill variant'),\n /** addon component to left */\n leftAddon: PropTypes.node.description('addon component to left'),\n /** addon component to right */\n rightAddon: PropTypes.node.description('addon component to right'),\n};\n\nPill.propTypes = props;\nPill.displayName = 'Pill';\nconst DSPillWithSchema = describe(Pill);\nDSPillWithSchema.propTypes = props;\n\nexport { Pill, DSPillWithSchema };\nexport default Pill;\n", "import * as React from 'react';\nexport { React };\n"],
|
|
5
|
+
"mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,0BAAoC;AACpC,2BAAkC;AAElC,MAAM,gBAAgB;AAEtB,MAAM,cAAc,4CAAkB,KAAK,EACzC,eACA,MACA,CAAC,EAAE,MAAM,cAAe;AAAA,GACrB,UAAU,CAAC,CAAC;AAAA,GACZ,OAAO,CAAC,CAAC;AACZ,EACF;AACA,MAAM,YAAY,4CAAkB,MAAM,EAAE,eAAe,OAAO;AAClE,MAAM,YAAY,4CAAkB,KAAK,EAAE,eAAe,OAAO;AAEjE,cAAc,IAQX;AARW,eACZ;AAAA,qBAAiB,CAAC;AAAA,IAClB,QAAQ;AAAA,IACR;AAAA,IACA;AAAA,IACA,UAAU;AAAA,IACV,OAAO;AAAA,MANK,IAOT,uBAPS,IAOT;AAAA,IANH;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA;AAGA,SACE,mDAAC,6DACK,iBADL;AAAA,IAEC,YAAY,EAAE,SAAS,KAAK;AAAA,MACxB,aAEH,aAAa,mDAAC,iBAAW,SAAU,GACpC,mDAAC,iBAAW,KAAM,GACjB,cAAc,mDAAC,iBAAW,UAAW,CACxC;AAEJ;AAEA,MAAM,QAAQ;AAAA,EAEZ,gBAAgB,8BAAU,OAAO,YAC/B,iCACF;AAAA,EAEA,OAAO,8BAAU,OAAO,WAAW,YAAY,iBAAiB;AAAA,EAEhE,MAAM,8BAAU,MAAM,CAAC,KAAK,GAAG,CAAC,EAAE,YAAY,WAAW;AAAA,EAEzD,SAAS,8BAAU,MAAM,CAAC,SAAS,OAAO,CAAC,EAAE,YAAY,cAAc;AAAA,EAEvE,WAAW,8BAAU,KAAK,YAAY,yBAAyB;AAAA,EAE/D,YAAY,8BAAU,KAAK,YAAY,0BAA0B;AACnE;AAEA,KAAK,YAAY;AACjB,KAAK,cAAc;AACnB,MAAM,mBAAmB,kCAAS,IAAI;AACtC,iBAAiB,YAAY;AAG7B,IAAO,eAAQ;",
|
|
6
6
|
"names": []
|
|
7
7
|
}
|
|
@@ -41,7 +41,7 @@ __export(PillGroup_exports, {
|
|
|
41
41
|
module.exports = __toCommonJS(PillGroup_exports);
|
|
42
42
|
var React = __toESM(require("react"));
|
|
43
43
|
var import_react = __toESM(require("react"));
|
|
44
|
-
var
|
|
44
|
+
var import_ds_utilities = require("@elliemae/ds-utilities");
|
|
45
45
|
var import_ds_classnames = require("@elliemae/ds-classnames");
|
|
46
46
|
var import_ds_shared = require("@elliemae/ds-shared");
|
|
47
47
|
const pillGroupBlockName = "pill-group";
|
|
@@ -56,14 +56,14 @@ const PillGroup = ({ containerProps = {}, onFocusNextGroup, onFocusPreviousGroup
|
|
|
56
56
|
orientation: "horizontal"
|
|
57
57
|
}, /* @__PURE__ */ import_react.default.createElement(Container, __spreadValues({}, containerProps), children));
|
|
58
58
|
const props = {
|
|
59
|
-
containerProps:
|
|
60
|
-
onFocusNextGroup:
|
|
61
|
-
onFocusPreviousGroup:
|
|
62
|
-
onFocusGroupSet:
|
|
63
|
-
children:
|
|
59
|
+
containerProps: import_ds_utilities.PropTypes.object.description("props injected to component wrapper"),
|
|
60
|
+
onFocusNextGroup: import_ds_utilities.PropTypes.func.description("focus next group callback"),
|
|
61
|
+
onFocusPreviousGroup: import_ds_utilities.PropTypes.func.description("focus prev group callback"),
|
|
62
|
+
onFocusGroupSet: import_ds_utilities.PropTypes.func.description("focus group set callback"),
|
|
63
|
+
children: import_ds_utilities.PropTypes.oneOfType([import_ds_utilities.PropTypes.arrayOf(import_ds_utilities.PropTypes.node), import_ds_utilities.PropTypes.node]).isRequired.description("pill components")
|
|
64
64
|
};
|
|
65
65
|
PillGroup.propTypes = props;
|
|
66
66
|
PillGroup.displayName = "PillGroup";
|
|
67
|
-
const DSPillGroupWithSchema = (0,
|
|
67
|
+
const DSPillGroupWithSchema = (0, import_ds_utilities.describe)(PillGroup);
|
|
68
68
|
DSPillGroupWithSchema.propTypes = props;
|
|
69
69
|
//# sourceMappingURL=PillGroup.js.map
|