npm - @ntbjs/react-components - Versions diffs - 2.0.13 → 3.0.0-rc.1 - Mend

@ntbjs/react-components 2.0.13 → 3.0.0-rc.1

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.

Files changed (343) hide show

package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CompactAutocompleteSelect.styled.js","sources":["../../../src/components/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.js"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nimport Select, { components } from 'react-select';\nimport { AsyncPaginate, withAsyncPaginate } from 'react-select-async-paginate';\nimport CreatableSelect from 'react-select/creatable';\n\nimport { ReactComponent as CloseIcon } from '../../../icons/close.svg';\nimport { ReactComponent as ExpandMoreIcon } from '../../../icons/expand-more.svg';\n\nconst fadeIn = keyframes`\n from {\n background-color: ${props =>\n props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};\n }\n to {\n background-color: ${props =>\n props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};\n }\n`;\n\nconst fadeOut = keyframes`\n from {\n background-color: ${props =>\n props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};\n }\n to {\n background-color: ${props =>\n props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};\n }\n`;\n\nconst fadeInCheck = keyframes`\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n`;\n\nconst fadeOutCheck = keyframes`\n from {\n opacity: 1\n }\n to {\n opacity: 0\n }\n`;\n\nconst AsyncCreatableSelectPaginate = withAsyncPaginate(CreatableSelect);\n\nconst sharedStyle = css`\n font-family: ${props => props.theme.primaryFontFamily};\n font-size: 0.875rem;\n line-height: 1rem;\n width: 100%;\n display: block;\n box-shadow: 'none';\n flex-basis: ${props => (props.$hasLabel ? '66.66%' : '100%')};\n`;\n\nconst shouldForwardProp = prop => {\n return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const CompactAutocompleteSelect = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n align-items: center;\n height: 24px;\n font-family: ${props => props.theme.primaryFontFamily};\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n cursor: not-allowed;\n `}\n`;\n\nexport const Label = styled.label\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('white'),\n props.theme.getColor('gray-700')\n )};\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n height: 19px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 2px;\n ${props =>\n props.disabled &&\n css`\n cursor: not-allowed;\n `}\n`;\n\nexport const InputContainer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n width: 100%;\n height: 19px;\n`;\n\nexport const SuccessContainer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 1;\n pointer-events: none;\n display: flex;\n opacity: ${props => (props.fadeIn ? 0 : 1)};\n animation: ${props => (props.fadeIn ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n margin-right: 5px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-500')\n )}\n > svg {\n width: 13px;\n }\n`;\n\nexport const AsyncCreatableAutocompleteSelect = styled(AsyncCreatableSelectPaginate).attrs(\n applyDefaultTheme\n)`\n ${sharedStyle}\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n cursor: not-allowed;\n `}\n &&:hover:not(:focus) {\n ${props =>\n props.disabled &&\n css`\n background: none !important;\n cursor: not-allowed;\n `}\n }\n`;\n\nexport const AsyncAutocompleteSelect = styled(AsyncPaginate).attrs(applyDefaultTheme)`\n ${sharedStyle}\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n `}\n &&:hover:not(:focus) {\n ${props =>\n props.disabled &&\n css`\n background: none !important;\n cursor: not-allowed;\n `}\n }\n`;\n\nexport const AutocompletSelect = styled(Select).attrs(applyDefaultTheme)`\n ${sharedStyle}\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n `}\n &&:hover:not(:focus) {\n ${props =>\n props.disabled &&\n css`\n background: none !important;\n cursor: not-allowed;\n `}\n }\n`;\n\nexport const AutocompletCreatableSelect = styled(CreatableSelect).attrs(applyDefaultTheme)`\n ${sharedStyle}\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n `}\n`;\n\nexport const Control = styled(components.Control).attrs(applyDefaultTheme)`\n && {\n ${props =>\n props.edit &&\n props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)')};\n ${props =>\n props.edit &&\n props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};\n\n height: 22px;\n min-height: 22px;\n box-shadow: none;\n box-sizing: border-box;\n padding: 1px 3px 0 8.7px;\n cursor: pointer;\n border: 1px solid transparent;\n background-color: transparent;\n ${props =>\n props.type &&\n css`\n animation: ${props => (props.type === 'success' ? fadeIn : fadeOut)} 0.5s ease-in-out;\n `}\n\n ${props =>\n props.type === 'warning' &&\n !props.isFocused &&\n props.theme.themeProp('background-color', '#634e01', '#FFFDE8')};\n\n ${props =>\n props.type === 'instructions-warning' &&\n !props.isFocused &&\n props.theme.themeProp('background-color', '#634e01', '#FFF36C')};\n\n ${props =>\n props.type === 'instructions-warning' &&\n props.isFocused &&\n props.theme.themeProp('background-color', '#634e01', '#FFF36C')};\n\n ${props =>\n props.type === 'error' &&\n !props.isFocused &&\n props.theme.themeProp('background-color', '#7f1b1b', '#FBEAE6')};\n\n ${props =>\n props.isFocused &&\n !props.type === 'instructions-warning' &&\n props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-600'),\n props.theme.getColor('gray-600')\n )}\n ${props =>\n props.type === 'warning' &&\n props.isFocused &&\n props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}\n ${props =>\n props.type === 'error' &&\n props.isFocused &&\n props.theme.themeProp(\n 'border-color',\n props.theme.getColor('red-500'),\n props.theme.getColor('red-500')\n )}\n }\n\n & .dropdown-indicator {\n display: none;\n }\n\n &:hover .dropdown-indicator {\n display: flex;\n }\n\n &&:hover {\n border-color: transparent;\n ${props =>\n !props.isFocused &&\n props.theme.themeProp(\n 'background-color',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n )};\n\n ${props =>\n props.type === 'warning' &&\n !props.isFocused &&\n props.theme.themeProp('background', '#806403', '#FFFEBF')};\n\n ${props =>\n props.type === 'instructions-warning' &&\n !props.isFocused &&\n props.theme.themeProp('background', '#806403', '#F4E21E')};\n\n ${props =>\n props.type === 'error' &&\n !props.isFocused &&\n props.theme.themeProp('background', '#901d1d', '#f7d5d0')};\n }\n`;\n\nexport const Option = styled(components.Option).attrs(applyDefaultTheme)`\n && {\n min-height: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n padding: 6px;\n cursor: pointer;\n padding: 1px 13px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )}\n ${props =>\n props.isFocused &&\n css`\n ${props.theme.themeProp(\n 'background-color',\n props.theme.getColor('gray-500'),\n props.theme.getColor('gray-200')\n )}\n `}\n ${props =>\n props.isSelected &&\n css`\n ${props.theme.themeProp('background-color', 'transparent', 'transparent')}\n\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )}\n `}\n ${props =>\n props.isFocused &&\n props.isSelected &&\n css`\n ${props.theme.themeProp(\n 'background-color',\n props.theme.getColor('gray-500'),\n props.theme.getColor('gray-200')\n )}\n `}\n }\n svg {\n width: 15px;\n margin: 0 9px 0 0;\n }\n a {\n display: flex;\n text-decoration: none;\n color: inherit;\n }\n`;\n\nexport const Placeholder = styled(components.Placeholder).attrs(applyDefaultTheme)`\n && {\n ${props =>\n (props.type === 'error' \|\| props.type === 'warning') &&\n css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )}\n `}\n ${props =>\n (props.type === 'error' \|\| props.type === 'warning') &&\n props.theme.themeProp('opacity', '0.6', '0.6')};\n }\n`;\n\nexport const SingleValue = styled(components.SingleValue).attrs(applyDefaultTheme)`\n && {\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )};\n }\n`;\n\nexport const Input = styled(components.Input).attrs(applyDefaultTheme)`\n && {\n margin: 0;\n padding: 0;\n padding-left: 2px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )}\n }\n`;\n\nexport const Menu = styled(components.Menu).attrs(applyDefaultTheme)`\n && {\n ${props =>\n props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('white')\n )};\n }\n`;\n\nexport const ValueContainer = styled(components.ValueContainer).attrs(applyDefaultTheme)`\n && {\n padding: 0;\n }\n`;\n\nexport const ClearIndicator = styled(components.ClearIndicator).attrs(applyDefaultTheme)`\n && {\n display: ${props => (props.isFocused ? 'flex' : 'none')};\n padding: 0;\n cursor: pointer;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n }\n`;\n\nexport const DropdownIndicator = styled(components.DropdownIndicator).attrs(applyDefaultTheme)`\n && {\n display: ${props => (props.isFocused ? 'flex' : 'none')};\n padding: 0;\n width: 18px;\n margin-left: 2px;\n cursor: pointer;\n margin-top: 1px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n }\n`;\nexport const DropdownIndicatorIcon = styled(ExpandMoreIcon).attrs(applyDefaultTheme)`\n width: 12px;\n`;\n\nexport const ClearIndicatorIcon = styled(CloseIcon).attrs(applyDefaultTheme)`\n width: 8px;\n margin-right: 4px;\n ${props =>\n props.theme.themeProp(\n 'stroke',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n stroke-width: 2px;\n`;\n\nexport const IndicatorSeparator = styled(components.IndicatorSeparator).attrs(applyDefaultTheme)`\n && {\n display: ${props => (props.isFocused ? 'flex' : 'none')};\n margin: 4px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n }\n`;\n"],"names":["fadeIn","keyframes","props","theme","themeProp","fadeOut","fadeInCheck","fadeOutCheck","AsyncCreatableSelectPaginate","withAsyncPaginate","CreatableSelect","sharedStyle","css","primaryFontFamily","$hasLabel","shouldForwardProp","prop","startsWith","CompactAutocompleteSelect","styled","div","withConfig","attrs","applyDefaultTheme","disabled","Label","label","getColor","InputContainer","SuccessContainer","AsyncCreatableAutocompleteSelect","AsyncAutocompleteSelect","AsyncPaginate","AutocompletSelect","Select","AutocompletCreatableSelect","Control","components","edit","type","isFocused","Option","isSelected","Placeholder","SingleValue","Input","Menu","ValueContainer","ClearIndicator","DropdownIndicator","DropdownIndicatorIcon","ExpandMoreIcon","ClearIndicatorIcon","CloseIcon","IndicatorSeparator"],"mappings":"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"}
1	+ {"version":3,"file":"CompactAutocompleteSelect.styled.js","sources":["../../../src/components/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.styled.ts"],"sourcesContent":["/\n $-transient-prop pattern: rules in\n * `src/components/layout/SectionSeparator/SectionSeparator.styled.ts`, derivation and\n * measurements in `scripts/TS-MIGRATION-PLAYBOOK.md` §J.\n \n THIS FILE DOES NOT REACH ZERO, AND THAT IS THE CORRECT OUTCOME. 49 errors -> 5. The 5\n * that remain are defects the type checker is RIGHT about, and every available fix for\n * them changes rendered CSS, so they belong to the C9/C10 group with its baseline\n * re-record and must not ride along in a type-only commit (§E.3, §J.8). Each is marked\n * `DEFERRED DEFECT` at its site:\n \n - 4x TS2554 `themeProp()` called with 2 arguments in the `fadeIn`/`fadeOut`\n * keyframes, lines 109, 113, 120 and 124. These are literally §E.3 defects 1-8.\n * - 1x TS2367 `!props.type === 'instructions-warning'` in `Control`, line 485 — the\n * note for it is on `ControlStyleProps`, because backticks cannot appear inside a\n * styled template literal.\n \n NEITHER IS A TYPING GAP. `themeProp` has one signature and it takes 3-4 arguments; and\n * `!props.type` is `boolean` for EVERY possible declaration of `type` — even `any` —\n * so no annotation anywhere can remove the TS2367. Adding a suppression is explicitly\n * refused: §E.1 rule 3 and §E.3's \"Do not `@ts-ignore`\".\n \n Otherwise this is the react-select case at full size: 18 components, 14 of them\n * `styled(<react-select component>)` needing `SelectThemeProp`, one shared `css` helper\n * subject to the weak-type rule, one nested `css` block, and four non-`$` props of which\n * two leak to the DOM and two are dead — one of the dead pair, `fadeIn`, is now DELETED\n * rather than merely declared; see the note above `SuccessContainer`.\n /\nimport type React from 'react';\nimport styled, { css, keyframes } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nimport Select, { components } from 'react-select';\nimport { AsyncPaginate, withAsyncPaginate } from 'react-select-async-paginate';\nimport CreatableSelect from 'react-select/creatable';\n\nimport { ReactComponent as CloseIcon } from '../../../icons/close.svg';\nimport { ReactComponent as ExpandMoreIcon } from '../../../icons/expand-more.svg';\n\nimport type { PartialNtbTheme } from '../../../utils/defaultTheme';\n\n/\n `CompactAutocompleteSelect.tsx`'s `type` prop, verbatim from its\n * `PropTypes.oneOf(['', 'error', 'warning', 'instructions-warning', 'loading', 'success'])`,\n * carried WITHOUT a `$` to `Control`, `ValueContainer` and `Placeholder` — see\n * `ControlStyleProps` for why that is not a DOM leak here.\n \n Closed on purpose (§J.6): the templates below compare against this value 14 times, so a\n * mistyped state name is TS2367 rather than a branch that silently never fires. `''` is a\n * member because the component defaults `type = ''` (tsx line 172).\n /\ntype CompactAutocompleteSelectType =\n \| ''\n \| 'error'\n \| 'warning'\n \| 'instructions-warning'\n \| 'loading'\n \| 'success';\n\n/\n The `theme` prop of every `styled(<react-select component>)` in this file — 14 of them.\n \n `theme` is the one prop name that both styled-components and react-select claim.\n * react-select types it `ThemeConfig = Theme \| ((t: Theme) => Theme)` and its `Theme`\n * REQUIRES `borderRadius`, which `NtbTheme` does not have, so `.attrs(applyDefaultTheme)`\n * — return type `{ theme: NtbTheme }` — was unassignable at all 14 sites, each reporting\n * the same last line:\n \n TS2345 … Types of property 'theme' are incompatible.\n * Property 'borderRadius' is missing in type 'NtbTheme' but required in type 'Theme'.\n \n Declaring `theme` in the `.attrs<P>()` generic fixes it because the generic is applied\n * as `Substitute<OuterProps, P> = FastOmit<OuterProps, keyof P> & P`, i.e. it REPLACES\n * react-select's declaration rather than intersecting with it. That is the truth about\n * this boundary: react-select's `getTheme()` is `{ ...its defaultTheme, ...props.theme }`,\n * so our `colors`/`spacing` win — which is why `ThemeColors`/`ThemeSpacing` in\n * `utils/defaultTheme.ts` carry react-select's member names — and `borderRadius` falls\n * through to react-select's own `4`. `NtbTheme` is deliberately a PARTIAL override of\n * react-select's theme. Do NOT add `borderRadius` to `NtbTheme` to \"fix\" this: that hands\n * react-select a border radius it does not get today, which is a render change.\n \n `MultiSelect.styled.ts` carries the same interface for the same reason.\n /\ninterface SelectThemeProp {\n /* A partial override merged over `defaultTheme` by `applyDefaultTheme`. /\n theme?: PartialNtbTheme;\n}\n\n/\n * ============================ DEFERRED DEFECT (§E.3 #1-8) ============================\n * THE FOUR `themeProp()` CALLS IN THE NEXT TWO KEYFRAMES TAKE 2 ARGUMENTS, NOT 3.\n \n The signature is `(property, darkMode, lightMode, specificity = 2)`, so in\n * `themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')` the CSS PROPERTY NAME is\n * an rgba string and `lightMode` is `undefined`. What these emit is garbage — a nested\n * `body.dark-theme && { rgba(48, 130, 106, 0): … }` ruleset inside a keyframe block — and\n * `keyframes` never receives props at all, so `props.theme` is not even reachable here at\n * runtime.\n \n 4 of this file's 5 remaining errors are these, as TS2554 \"Expected 3-4 arguments, but\n * got 2\". THEY ARE LEFT AS ERRORS DELIBERATELY. §E.3 lists them among the twelve defects\n * that must be FIXED and says \"Do not `@ts-ignore`\", and the fix — delete the\n * interpolations or write literal colours — changes the emitted CSS, so it belongs to C9\n * with C10's baseline re-record and not to a type-only commit. The identical four sites\n * exist at `CompactStarRating.styled.ts:7,11,18,22`.\n * =====================================================================================\n /\nconst fadeIn = keyframes`\n from {\n background-color: ${props =>\n props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};\n }\n to {\n background-color: ${props =>\n props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};\n }\n`;\n\nconst fadeOut = keyframes`\n from {\n background-color: ${props =>\n props.theme.themeProp('rgba(48, 130, 106, 1)', 'rgba(191, 224, 213, 1)')};\n }\n to {\n background-color: ${props =>\n props.theme.themeProp('rgba(48, 130, 106, 0)', 'rgba(191, 224, 213, 0)')};\n }\n`;\n\nconst fadeInCheck = keyframes`\n from {\n opacity: 0\n }\n to {\n opacity: 1\n }\n`;\n\nconst AsyncCreatableSelectPaginate = withAsyncPaginate(CreatableSelect);\n\n/\n The WRITTEN type of the four `styled(<react-select component>)` exports below. Same\n * mechanism, same wording and the same audit as `SelectWrapper` in\n * `src/components/inputs/MultiSelect/MultiSelect.styled.ts` — read that one; it is the\n * canonical note. §G.4.\n \n Short version: the INFERRED type is correct and unprintable. Under `--declaration` its\n * printed form expands to react-select's `PublicBaseSelectProps` and\n * `StateManagerAdditionalProps`, which `react-select`'s `exports` map does not serve, so\n * tsc reported 8 x TS2883 here and — because `noEmitOnError` is false — silently declined\n * to write this file's `.d.ts` at all. That in turn erased the props of the PUBLISHED\n * `CompactAutocompleteSelect` declaration down to\n * `ForwardRefExoticComponent<RefAttributes<unknown>>`, a closed props type with zero\n * members: the exact §G.4 poison, arriving from react-select rather than from `allowJs`.\n \n tsc prints a generic alias APPLICATION by reference, so `SelectWrapper<typeof Select>`\n * is writeable where the expansion is not. `Omit<ComponentProps<C>, keyof P> & P` is\n * styled-components' own `Substitute<OuterProps, P>`, so no prop is widened or narrowed.\n /\ntype SelectWrapper<C extends React.ComponentType<any>> = React.ComponentType<\n Omit<React.ComponentProps<C>, keyof SelectWrapperStyleProps> & SelectWrapperStyleProps\n>;\n\n/\n * Spelled out rather than written inline at the export site, and that is not cosmetic:\n * `SelectWrapper<typeof AsyncCreatableSelectPaginate>` pushes the declaration head past\n * `printWidth: 100`, prettier then breaks after the `=` and re-indents the whole styled\n * template by two spaces — which changes the CSS TEXT of a component in a commit that is\n * supposed to be type-only. Proven by transpiling before and after with rollup's own\n * Babel config: with the inline form this file's emitted bytes changed (10096 -> 10118);\n * with the alias they are identical.\n /\ntype AsyncCreatablePaginateWrapper = SelectWrapper<typeof AsyncCreatableSelectPaginate>;\n\n/\n A module-scope `css` helper is its own generic slot: unannotated its props are\n * `ExecutionContext & object` and `props.$hasLabel` is TS2339 no matter what the hosting\n * component declares. §J.7.\n \n Hosts, for whoever changes this block: the four select wrappers —\n * `AsyncCreatableAutocompleteSelect`, `AsyncAutocompleteSelect`, `AutocompletSelect`,\n * `AutocompletCreatableSelect`. `CompactAutocompleteSelect.tsx` passes\n * `$hasLabel={!isEmpty(label)}` to all four (tsx lines 392, 398, 405, 410).\n \n ALL FOUR HOSTS MUST DECLARE `$hasLabel` THEMSELVES, and that is not redundant: this\n * type is all-optional, i.e. a WEAK TYPE, and assignability to a weak type requires at\n * least one member in common. react-select's props have no `$hasLabel`, so without the\n * declaration on the host the interpolation is TS2345 \"has no properties in common with\".\n * §J.7 — the same mechanism as `CompactTextInput`'s `linkColor`/`StyledLink`, except here\n * every host genuinely does pass it.\n /\nconst sharedStyle = css<{ $hasLabel?: boolean }>`\n font-family: ${props => props.theme.primaryFontFamily};\n font-size: 0.875rem;\n line-height: 1rem;\n width: 100%;\n display: block;\n box-shadow: 'none';\n flex-basis: ${props => (props.$hasLabel ? '66.66%' : '100%')};\n`;\n\n/\n The four select wrappers share this: `$hasLabel` for `sharedStyle`'s sake, `theme` for\n * react-select's sake, and `disabled` — which is a deferred defect, see below.\n /\nexport interface SelectWrapperStyleProps extends SelectThemeProp {\n /* `!isEmpty(label)` — narrows the control to 66.66% so the label gets the other third. /\n $hasLabel?: boolean;\n /\n * ======================== DEFERRED DEFECT (dead branch, §E.4) =======================\n * `disabled` IS DECLARED BECAUSE THE TEMPLATES READ IT, NOT BECAUSE ANYTHING PASSES IT.\n \n `CompactAutocompleteSelect.tsx` builds `sharedSelectProps` with\n * `isDisabled: disabled \|\| readOnly` (tsx line 306) and passes NO `disabled` to any of\n * the four wrappers — which is why tsc's message on the reads was TS2551 \"Did you mean\n * 'isDisabled'?\" rather than a plain TS2339. So `props.disabled` is always `undefined`\n * here and every `opacity: 0.5` / `cursor: not-allowed` block in the four wrappers is\n * DEAD: a disabled autocomplete has never dimmed, at 7 sites.\n \n The fix is to repoint the reads to `isDisabled`, which is a real react-select prop and\n * IS passed — so it ACTIVATES seven rules that have never fired. That is a visual change\n * and belongs to C9/C10 with the baseline re-record, not here. §J.8's second forbidden\n * category, verbatim.\n * ===================================================================================\n /\n disabled?: boolean;\n}\n\n/\n * Single-argument, and it stays that way — peer floor `styled-components: >=5.1.0`, and\n * the two majors disagree on the second parameter. §J.4. `prop` needs the annotation\n * because `withConfig` takes this by reference, so it gets no contextual typing.\n /\nconst shouldForwardProp = (prop: string): boolean => {\n return prop !== 'theme' && !prop.startsWith('$');\n};\n\n/\n * ====================== DEFERRED DEFECT (DOM leak, §E.4 third case) ====================\n * `disabled` HAS NO `$` ON EITHER OF THE NEXT TWO COMPONENTS, AND THAT IS A DEFECT —\n * declared here, not fixed here.\n \n `CompactAutocompleteSelect.tsx` passes `<S.CompactAutocompleteSelect disabled={disabled}>`\n * (tsx line 378) and `<S.Label htmlFor={uniqueId} disabled={disabled}>` (tsx line 381).\n * `disabled` is not a member of `HTMLAttributes<HTMLDivElement>` or of\n * `LabelHTMLAttributes`, and `shouldForwardProp` forwards every non-`$` prop, so\n * `disabled=\"\"` is on the rendered `<div>` and `<label>` today and is in the recorded\n * render baseline. Prefixing it `$disabled` at both ends REMOVES two DOM attributes, so it\n * is C10 work with the re-record. `CompactTextInput.styled.ts`'s `Label` carries the\n * identical defect. §J.9.\n * ======================================================================================\n /\ninterface DisabledStyleProps {\n /* `disabled` — dims and blocks the pointer. Also reaches the DOM; see above. /\n disabled?: boolean;\n}\n\nexport const CompactAutocompleteSelect = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs<DisabledStyleProps>(applyDefaultTheme)`\n display: flex;\n align-items: center;\n height: 24px;\n font-family: ${props => props.theme.primaryFontFamily};\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n cursor: not-allowed;\n `}\n`;\n\nexport const Label = styled.label\n .withConfig({\n shouldForwardProp\n })\n .attrs<DisabledStyleProps>(applyDefaultTheme)`\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('white'),\n props.theme.getColor('gray-700')\n )};\n flex-basis: 33.33%;\n font-size: 0.875rem;\n line-height: 1rem;\n height: 19px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding-top: 2px;\n ${props =>\n props.disabled &&\n css`\n cursor: not-allowed;\n `}\n`;\n\nexport const InputContainer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n display: flex;\n width: 100%;\n height: 19px;\n`;\n\n/\n * ============ `fadeIn` IS GONE — DEAD BRANCH REMOVED (§E.4 first case) ===============\n * This component read `props.fadeIn` twice:\n \n opacity: ${props => (props.fadeIn ? 0 : 1)};\n * animation: ${props => (props.fadeIn ? fadeOutCheck : fadeInCheck)} 0.5s ease-in-out;\n \n NOTHING HAS EVER PASSED IT — `CompactAutocompleteSelect.tsx` renders\n * `<S.SuccessContainer>` (tsx:512) with no props at all, and `git log --all -S'fadeIn='`\n * finds no commit in the repo's history that writes the prop anywhere in `src`. So\n * `props.fadeIn` was always `undefined`, `opacity` was always the `1` two lines above\n * already sets, and `fadeOutCheck` was unreachable — which is also why it goes with the\n * branch: this file's last other reader of it was that read.\n \n It was a MISTYPED `success`, not an unimplemented feature: it entered the repo in\n * `4ed910a` in `CompactTextInput.styled.js` next to a `props.success` read, and\n * `NMB-3183` (`7e46b9d`, `59b0041`) already deleted the identical two lines and the\n * orphaned keyframes from that file. This one was missed.\n \n Wiring it up was rejected: this container is mounted unconditionally inside `S.Label`\n * and only swaps its children, so there is no \"success is going away\" transition to hang\n * a fade-out on. Removing the branch also removes the would-be DOM leak — the prop had no\n * `$`, so `shouldForwardProp` would have forwarded `fadeIn=\"\"` onto the `<div>` the day\n * anything passed it.\n \n The `animation` is kept, now static, because the branch it always took is the live one.\n * `TextArea.styled.ts`'s `SuccessContainer` carries the full derivation.\n * ====================================================================================\n /\nexport const SuccessContainer = styled.div\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n opacity: 1;\n pointer-events: none;\n display: flex;\n animation: ${fadeInCheck} 0.5s ease-in-out;\n transition: opacity 0.5s ease-in-out;\n margin-right: 5px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-300'),\n props.theme.getColor('gray-500')\n )}\n > svg {\n width: 13px;\n }\n`;\n\nexport const AsyncCreatableAutocompleteSelect: AsyncCreatablePaginateWrapper = styled(\n AsyncCreatableSelectPaginate\n).attrs<SelectWrapperStyleProps>(applyDefaultTheme)`\n ${sharedStyle}\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n cursor: not-allowed;\n `}\n &&:hover:not(:focus) {\n ${props =>\n props.disabled &&\n css`\n background: none !important;\n cursor: not-allowed;\n `}\n }\n`;\n\nexport const AsyncAutocompleteSelect: SelectWrapper<typeof AsyncPaginate> = styled(\n AsyncPaginate\n).attrs<SelectWrapperStyleProps>(applyDefaultTheme)`\n ${sharedStyle}\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n `}\n &&:hover:not(:focus) {\n ${props =>\n props.disabled &&\n css`\n background: none !important;\n cursor: not-allowed;\n `}\n }\n`;\n\nexport const AutocompletSelect: SelectWrapper<typeof Select> = styled(\n Select\n).attrs<SelectWrapperStyleProps>(applyDefaultTheme)`\n ${sharedStyle}\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n `}\n &&:hover:not(:focus) {\n ${props =>\n props.disabled &&\n css`\n background: none !important;\n cursor: not-allowed;\n `}\n }\n`;\n\nexport const AutocompletCreatableSelect: SelectWrapper<typeof CreatableSelect> = styled(\n CreatableSelect\n).attrs<SelectWrapperStyleProps>(applyDefaultTheme)`\n ${sharedStyle}\n ${props =>\n props.disabled &&\n css`\n opacity: 0.5;\n `}\n`;\n\n/\n Props of `Control`, the react-select control wrapper.\n \n `edit` and `type` HAVE NO `$` AND STILL DO NOT LEAK TO THE DOM, which makes this the one\n * benign member of §E.4's non-`$` list in this file and worth stating so nobody \"fixes\" it\n * blind. There is no `withConfig`/`shouldForwardProp` on a `styled(<component>)` — there is\n * no DOM element to filter for — and react-select's `Control` renders only its\n * `innerProps` onto the `<div>`, ignoring props it does not know. So\n * `<S.Control edit={edit} type={type} …>` (tsx line 193) reaches the template and stops\n * there. Prefixing them would be tidier but is not a bug fix, and it still touches two\n * files for no type benefit.\n \n `isFocused` is deliberately ABSENT: it is a real `ControlProps` member, so the template's\n * seven reads of it already typecheck. §J.9's first case.\n \n ================== DEFERRED DEFECT in this component's template =====================\n * `!props.type === 'instructions-warning'` (the `isFocused` border-color rule, ~40 lines\n * down; the note has to live here because backticks cannot appear inside the styled\n * template) NEGATES FIRST AND THEN COMPARES A BOOLEAN TO A STRING. It is always false, so\n * that whole `border-color` rule is dead — a FOCUSED control has never received the\n * gray-600 border.\n \n That is the 5th and last remaining error in this file, TS2367 \"This comparison appears\n * to be unintentional because the types 'boolean' and 'string' have no overlap\", and NO\n * ANNOTATION CAN REMOVE IT: `!props.type` is `boolean` whatever `type` is declared as,\n * `any` included. It is a defect in the expression, and §E.1 rule 3 says fix the code, not\n * the type. The fix is `props.type !== 'instructions-warning'`, which ACTIVATES a rule that\n * has never fired on the most visible state of the component — C9 for the fix, C10 for the\n * re-record, not this commit. §J.8.\n * ====================================================================================\n /\ninterface ControlStyleProps extends SelectThemeProp {\n /* `edit` (`PropTypes.bool`) — grey \"this is editable\" background. /\n edit?: boolean;\n /* `type` — see `CompactAutocompleteSelectType`. Branched on 11 times below. /\n type?: CompactAutocompleteSelectType;\n}\n\nexport const Control = styled(components.Control).attrs<ControlStyleProps>(applyDefaultTheme)`\n && {\n ${props =>\n props.edit &&\n props.theme.themeProp('background', 'rgba(39,39,42, 0.7)', 'rgba(244,244,245, 0.3)')};\n ${props =>\n props.edit &&\n props.theme.themeProp('border-color', 'rgba(39,39,42, 0.7)', 'rgba(228,228,231, 0.3)')};\n\n height: 22px;\n min-height: 22px;\n box-shadow: none;\n box-sizing: border-box;\n padding: 1px 3px 0 8.7px;\n cursor: pointer;\n border: 1px solid transparent;\n background-color: transparent;\n ${props =>\n props.type &&\n /\n * A `css` block nested inside an interpolation opens its OWN `${props => …}`, which\n * SHADOWS the outer one, so `ControlStyleProps` from the `.attrs<P>()` above does not\n * reach in here and this block needs its own generic. §J.7, second shape. The\n * weak-type rule is satisfied because the host declares `type` too.\n /\n css<{ type?: CompactAutocompleteSelectType }>`\n animation: ${props => (props.type === 'success' ? fadeIn : fadeOut)} 0.5s ease-in-out;\n `}\n\n ${props =>\n props.type === 'warning' &&\n !props.isFocused &&\n props.theme.themeProp('background-color', '#634e01', '#FFFDE8')};\n\n ${props =>\n props.type === 'instructions-warning' &&\n !props.isFocused &&\n props.theme.themeProp('background-color', '#634e01', '#FFF36C')};\n\n ${props =>\n props.type === 'instructions-warning' &&\n props.isFocused &&\n props.theme.themeProp('background-color', '#634e01', '#FFF36C')};\n\n ${props =>\n props.type === 'error' &&\n !props.isFocused &&\n props.theme.themeProp('background-color', '#7f1b1b', '#FBEAE6')};\n\n ${props =>\n props.isFocused &&\n !props.type === 'instructions-warning' &&\n props.theme.themeProp(\n 'border-color',\n props.theme.getColor('gray-600'),\n props.theme.getColor('gray-600')\n )}\n ${props =>\n props.type === 'warning' &&\n props.isFocused &&\n props.theme.themeProp('border-color', '#F4E21E', '#F4E21E')}\n ${props =>\n props.type === 'error' &&\n props.isFocused &&\n props.theme.themeProp(\n 'border-color',\n props.theme.getColor('red-500'),\n props.theme.getColor('red-500')\n )}\n }\n\n & .dropdown-indicator {\n display: none;\n }\n\n &:hover .dropdown-indicator {\n display: flex;\n }\n\n &&:hover {\n border-color: transparent;\n ${props =>\n !props.isFocused &&\n props.theme.themeProp(\n 'background-color',\n props.theme.getColor('gray-700'),\n props.theme.getColor('gray-100')\n )};\n\n ${props =>\n props.type === 'warning' &&\n !props.isFocused &&\n props.theme.themeProp('background', '#806403', '#FFFEBF')};\n\n ${props =>\n props.type === 'instructions-warning' &&\n !props.isFocused &&\n props.theme.themeProp('background', '#806403', '#F4E21E')};\n\n ${props =>\n props.type === 'error' &&\n !props.isFocused &&\n props.theme.themeProp('background', '#901d1d', '#f7d5d0')};\n }\n`;\n\nexport const Option = styled(components.Option).attrs<SelectThemeProp>(applyDefaultTheme)`\n && {\n min-height: 22px;\n height: 22px;\n display: flex;\n align-items: center;\n padding: 6px;\n cursor: pointer;\n padding: 1px 13px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )}\n ${props =>\n props.isFocused &&\n css`\n ${props.theme.themeProp(\n 'background-color',\n props.theme.getColor('gray-500'),\n props.theme.getColor('gray-200')\n )}\n `}\n ${props =>\n props.isSelected &&\n css`\n ${props.theme.themeProp('background-color', 'transparent', 'transparent')}\n\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )}\n `}\n ${props =>\n props.isFocused &&\n props.isSelected &&\n css`\n ${props.theme.themeProp(\n 'background-color',\n props.theme.getColor('gray-500'),\n props.theme.getColor('gray-200')\n )}\n `}\n }\n svg {\n width: 15px;\n margin: 0 9px 0 0;\n }\n a {\n display: flex;\n text-decoration: none;\n color: inherit;\n }\n`;\n\n/\n `CompactAutocompleteSelect.tsx` passes `<S.Placeholder className=\"select-placeholder\"\n * type={type} …>` (tsx line 225). Same non-`$`-but-not-leaking situation as `Control`.\n /\ninterface PlaceholderStyleProps extends SelectThemeProp {\n /* `type` — dims the placeholder for the `error` and `warning` states only. */\n type?: CompactAutocompleteSelectType;\n}\n\nexport const Placeholder = styled(components.Placeholder).attrs<PlaceholderStyleProps>(\n applyDefaultTheme\n)`\n && {\n ${props =>\n (props.type === 'error' \|\| props.type === 'warning') &&\n css`\n ${props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )}\n `}\n ${props =>\n (props.type === 'error' \|\| props.type === 'warning') &&\n props.theme.themeProp('opacity', '0.6', '0.6')};\n }\n`;\n\nexport const SingleValue = styled(components.SingleValue).attrs<SelectThemeProp>(applyDefaultTheme)`\n && {\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )};\n }\n`;\n\nexport const Input = styled(components.Input).attrs<SelectThemeProp>(applyDefaultTheme)`\n && {\n margin: 0;\n padding: 0;\n padding-left: 2px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-200'),\n props.theme.getColor('gray-700')\n )}\n }\n`;\n\nexport const Menu = styled(components.Menu).attrs<SelectThemeProp>(applyDefaultTheme)`\n && {\n ${props =>\n props.theme.themeProp(\n 'background',\n props.theme.getColor('gray-700'),\n props.theme.getColor('white')\n )};\n }\n`;\n\nexport const ValueContainer = styled(components.ValueContainer).attrs<SelectThemeProp>(\n applyDefaultTheme\n)`\n && {\n padding: 0;\n }\n`;\n\nexport const ClearIndicator = styled(components.ClearIndicator).attrs<SelectThemeProp>(\n applyDefaultTheme\n)`\n && {\n display: ${props => (props.isFocused ? 'flex' : 'none')};\n padding: 0;\n cursor: pointer;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n }\n`;\n\nexport const DropdownIndicator = styled(components.DropdownIndicator).attrs<SelectThemeProp>(\n applyDefaultTheme\n)`\n && {\n display: ${props => (props.isFocused ? 'flex' : 'none')};\n padding: 0;\n width: 18px;\n margin-left: 2px;\n cursor: pointer;\n margin-top: 1px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n }\n`;\nexport const DropdownIndicatorIcon = styled(ExpandMoreIcon)\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n width: 12px;\n`;\n\nexport const ClearIndicatorIcon = styled(CloseIcon)\n .withConfig({\n shouldForwardProp\n })\n .attrs(applyDefaultTheme)`\n width: 8px;\n margin-right: 4px;\n ${props =>\n props.theme.themeProp(\n 'stroke',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n stroke-width: 2px;\n`;\n\nexport const IndicatorSeparator = styled(components.IndicatorSeparator).attrs<SelectThemeProp>(\n applyDefaultTheme\n)`\n && {\n display: ${props => (props.isFocused ? 'flex' : 'none')};\n margin: 4px;\n ${props =>\n props.theme.themeProp(\n 'color',\n props.theme.getColor('gray-400'),\n props.theme.getColor('gray-500')\n )};\n }\n`;\n"],"names":["fadeIn","keyframes","props","theme","themeProp","fadeOut","fadeInCheck","AsyncCreatableSelectPaginate","withAsyncPaginate","CreatableSelect","sharedStyle","css","primaryFontFamily","$hasLabel","shouldForwardProp","prop","startsWith","CompactAutocompleteSelect","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","disabled","Label","label","getColor","InputContainer","SuccessContainer","AsyncCreatableAutocompleteSelect","AsyncAutocompleteSelect","AsyncPaginate","AutocompletSelect","Select","AutocompletCreatableSelect","Control","components","edit","type","isFocused","Option","isSelected","Placeholder","SingleValue","Input","Menu","ValueContainer","ClearIndicator","DropdownIndicator","DropdownIndicatorIcon","ExpandMoreIcon","ClearIndicatorIcon","CloseIcon","IndicatorSeparator"],"mappings":"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"}

package/build/inputs/CompactStarRating/CompactStarRating.js CHANGED Viewed

@@ -1,5 +1,3 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import PropTypes from 'prop-types';
 import React__default, { useState, useRef, useEffect, useMemo } from 'react';
 import { ReactComponent as SvgStarFilled } from '../../icons/star-filled.svg.js';
 import { ReactComponent as SvgStar } from '../../icons/star.svg.js';
@@ -12,24 +10,28 @@ import '../../data/Tabs/Tabs.js';
 import Tooltip from '../../data/Tooltip/Tooltip.js';
 import '../../data/VerificationStatusIcon/VerificationStatusIcon.js';
 import { CompactStarRating as CompactStarRating$1, labelWidth, SuccessContainer, starsWidth, StarFill, Star } from './CompactStarRating.styled.js';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+const NOOP = () => {};
+const DEFAULT_ICON = jsx(SvgStar, {});
+const DEFAULT_ICON_FILL = jsx(SvgStarFilled, {});
 const CompactStarRating = React__default.forwardRef(function CompactStarRating({
-  label,
-  icon,
-  iconFill,
-  max,
-  defaultValue,
-  value,
+  label = 'Rating',
+  icon = DEFAULT_ICON,
+  iconFill = DEFAULT_ICON_FILL,
+  max = 5,
+  defaultValue = 0,
+  value = 0,
   name,
-  viewEmpty,
-  onChange,
+  viewEmpty = true,
+  onChange = NOOP,
   onBlur,
-  type,
-  descriptionToolTip,
+  type = '',
+  descriptionToolTip = '',
   disabled,
   readOnly,
   edit,
-  hidden,
+  hidden = false,
   loadingIcon,
   successIcon,
   ...props
@@ -39,7 +41,7 @@ const CompactStarRating = React__default.forwardRef(function CompactStarRating({
   const [hover, setHover] = useState(false);
   const [tempRating, setTempRating] = useState('');
   const [initialRating, setInitialRating] = useState('');
-  const inputRef = useRef();
+  const inputRef = useRef(undefined);
   useEffect(() => {
     setRating(value || defaultValue);
     setInitialRating(value || defaultValue);
@@ -60,7 +62,7 @@ const CompactStarRating = React__default.forwardRef(function CompactStarRating({
   }, [descriptionToolTip]);
   const starIconRender = key => {
     if (rating > 0 && rating >= key + 1) {
-      return React__default.createElement(StarFill, {
+      return jsx(StarFill, {
         readOnly: readOnly,
         disabled: disabled,
         onClick: event => {
@@ -83,10 +85,10 @@ const CompactStarRating = React__default.forwardRef(function CompactStarRating({
         },
         $hover: hover && key + 1 <= tempRating,
         type: "button",
-        key: key
-      }, iconFill);
+        children: iconFill
+      }, key);
     } else if (viewEmpty) {
-      return React__default.createElement(Star, {
+      return jsx(Star, {
         readOnly: readOnly,
         disabled: disabled,
         onClick: event => {
@@ -103,75 +105,52 @@ const CompactStarRating = React__default.forwardRef(function CompactStarRating({
         },
         $hover: hover && key + 1 <= tempRating,
         type: "button",
-        key: key
-      }, icon);
+        children: icon
+      }, key);
     }
   };
   const input = () => {
-    return React__default.createElement(CompactStarRating$1, _extends({
+    return jsxs(CompactStarRating$1, {
       ref: forwardedRef,
       readOnly: readOnly,
       disabled: disabled,
       onChange: onChange,
-      onBlur: onBlur
-    }, props), React__default.createElement(labelWidth, {
-      disabled: disabled
-    }, label, React__default.createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), React__default.createElement(starsWidth, {
-      $edit: edit,
-      type: type,
-      readOnly: readOnly
-    }, stars.map(key => {
-      return React__default.createElement("div", {
-        key: key
-      }, React__default.createElement("input", {
-        type: "number",
-        name: name,
-        ref: inputRef
-      }), starIconRender(key));
-    })));
+      onBlur: onBlur,
+      ...props,
+      children: [jsxs(labelWidth, {
+        disabled: disabled,
+        children: [label, jsxs(SuccessContainer, {
+          children: [type === 'loading' && loadingIcon, type === 'success' && successIcon]
+        })]
+      }), jsx(starsWidth, {
+        $edit: edit,
+        type: type,
+        readOnly: readOnly,
+        children: stars.map(key => {
+          return jsxs("div", {
+            children: [jsx("input", {
+              type: "number",
+              name: name,
+              ref: inputRef
+            }), starIconRender(key)]
+          }, key);
+        })
+      })]
+    });
   };
   if (hidden) return null;
-  return React__default.createElement(React__default.Fragment, null, !memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && React__default.createElement("div", null, React__default.createElement(Tooltip, {
-    content: memoizedDescriptionToolTip,
-    key: "tooltipTextArea1",
-    placement: "bottom-end",
-    trigger: 'mouseenter',
-    zIndex: 999999
-  }, input())));
+  return jsxs(Fragment, {
+    children: [!memoizedDescriptionToolTip && input(), memoizedDescriptionToolTip && jsx("div", {
+      children: jsx(Tooltip, {
+        content: memoizedDescriptionToolTip,
+        placement: "bottom-end",
+        trigger: 'mouseenter',
+        zIndex: 999999,
+        children: input()
+      }, "tooltipTextArea1")
+    })]
+  });
 });
-CompactStarRating.propTypes = process.env.NODE_ENV !== "production" ? {
-  readOnly: PropTypes.bool,
-  disabled: PropTypes.bool,
-  edit: PropTypes.bool,
-  value: PropTypes.number,
-  type: PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),
-  defaultValue: PropTypes.number,
-  label: PropTypes.string,
-  name: PropTypes.string,
-  icon: PropTypes.element,
-  iconFill: PropTypes.element,
-  max: PropTypes.number,
-  viewEmpty: PropTypes.bool,
-  onChange: PropTypes.func,
-  onBlur: PropTypes.func,
-  hidden: PropTypes.bool,
-  loadingIcon: PropTypes.element,
-  successIcon: PropTypes.element,
-  descriptionToolTip: PropTypes.string
-} : {};
-CompactStarRating.defaultProps = {
-  label: 'Rating',
-  max: 5,
-  value: 0,
-  defaultValue: 0,
-  viewEmpty: true,
-  icon: React__default.createElement(SvgStar, null),
-  iconFill: React__default.createElement(SvgStarFilled, null),
-  hidden: false,
-  type: '',
-  descriptionToolTip: '',
-  onChange: () => {}
-};
 export { CompactStarRating as default };
 //# sourceMappingURL=CompactStarRating.js.map

package/build/inputs/CompactStarRating/CompactStarRating.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CompactStarRating.js","sources":["../../../src/components/inputs/CompactStarRating/CompactStarRating.js"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React, { useEffect, useRef, useState, useMemo } from 'react';\nimport { ReactComponent as StarIconFill } from '../../../icons/star-filled.svg';\nimport { ReactComponent as StarIcon } from '../../../icons/star.svg';\nimport { Tooltip } from '../../data';\n\nimport * as S from './CompactStarRating.styled';\n\n/*\n A compact star rating.\n \n To remove a rating (i.e. show 0 stars), click the first star to give a 1-star rating, and then click the first star again.\n \n ### Import\n \n ``` js\n * import { CompactStarRating } from '@ntbjs/react-components/inputs'\n * // or\n * import CompactStarRating from '@ntbjs/react-components/inputs/CompactStarRating'\n * ```\n * ### Values\n * Pass default value as a prop (`defaultValue`) into the component: 0 or state value.\n * ```\n /\n\nconst CompactStarRating = React.forwardRef(function CompactStarRating(\n {\n label,\n icon,\n iconFill,\n max,\n defaultValue,\n value,\n name,\n viewEmpty,\n onChange,\n onBlur,\n type,\n descriptionToolTip,\n disabled,\n readOnly,\n edit,\n hidden,\n loadingIcon,\n successIcon,\n ...props\n },\n forwardedRef\n) {\n const stars = Array.from(Array(max).keys());\n const [rating, setRating] = useState('');\n const [hover, setHover] = useState(false);\n const [tempRating, setTempRating] = useState('');\n const [initialRating, setInitialRating] = useState('');\n const inputRef = useRef();\n\n useEffect(() => {\n setRating(value \|\| defaultValue);\n setInitialRating(value \|\| defaultValue);\n }, [value, defaultValue]);\n\n useEffect(() => {\n inputRef.current.value = String(rating);\n if (rating === initialRating) {\n return undefined;\n } else {\n setInitialRating(rating);\n onChange({ target: inputRef.current });\n }\n }, [rating]);\n\n const memoizedDescriptionToolTip = useMemo(() => {\n return descriptionToolTip;\n }, [descriptionToolTip]);\n\n const starIconRender = key => {\n if (rating > 0 && rating >= key + 1) {\n return (\n <S.StarFill\n readOnly={readOnly}\n disabled={disabled}\n onClick={event => {\n event.preventDefault();\n if (key + 1 > 1) {\n return setRating(key + 1);\n } else if (key + 1 == 1) {\n setRating(current => {\n return current === 1 ? 0 : key + 1;\n });\n }\n }}\n onMouseEnter={() => {\n setTempRating(key + 1);\n setHover(true);\n }}\n onMouseLeave={() => {\n setTempRating(0);\n setHover(false);\n }}\n $hover={hover && key + 1 <= tempRating}\n type=\"button\"\n key={key}\n >\n {iconFill}\n </S.StarFill>\n );\n } else if (viewEmpty) {\n return (\n <S.Star\n readOnly={readOnly}\n disabled={disabled}\n onClick={event => {\n event.preventDefault();\n setRating(key + 1);\n }}\n onMouseEnter={() => {\n setTempRating(key + 1);\n setHover(true);\n }}\n onMouseLeave={() => {\n setTempRating(0);\n setHover(false);\n }}\n $hover={hover && key + 1 <= tempRating}\n type=\"button\"\n key={key}\n >\n {icon}\n </S.Star>\n );\n }\n };\n\n const input = () => {\n return (\n <S.CompactStarRating\n ref={forwardedRef}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChange}\n onBlur={onBlur}\n {...props}\n >\n <S.labelWidth disabled={disabled}>\n {label}\n <S.SuccessContainer>\n {type === 'loading' && loadingIcon}\n {type === 'success' && successIcon}\n </S.SuccessContainer>\n </S.labelWidth>\n <S.starsWidth $edit={edit} type={type} readOnly={readOnly}>\n {stars.map(key => {\n return (\n <div key={key}>\n <input type=\"number\" name={name} ref={inputRef} />\n {starIconRender(key, value)}\n </div>\n );\n })}\n </S.starsWidth>\n </S.CompactStarRating>\n );\n };\n\n if (hidden) return null;\n\n return (\n <>\n {!memoizedDescriptionToolTip && input()}\n {memoizedDescriptionToolTip && (\n <div>\n <Tooltip\n content={memoizedDescriptionToolTip}\n key=\"tooltipTextArea1\"\n placement=\"bottom-end\"\n trigger={'mouseenter'}\n zIndex={999999}\n >\n {input()}\n </Tooltip>\n </div>\n )}\n </>\n );\n});\n\nCompactStarRating.propTypes = {\n /\n Whether the star rating is read-only\n /\n readOnly: PropTypes.bool,\n /\n Whether the star rating is disabled\n /\n disabled: PropTypes.bool,\n /\n Displays a grey background to show that the star rating is editable\n /\n edit: PropTypes.bool,\n /\n Rating value (0-5)\n /\n value: PropTypes.number,\n /\n Define the type based on error, warning, loading and success.\n /\n type: PropTypes.oneOf(['', 'error', 'warning', 'loading', 'success']),\n /\n Default rating value\n /\n defaultValue: PropTypes.number,\n /\n Compact star rating label\n /\n label: PropTypes.string,\n /\n Name of the text area (used when sending form data)\n /\n name: PropTypes.string,\n /\n Icon element – E.g: `icon={<StarIcon />}`\n /\n icon: PropTypes.element,\n /\n Filled icon element – E.g: `icon={<StarIcon />}`\n /\n iconFill: PropTypes.element,\n /\n Max number of stars: 5\n /\n max: PropTypes.number,\n /\n View Compact Star Rating component when no values have been assigned\n /\n viewEmpty: PropTypes.bool,\n\n /\n Optional callback function for `onChange`\n /\n onChange: PropTypes.func,\n /\n Optional callback function for `onBlur`\n /\n onBlur: PropTypes.func,\n /\n Whether the component is hidden or visible.\n /\n hidden: PropTypes.bool,\n /\n Icon element – E.g: `icon={<Spinner />}`\n /\n loadingIcon: PropTypes.element,\n /\n Icon element – E.g: `icon={<Check />}`\n /\n successIcon: PropTypes.element,\n /\n Description ToolTip text.\n */\n descriptionToolTip: PropTypes.string\n};\n\nCompactStarRating.defaultProps = {\n label: 'Rating',\n max: 5,\n value: 0,\n defaultValue: 0,\n viewEmpty: true,\n icon: <StarIcon />,\n iconFill: <StarIconFill />,\n hidden: false,\n type: '',\n descriptionToolTip: '',\n onChange: () => {}\n};\n\nexport default CompactStarRating;\n"],"names":["CompactStarRating","React","forwardRef","label","icon","iconFill","max","defaultValue","value","name","viewEmpty","onChange","onBlur","type","descriptionToolTip","disabled","readOnly","edit","hidden","loadingIcon","successIcon","props","forwardedRef","stars","Array","from","keys","rating","setRating","useState","hover","setHover","tempRating","setTempRating","initialRating","setInitialRating","inputRef","useRef","useEffect","current","String","undefined","target","memoizedDescriptionToolTip","useMemo","starIconRender","key","createElement","S","onClick","event","preventDefault","onMouseEnter","onMouseLeave","$hover","input","_extends","ref","$edit","map","Fragment","Tooltip","content","placement","trigger","zIndex","propTypes","process","env","NODE_ENV","PropTypes","bool","number","oneOf","string","element","func","defaultProps","StarIcon","StarIconFill"],"mappings":";;;;;;;;;;;;;;;AAyBMA,MAAAA,iBAAiB,GAAGC,cAAK,CAACC,UAAU,CAAC,SAASF,iBAAiBA,CACnE;EACEG,KAAK;EACLC,IAAI;EACJC,QAAQ;EACRC,GAAG;EACHC,YAAY;EACZC,KAAK;EACLC,IAAI;EACJC,SAAS;EACTC,QAAQ;EACRC,MAAM;EACNC,IAAI;EACJC,kBAAkB;EAClBC,QAAQ;EACRC,QAAQ;EACRC,IAAI;EACJC,MAAM;EACNC,WAAW;EACXC,WAAW;EACX,GAAGC,KAAAA;AACL,CAAC,EACDC,YAAY,EACZ;AACA,EAAA,MAAMC,KAAK,GAAGC,KAAK,CAACC,IAAI,CAACD,KAAK,CAAClB,GAAG,CAAC,CAACoB,IAAI,EAAE,CAAC,CAAA;EAC3C,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGC,QAAQ,CAAC,EAAE,CAAC,CAAA;EACxC,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGF,QAAQ,CAAC,KAAK,CAAC,CAAA;EACzC,MAAM,CAACG,UAAU,EAAEC,aAAa,CAAC,GAAGJ,QAAQ,CAAC,EAAE,CAAC,CAAA;EAChD,MAAM,CAACK,aAAa,EAAEC,gBAAgB,CAAC,GAAGN,QAAQ,CAAC,EAAE,CAAC,CAAA;AACtD,EAAA,MAAMO,QAAQ,GAAGC,MAAM,EAAE,CAAA;AAEzBC,EAAAA,SAAS,CAAC,MAAM;AACdV,IAAAA,SAAS,CAACpB,KAAK,IAAID,YAAY,CAAC,CAAA;AAChC4B,IAAAA,gBAAgB,CAAC3B,KAAK,IAAID,YAAY,CAAC,CAAA;AACzC,GAAC,EAAE,CAACC,KAAK,EAAED,YAAY,CAAC,CAAC,CAAA;AAEzB+B,EAAAA,SAAS,CAAC,MAAM;IACdF,QAAQ,CAACG,OAAO,CAAC/B,KAAK,GAAGgC,MAAM,CAACb,MAAM,CAAC,CAAA;IACvC,IAAIA,MAAM,KAAKO,aAAa,EAAE;AAC5B,MAAA,OAAOO,SAAS,CAAA;AAClB,KAAC,MAAM;MACLN,gBAAgB,CAACR,MAAM,CAAC,CAAA;AACxBhB,MAAAA,QAAQ,CAAC;QAAE+B,MAAM,EAAEN,QAAQ,CAACG,OAAAA;AAAQ,OAAC,CAAC,CAAA;AACxC,KAAA;AACF,GAAC,EAAE,CAACZ,MAAM,CAAC,CAAC,CAAA;AAEZ,EAAA,MAAMgB,0BAA0B,GAAGC,OAAO,CAAC,MAAM;AAC/C,IAAA,OAAO9B,kBAAkB,CAAA;AAC3B,GAAC,EAAE,CAACA,kBAAkB,CAAC,CAAC,CAAA;EAExB,MAAM+B,cAAc,GAAGC,GAAG,IAAI;IAC5B,IAAInB,MAAM,GAAG,CAAC,IAAIA,MAAM,IAAImB,GAAG,GAAG,CAAC,EAAE;AACnC,MAAA,OACE7C,cAAA,CAAA8C,aAAA,CAACC,QAAU,EAAA;AACThC,QAAAA,QAAQ,EAAEA,QAAS;AACnBD,QAAAA,QAAQ,EAAEA,QAAS;QACnBkC,OAAO,EAAEC,KAAK,IAAI;UAChBA,KAAK,CAACC,cAAc,EAAE,CAAA;AACtB,UAAA,IAAIL,GAAG,GAAG,CAAC,GAAG,CAAC,EAAE;AACf,YAAA,OAAOlB,SAAS,CAACkB,GAAG,GAAG,CAAC,CAAC,CAAA;AAC3B,WAAC,MAAM,IAAIA,GAAG,GAAG,CAAC,IAAI,CAAC,EAAE;YACvBlB,SAAS,CAACW,OAAO,IAAI;cACnB,OAAOA,OAAO,KAAK,CAAC,GAAG,CAAC,GAAGO,GAAG,GAAG,CAAC,CAAA;AACpC,aAAC,CAAC,CAAA;AACJ,WAAA;SACA;QACFM,YAAY,EAAEA,MAAM;AAClBnB,UAAAA,aAAa,CAACa,GAAG,GAAG,CAAC,CAAC,CAAA;UACtBf,QAAQ,CAAC,IAAI,CAAC,CAAA;SACd;QACFsB,YAAY,EAAEA,MAAM;UAClBpB,aAAa,CAAC,CAAC,CAAC,CAAA;UAChBF,QAAQ,CAAC,KAAK,CAAC,CAAA;SACf;AACFuB,QAAAA,MAAM,EAAExB,KAAK,IAAIgB,GAAG,GAAG,CAAC,IAAId,UAAW;AACvCnB,QAAAA,IAAI,EAAC,QAAQ;AACbiC,QAAAA,GAAG,EAAEA,GAAAA;AAAI,OAAA,EAERzC,QACS,CAAC,CAAA;KAEhB,MAAM,IAAIK,SAAS,EAAE;AACpB,MAAA,OACET,cAAA,CAAA8C,aAAA,CAACC,IAAM,EAAA;AACLhC,QAAAA,QAAQ,EAAEA,QAAS;AACnBD,QAAAA,QAAQ,EAAEA,QAAS;QACnBkC,OAAO,EAAEC,KAAK,IAAI;UAChBA,KAAK,CAACC,cAAc,EAAE,CAAA;AACtBvB,UAAAA,SAAS,CAACkB,GAAG,GAAG,CAAC,CAAC,CAAA;SAClB;QACFM,YAAY,EAAEA,MAAM;AAClBnB,UAAAA,aAAa,CAACa,GAAG,GAAG,CAAC,CAAC,CAAA;UACtBf,QAAQ,CAAC,IAAI,CAAC,CAAA;SACd;QACFsB,YAAY,EAAEA,MAAM;UAClBpB,aAAa,CAAC,CAAC,CAAC,CAAA;UAChBF,QAAQ,CAAC,KAAK,CAAC,CAAA;SACf;AACFuB,QAAAA,MAAM,EAAExB,KAAK,IAAIgB,GAAG,GAAG,CAAC,IAAId,UAAW;AACvCnB,QAAAA,IAAI,EAAC,QAAQ;AACbiC,QAAAA,GAAG,EAAEA,GAAAA;AAAI,OAAA,EAER1C,IACK,CAAC,CAAA;AAEb,KAAA;GACD,CAAA;EAED,MAAMmD,KAAK,GAAGA,MAAM;IAClB,OACEtD,cAAA,CAAA8C,aAAA,CAACC,mBAAmB,EAAAQ,QAAA,CAAA;AAClBC,MAAAA,GAAG,EAAEnC,YAAa;AAClBN,MAAAA,QAAQ,EAAEA,QAAS;AACnBD,MAAAA,QAAQ,EAAEA,QAAS;AACnBJ,MAAAA,QAAQ,EAAEA,QAAS;AACnBC,MAAAA,MAAM,EAAEA,MAAAA;KACJS,EAAAA,KAAK,GAETpB,cAAA,CAAA8C,aAAA,CAACC,UAAY,EAAA;AAACjC,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,EAC9BZ,KAAK,EACNF,cAAA,CAAA8C,aAAA,CAACC,gBAAkB,EAAA,IAAA,EAChBnC,IAAI,KAAK,SAAS,IAAIM,WAAW,EACjCN,IAAI,KAAK,SAAS,IAAIO,WACL,CACR,CAAC,EACfnB,cAAA,CAAA8C,aAAA,CAACC,UAAY,EAAA;AAACU,MAAAA,KAAK,EAAEzC,IAAK;AAACJ,MAAAA,IAAI,EAAEA,IAAK;AAACG,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAA,EACvDO,KAAK,CAACoC,GAAG,CAACb,GAAG,IAAI;MAChB,OACE7C,cAAA,CAAA8C,aAAA,CAAA,KAAA,EAAA;AAAKD,QAAAA,GAAG,EAAEA,GAAAA;OACR7C,EAAAA,cAAA,CAAA8C,aAAA,CAAA,OAAA,EAAA;AAAOlC,QAAAA,IAAI,EAAC,QAAQ;AAACJ,QAAAA,IAAI,EAAEA,IAAK;AAACgD,QAAAA,GAAG,EAAErB,QAAAA;OAAW,CAAC,EACjDS,cAAc,CAACC,GAAU,CACvB,CAAC,CAAA;KAET,CACW,CACK,CAAC,CAAA;GAEzB,CAAA;EAED,IAAI5B,MAAM,EAAE,OAAO,IAAI,CAAA;EAEvB,OACEjB,cAAA,CAAA8C,aAAA,CAAA9C,cAAA,CAAA2D,QAAA,EAAA,IAAA,EACG,CAACjB,0BAA0B,IAAIY,KAAK,EAAE,EACtCZ,0BAA0B,IACzB1C,cAAA,CAAA8C,aAAA,CAAA,KAAA,EAAA,IAAA,EACE9C,cAAA,CAAA8C,aAAA,CAACc,OAAO,EAAA;AACNC,IAAAA,OAAO,EAAEnB,0BAA2B;AACpCG,IAAAA,GAAG,EAAC,kBAAkB;AACtBiB,IAAAA,SAAS,EAAC,YAAY;AACtBC,IAAAA,OAAO,EAAE,YAAa;AACtBC,IAAAA,MAAM,EAAE,MAAA;AAAO,GAAA,EAEdV,KAAK,EACC,CACN,CAEP,CAAC,CAAA;AAEP,CAAC,EAAC;AAEFvD,iBAAiB,CAACkE,SAAS,GAAAC,OAAA,CAAAC,GAAA,CAAAC,QAAA,KAAG,YAAA,GAAA;EAI5BrD,QAAQ,EAAEsD,SAAS,CAACC,IAAI;EAIxBxD,QAAQ,EAAEuD,SAAS,CAACC,IAAI;EAIxBtD,IAAI,EAAEqD,SAAS,CAACC,IAAI;EAIpB/D,KAAK,EAAE8D,SAAS,CAACE,MAAM;AAIvB3D,EAAAA,IAAI,EAAEyD,SAAS,CAACG,KAAK,CAAC,CAAC,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,CAAC,CAAC;EAIrElE,YAAY,EAAE+D,SAAS,CAACE,MAAM;EAI9BrE,KAAK,EAAEmE,SAAS,CAACI,MAAM;EAIvBjE,IAAI,EAAE6D,SAAS,CAACI,MAAM;EAItBtE,IAAI,EAAEkE,SAAS,CAACK,OAAO;EAIvBtE,QAAQ,EAAEiE,SAAS,CAACK,OAAO;EAI3BrE,GAAG,EAAEgE,SAAS,CAACE,MAAM;EAIrB9D,SAAS,EAAE4D,SAAS,CAACC,IAAI;EAKzB5D,QAAQ,EAAE2D,SAAS,CAACM,IAAI;EAIxBhE,MAAM,EAAE0D,SAAS,CAACM,IAAI;EAItB1D,MAAM,EAAEoD,SAAS,CAACC,IAAI;EAItBpD,WAAW,EAAEmD,SAAS,CAACK,OAAO;EAI9BvD,WAAW,EAAEkD,SAAS,CAACK,OAAO;EAI9B7D,kBAAkB,EAAEwD,SAAS,CAACI,MAAAA;AAChC,CAAC,GAAA,EAAA,CAAA;AAED1E,iBAAiB,CAAC6E,YAAY,GAAG;AAC/B1E,EAAAA,KAAK,EAAE,QAAQ;AACfG,EAAAA,GAAG,EAAE,CAAC;AACNE,EAAAA,KAAK,EAAE,CAAC;AACRD,EAAAA,YAAY,EAAE,CAAC;AACfG,EAAAA,SAAS,EAAE,IAAI;AACfN,EAAAA,IAAI,EAAEH,cAAA,CAAA8C,aAAA,CAAC+B,OAAQ,MAAE,CAAC;AAClBzE,EAAAA,QAAQ,EAAEJ,cAAA,CAAA8C,aAAA,CAACgC,aAAY,MAAE,CAAC;AAC1B7D,EAAAA,MAAM,EAAE,KAAK;AACbL,EAAAA,IAAI,EAAE,EAAE;AACRC,EAAAA,kBAAkB,EAAE,EAAE;EACtBH,QAAQ,EAAEA,MAAM,EAAC;AACnB,CAAC;;;;"}
1	+ {"version":3,"file":"CompactStarRating.js","sources":["../../../src/components/inputs/CompactStarRating/CompactStarRating.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState, useMemo } from 'react';\nimport { ReactComponent as StarIconFill } from '../../../icons/star-filled.svg';\nimport { ReactComponent as StarIcon } from '../../../icons/star.svg';\nimport { Tooltip } from '../../data';\n\nimport * as S from './CompactStarRating.styled';\n\nconst NOOP = () => {};\nconst DEFAULT_ICON = <StarIcon />;\nconst DEFAULT_ICON_FILL = <StarIconFill />;\n\ntype CompactStarRatingOwnProps = {\n /*\n Whether the star rating is read-only\n /\n readOnly?: boolean;\n /\n Whether the star rating is disabled\n /\n disabled?: boolean;\n /\n Displays a grey background to show that the star rating is editable\n /\n edit?: boolean;\n /\n Rating value (0-5)\n /\n value?: number;\n /\n Define the type based on error, warning, loading and success.\n /\n type?: '' \| 'error' \| 'warning' \| 'loading' \| 'success';\n /\n Default rating value\n /\n defaultValue?: number;\n /\n Compact star rating label\n /\n label?: string;\n /\n Name of the text area (used when sending form data)\n /\n name?: string;\n /\n Icon element – E.g: `icon={<StarIcon />}`\n /\n icon?: React.ReactElement<any>;\n /\n Filled icon element – E.g: `icon={<StarIcon />}`\n /\n iconFill?: React.ReactElement<any>;\n /\n Max number of stars: 5\n /\n max?: number;\n /\n View Compact Star Rating component when no values have been assigned\n /\n viewEmpty?: boolean;\n /\n Optional callback function for `onChange`\n /\n onChange?: (...args: any[]) => any;\n /\n Optional callback function for `onBlur`\n /\n onBlur?: (...args: any[]) => any;\n /\n Whether the component is hidden or visible.\n /\n hidden?: boolean;\n /\n Icon element – E.g: `icon={<Spinner />}`\n /\n loadingIcon?: React.ReactElement<any>;\n /\n Icon element – E.g: `icon={<Check />}`\n /\n successIcon?: React.ReactElement<any>;\n /\n Description ToolTip text.\n /\n descriptionToolTip?: string;\n};\n\n/\n * NMB-3998 §C.2: `props` is spread onto `S.CompactStarRating`, so the published type\n * has to admit that target's props too — a closed type here is worse than `any` for the\n * 125 consumer files. Declared members win over the base (`Omit` by `keyof CompactStarRatingOwnProps`);\n * a bare `&` would INTERSECT a colliding member instead of overriding it, which narrows\n * it (measured: `rows?: number \| string` & `rows?: number`) or empties it to `never`.\n /\ntype CompactStarRatingProps = Omit<\n React.ComponentPropsWithoutRef<typeof S.CompactStarRating>,\n keyof CompactStarRatingOwnProps\n> &\n CompactStarRatingOwnProps;\n\n/\n A compact star rating.\n \n To remove a rating (i.e. show 0 stars), click the first star to give a 1-star rating, and then click the first star again.\n \n ### Import\n \n ``` js\n * import { CompactStarRating } from '@ntbjs/react-components/inputs'\n * // or\n * import CompactStarRating from '@ntbjs/react-components/inputs/CompactStarRating'\n * ```\n * ### Values\n * Pass default value as a prop (`defaultValue`) into the component: 0 or state value.\n * ```\n /\n\nconst CompactStarRating = React.forwardRef<any, CompactStarRatingProps>(function CompactStarRating(\n {\n label = 'Rating',\n icon = DEFAULT_ICON,\n iconFill = DEFAULT_ICON_FILL,\n max = 5,\n defaultValue = 0,\n value = 0,\n name,\n viewEmpty = true,\n onChange = NOOP,\n onBlur,\n type = '',\n descriptionToolTip = '',\n disabled,\n readOnly,\n edit,\n hidden = false,\n loadingIcon,\n successIcon,\n ...props\n },\n forwardedRef\n) {\n const stars = Array.from(Array(max).keys());\n /\n * NMB-3998: these three are numeric states initialised to `''`. Every write is a number\n * — `value \|\| defaultValue` (both props are `number`, defaulted to 0), `key + 1`, and\n * `0` — so inference from `''` alone made the setters `SetStateAction<string>` and\n * rejected all of them (4 x TS2345, plus TS2367 on `current === 1`).\n \n `number \| ''` is EXACTLY what the code does today, so this is a pure annotation: the\n * initial value is still `''` and the emitted JavaScript is unchanged. `useState(0)` is\n * what the state should probably be, and is deliberately NOT done here — the first\n * render feeds `String(rating)` into the input's value (line ~154), so `''` -> `'0'` is a\n * visible change, and it belongs with the rest of this component in the §D tail rather\n * than in a commit that must not move the baseline.\n /\n const [rating, setRating] = useState<number \| ''>('');\n const [hover, setHover] = useState(false);\n const [tempRating, setTempRating] = useState<number \| ''>('');\n const [initialRating, setInitialRating] = useState<number \| ''>('');\n const inputRef = useRef(undefined);\n\n useEffect(() => {\n setRating(value \|\| defaultValue);\n setInitialRating(value \|\| defaultValue);\n }, [value, defaultValue]);\n\n useEffect(() => {\n inputRef.current.value = String(rating);\n if (rating === initialRating) {\n return undefined;\n } else {\n setInitialRating(rating);\n onChange({ target: inputRef.current });\n }\n }, [rating]);\n\n const memoizedDescriptionToolTip = useMemo(() => {\n return descriptionToolTip;\n }, [descriptionToolTip]);\n\n const starIconRender = key => {\n if (rating > 0 && rating >= key + 1) {\n return (\n <S.StarFill\n readOnly={readOnly}\n disabled={disabled}\n onClick={event => {\n event.preventDefault();\n if (key + 1 > 1) {\n return setRating(key + 1);\n } else if (key + 1 == 1) {\n setRating(current => {\n return current === 1 ? 0 : key + 1;\n });\n }\n }}\n onMouseEnter={() => {\n setTempRating(key + 1);\n setHover(true);\n }}\n onMouseLeave={() => {\n setTempRating(0);\n setHover(false);\n }}\n $hover={hover && key + 1 <= tempRating}\n type=\"button\"\n key={key}\n >\n {iconFill}\n </S.StarFill>\n );\n } else if (viewEmpty) {\n return (\n <S.Star\n readOnly={readOnly}\n disabled={disabled}\n onClick={event => {\n event.preventDefault();\n setRating(key + 1);\n }}\n onMouseEnter={() => {\n setTempRating(key + 1);\n setHover(true);\n }}\n onMouseLeave={() => {\n setTempRating(0);\n setHover(false);\n }}\n $hover={hover && key + 1 <= tempRating}\n type=\"button\"\n key={key}\n >\n {icon}\n </S.Star>\n );\n }\n };\n\n const input = () => {\n return (\n <S.CompactStarRating\n ref={forwardedRef}\n readOnly={readOnly}\n disabled={disabled}\n onChange={onChange}\n onBlur={onBlur}\n {...props}\n >\n <S.labelWidth disabled={disabled}>\n {label}\n <S.SuccessContainer>\n {type === 'loading' && loadingIcon}\n {type === 'success' && successIcon}\n </S.SuccessContainer>\n </S.labelWidth>\n <S.starsWidth $edit={edit} type={type} readOnly={readOnly}>\n {stars.map(key => {\n return (\n <div key={key}>\n <input type=\"number\" name={name} ref={inputRef} />\n {/\n * NMB-3998: was `starIconRender(key, value)`. `starIconRender` is declared\n * `key => …` and takes ONE parameter, so `value` was evaluated and\n * discarded — TS2554 \"Expected 1 arguments, but got 2\". Dropping it is\n * behaviour-identical (the callee never had a binding for it, and reads\n * the `value` prop from the enclosing scope anyway), so this emits the\n * same DOM. Passing it looked like it made the star fill track `value`,\n * which is what makes it worth recording rather than quietly deleting.\n */}\n {starIconRender(key)}\n </div>\n );\n })}\n </S.starsWidth>\n </S.CompactStarRating>\n );\n };\n\n if (hidden) return null;\n\n return (\n <>\n {!memoizedDescriptionToolTip && input()}\n {memoizedDescriptionToolTip && (\n <div>\n <Tooltip\n content={memoizedDescriptionToolTip}\n key=\"tooltipTextArea1\"\n placement=\"bottom-end\"\n trigger={'mouseenter'}\n zIndex={999999}\n >\n {input()}\n </Tooltip>\n </div>\n )}\n </>\n );\n});\n\nexport default CompactStarRating;\n"],"names":["NOOP","DEFAULT_ICON","_jsx","StarIcon","DEFAULT_ICON_FILL","StarIconFill","CompactStarRating","React","forwardRef","label","icon","iconFill","max","defaultValue","value","name","viewEmpty","onChange","onBlur","type","descriptionToolTip","disabled","readOnly","edit","hidden","loadingIcon","successIcon","props","forwardedRef","stars","Array","from","keys","rating","setRating","useState","hover","setHover","tempRating","setTempRating","initialRating","setInitialRating","inputRef","useRef","undefined","useEffect","current","String","target","memoizedDescriptionToolTip","useMemo","starIconRender","key","S","onClick","event","preventDefault","onMouseEnter","onMouseLeave","$hover","children","input","_jsxs","ref","$edit","map","_Fragment","Tooltip","content","placement","trigger","zIndex"],"mappings":"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"}