w-design-system 0.0.45 → 0.0.46
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/components/PortalSelect/index.d.ts +1 -0
- package/dist/components/PortalSelect/index.d.ts.map +1 -1
- package/dist/components/PortalSelect/index.js +17 -8
- package/dist/components/PortalSelect/index.js.map +1 -1
- package/dist/components/PortalSelect/stories.d.ts.map +1 -1
- package/dist/components/PortalSelect/stories.js +3 -2
- package/dist/components/PortalSelect/stories.js.map +1 -1
- package/package.json +1 -1
- package/src/components/PortalSelect/index.tsx +22 -8
- package/src/components/PortalSelect/stories.tsx +4 -2
|
@@ -18,6 +18,7 @@ export interface PortalSelectProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
18
18
|
dropDownWidth?: string;
|
|
19
19
|
disableSearch?: boolean;
|
|
20
20
|
dropDownMaxHeight?: string;
|
|
21
|
+
allPortalsOption?: boolean;
|
|
21
22
|
}
|
|
22
23
|
export declare const PortalSelect: (props: PropsWithChildren<PortalSelectProps> & {
|
|
23
24
|
ref?: React.ForwardedRef<SelectRef>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PortalSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3E,OAAO,EAAuB,SAAS,EAAE,MAAM,WAAW,CAAA;AA+C1D,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;CAC3B;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/PortalSelect/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAC3E,OAAO,EAAuB,SAAS,EAAE,MAAM,WAAW,CAAA;AA+C1D,MAAM,WAAW,MAAM;IACrB,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,cAAc,CAAC;IACvE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,cAAc,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAChD,cAAc,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IAC9B,OAAO,EAAE,MAAM,EAAE,CAAA;IACjB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAoGD,eAAO,MAAM,YAAY,EAA8C,CACrE,KAAK,EAAE,iBAAiB,CAAC,iBAAiB,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,CAAA;CAAE,KAClF,KAAK,CAAC,YAAY,CAAA"}
|
|
@@ -102,27 +102,36 @@ const portalIcons = {
|
|
|
102
102
|
49: portalImg49,
|
|
103
103
|
};
|
|
104
104
|
const PortalSelectFowardRef = (_a, ref) => {
|
|
105
|
-
var
|
|
106
|
-
|
|
107
|
-
const
|
|
108
|
-
|
|
109
|
-
const imageUrl =
|
|
105
|
+
var { children, portals, allPortalsOption } = _a, props = __rest(_a, ["children", "portals", "allPortalsOption"]);
|
|
106
|
+
const allPortalsValue = allPortalsOption !== false;
|
|
107
|
+
const portalsValue = allPortalsValue ? [{ id: 0, name: 'Todos os portais' }, ...portals] : portals;
|
|
108
|
+
const selectProps = Object.assign(Object.assign({}, props), { leftIcon: props.selectedOption != null && portalIcons[props.selectedOption.id] && (React.createElement(PortalIcon, { src: props.selectedOption ? portalIcons[props.selectedOption.id] : defaultIcon })), options: portalsValue.map(portal => {
|
|
109
|
+
const imageUrl = portalIcons[portal.id];
|
|
110
110
|
return {
|
|
111
111
|
id: portal.id,
|
|
112
112
|
text: portal.name,
|
|
113
|
-
icon: React.createElement(PortalIcon, { src: imageUrl, alt: portal.name }),
|
|
113
|
+
icon: imageUrl && React.createElement(PortalIcon, { src: imageUrl, alt: portal.name }),
|
|
114
114
|
portal,
|
|
115
115
|
};
|
|
116
116
|
}), onOptionChange: option => {
|
|
117
117
|
var _a;
|
|
118
118
|
if (props.onOptionChange) {
|
|
119
|
-
|
|
119
|
+
if (allPortalsValue && !option) {
|
|
120
|
+
props.onOptionChange({
|
|
121
|
+
id: 0,
|
|
122
|
+
name: 'Todos os portais',
|
|
123
|
+
});
|
|
124
|
+
return;
|
|
125
|
+
}
|
|
126
|
+
else {
|
|
127
|
+
props.onOptionChange((_a = option === null || option === void 0 ? void 0 : option.portal) !== null && _a !== void 0 ? _a : null);
|
|
128
|
+
}
|
|
120
129
|
}
|
|
121
130
|
}, selectedOption: props.selectedOption
|
|
122
131
|
? {
|
|
123
132
|
id: props.selectedOption.id,
|
|
124
133
|
text: props.selectedOption.name,
|
|
125
|
-
icon: (React.createElement(PortalIcon, { src:
|
|
134
|
+
icon: portalIcons[props.selectedOption.id] && (React.createElement(PortalIcon, { src: portalIcons[props.selectedOption.id], alt: props.selectedOption.name })),
|
|
126
135
|
portal: props.selectedOption,
|
|
127
136
|
}
|
|
128
137
|
: null });
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PortalSelect/index.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAuD,MAAM,OAAO,CAAA;AAC3E,OAAO,EAAE,MAAM,EAA0B,MAAM,WAAW,CAAA;AAC1D,OAAO,WAAW,MAAM,uCAAuC,CAAA;AAC/D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,WAAW,MAAM,kCAAkC,CAAA;AAC1D,OAAO,EAAE,UAAU,EAAE,MAAM,UAAU,CAAA;
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PortalSelect/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/PortalSelect/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAqB,MAAM,SAAS,CAAA;AAGzD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,
|
|
1
|
+
{"version":3,"file":"stories.d.ts","sourceRoot":"","sources":["../../../src/components/PortalSelect/stories.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,YAAY,EAAqB,MAAM,SAAS,CAAA;AAGzD,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,YAAY,CAaC,CAAA;AAErC,eAAe,IAAI,CAAA;AACnB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,YAAY,CAAC,CAAA;AA6D1C,eAAO,MAAM,OAAO,EAAE,KASrB,CAAA"}
|
|
@@ -22,6 +22,7 @@ const meta = {
|
|
|
22
22
|
selectedOption: { control: 'number' },
|
|
23
23
|
onOptionChange: { action: 'selectedOptionChange' },
|
|
24
24
|
dropDownTop: { control: 'boolean' },
|
|
25
|
+
allPortalsOption: { control: 'boolean' },
|
|
25
26
|
},
|
|
26
27
|
};
|
|
27
28
|
export default meta;
|
|
@@ -73,9 +74,9 @@ const portals = {
|
|
|
73
74
|
const ComponentWrapper = (_a) => {
|
|
74
75
|
var { portals } = _a, args = __rest(_a, ["portals"]);
|
|
75
76
|
const [selectedOption, setSelectOption] = React.useState(null);
|
|
76
|
-
return (React.createElement(PortalSelect, Object.assign({ selectedOption: selectedOption, onOptionChange: option => setSelectOption(option), portals: portals }
|
|
77
|
+
return (React.createElement(PortalSelect, Object.assign({}, args, { selectedOption: selectedOption, onOptionChange: option => setSelectOption(option), portals: portals })));
|
|
77
78
|
};
|
|
78
79
|
export const Default = {
|
|
79
|
-
render:
|
|
80
|
+
render: args => (React.createElement(ComponentWrapper, Object.assign({}, args, { label: "Label", placeholder: "Placeholder", portals: Object.entries(portals).map(([id, name]) => ({ id: Number(id), name })) }))),
|
|
80
81
|
};
|
|
81
82
|
//# sourceMappingURL=stories.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/PortalSelect/stories.tsx"],"names":[],"mappings":";;;;;;;;;;;AACA,OAAO,EAAE,YAAY,EAAqB,MAAM,SAAS,CAAA;AACzD,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,MAAM,IAAI,GAA8B;IACtC,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,YAAY;IACvB,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACR,WAAW,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,cAAc,EAAE,EAAE,OAAO,EAAE,QAAQ,EAAE;QACrC,cAAc,EAAE,EAAE,MAAM,EAAE,sBAAsB,EAAE;QAClD,WAAW,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;
|
|
1
|
+
{"version":3,"file":"stories.js","sourceRoot":"","sources":["../../../src/components/PortalSelect/stories.tsx"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -65,6 +65,7 @@ export interface PortalSelectProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
65
65
|
dropDownWidth?: string
|
|
66
66
|
disableSearch?: boolean
|
|
67
67
|
dropDownMaxHeight?: string
|
|
68
|
+
allPortalsOption?: boolean
|
|
68
69
|
}
|
|
69
70
|
|
|
70
71
|
const portalIcons: Record<number, string> = {
|
|
@@ -113,32 +114,45 @@ const portalIcons: Record<number, string> = {
|
|
|
113
114
|
49: portalImg49,
|
|
114
115
|
}
|
|
115
116
|
const PortalSelectFowardRef = (
|
|
116
|
-
{ children, portals, ...props }: PropsWithChildren<PortalSelectProps>,
|
|
117
|
+
{ children, portals, allPortalsOption, ...props }: PropsWithChildren<PortalSelectProps>,
|
|
117
118
|
ref: React.ForwardedRef<SelectRef>,
|
|
118
119
|
) => {
|
|
120
|
+
const allPortalsValue = allPortalsOption !== false
|
|
121
|
+
const portalsValue = allPortalsValue ? [{ id: 0, name: 'Todos os portais' }, ...portals] : portals
|
|
122
|
+
|
|
119
123
|
const selectProps: SelectProps<{ text: string; id: number; icon?: ReactNode; portal: Portal }> = {
|
|
120
124
|
...props,
|
|
121
|
-
leftIcon:
|
|
122
|
-
|
|
123
|
-
|
|
125
|
+
leftIcon: props.selectedOption != null && portalIcons[props.selectedOption.id] && (
|
|
126
|
+
<PortalIcon src={props.selectedOption ? portalIcons[props.selectedOption.id] : defaultIcon} />
|
|
127
|
+
),
|
|
128
|
+
options: portalsValue.map(portal => {
|
|
129
|
+
const imageUrl = portalIcons[portal.id] as unknown as string
|
|
124
130
|
return {
|
|
125
131
|
id: portal.id,
|
|
126
132
|
text: portal.name,
|
|
127
|
-
icon: <PortalIcon src={imageUrl} alt={portal.name} />,
|
|
133
|
+
icon: imageUrl && <PortalIcon src={imageUrl} alt={portal.name} />,
|
|
128
134
|
portal,
|
|
129
135
|
}
|
|
130
136
|
}),
|
|
131
137
|
onOptionChange: option => {
|
|
132
138
|
if (props.onOptionChange) {
|
|
133
|
-
|
|
139
|
+
if (allPortalsValue && !option) {
|
|
140
|
+
props.onOptionChange({
|
|
141
|
+
id: 0,
|
|
142
|
+
name: 'Todos os portais',
|
|
143
|
+
})
|
|
144
|
+
return
|
|
145
|
+
} else {
|
|
146
|
+
props.onOptionChange(option?.portal ?? null)
|
|
147
|
+
}
|
|
134
148
|
}
|
|
135
149
|
},
|
|
136
150
|
selectedOption: props.selectedOption
|
|
137
151
|
? {
|
|
138
152
|
id: props.selectedOption.id,
|
|
139
153
|
text: props.selectedOption.name,
|
|
140
|
-
icon: (
|
|
141
|
-
<PortalIcon src={portalIcons[props.selectedOption.id]
|
|
154
|
+
icon: portalIcons[props.selectedOption.id] && (
|
|
155
|
+
<PortalIcon src={portalIcons[props.selectedOption.id]} alt={props.selectedOption.name} />
|
|
142
156
|
),
|
|
143
157
|
portal: props.selectedOption,
|
|
144
158
|
}
|
|
@@ -13,6 +13,7 @@ const meta: Meta<typeof PortalSelect> = {
|
|
|
13
13
|
selectedOption: { control: 'number' },
|
|
14
14
|
onOptionChange: { action: 'selectedOptionChange' },
|
|
15
15
|
dropDownTop: { control: 'boolean' },
|
|
16
|
+
allPortalsOption: { control: 'boolean' },
|
|
16
17
|
},
|
|
17
18
|
} satisfies Meta<typeof PortalSelect>
|
|
18
19
|
|
|
@@ -70,17 +71,18 @@ const ComponentWrapper = ({ portals, ...args }: PortalSelectProps) => {
|
|
|
70
71
|
|
|
71
72
|
return (
|
|
72
73
|
<PortalSelect
|
|
74
|
+
{...args}
|
|
73
75
|
selectedOption={selectedOption}
|
|
74
76
|
onOptionChange={option => setSelectOption(option)}
|
|
75
77
|
portals={portals}
|
|
76
|
-
{...args}
|
|
77
78
|
/>
|
|
78
79
|
)
|
|
79
80
|
}
|
|
80
81
|
|
|
81
82
|
export const Default: Story = {
|
|
82
|
-
render:
|
|
83
|
+
render: args => (
|
|
83
84
|
<ComponentWrapper
|
|
85
|
+
{...args}
|
|
84
86
|
label="Label"
|
|
85
87
|
placeholder="Placeholder"
|
|
86
88
|
portals={Object.entries(portals).map(([id, name]) => ({ id: Number(id), name }))}
|