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

package/build/inputs/Checkbox/Checkbox.styled.js

@@ -8,169 +8,40 @@ const shouldForwardProp = prop => {
 };
 const Checkbox = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: flex;
-  flex-direction: column;
-
-  ${props => props.$variant === 'black' && css`
-      ${props.theme.themeProp('--checkbox-black-box', props.theme.getColor('white'), 'black')}
-      ${props.theme.themeProp('--checkbox-black-check', 'black', props.theme.getColor('white'))}
-    `}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Checkboxstyled__Checkbox",
+  componentId: "sc-gbr0q7-0"
+})(["display:flex;flex-direction:column;", ""], props => props.$variant === 'black' && css(["", " ", ""], props.theme.themeProp('--checkbox-black-box', props.theme.getColor('white'), 'black'), props.theme.themeProp('--checkbox-black-check', 'black', props.theme.getColor('white'))));
 const CheckIcon = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  opacity: 0;
-  transform: scale(0.1);
-  transition: all 200ms;
-  position: absolute;
-  width: 12px;
-  top: 4px;
-  left: 3px;
-  color: ${props => props.theme.getColor('gray-100')};
-
-  svg {
-    width: 100%;
-    display: block;
-  }
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Checkboxstyled__CheckIcon",
+  componentId: "sc-gbr0q7-1"
+})(["opacity:0;transform:scale(0.1);transition:all 200ms;position:absolute;width:12px;top:4px;left:3px;color:", ";svg{width:100%;display:block;}"], props => props.theme.getColor('gray-100'));
 const IndeterminateCheckIcon = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  opacity: 0;
-  transform: scale(0.1);
-  transition: all 200ms;
-  position: absolute;
-  height: 2px;
-  top: 8px;
-  left: 4px;
-  background: ${props => props.theme.getColor('gray-100')};
-  width: 10px;
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Checkboxstyled__IndeterminateCheckIcon",
+  componentId: "sc-gbr0q7-2"
+})(["opacity:0;transform:scale(0.1);transition:all 200ms;position:absolute;height:2px;top:8px;left:4px;background:", ";width:10px;"], props => props.theme.getColor('gray-100'));
 const CheckboxLabel = styled.label.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  display: inline-flex;
-  position: relative;
-  cursor: pointer;
-  user-select: none;
-  min-height: ${checkboxSize};
-  text-align: left;
-  flex-wrap: wrap;
-  flex: 1;
-  line-height: ${checkboxSize};
-  margin-right: auto;
-
-  & input[type='checkbox'] {
-    position: absolute;
-    opacity: 0;
-    pointer-events: none;
-    margin: 0;
-  }
-
-  &::before {
-    content: '';
-    border: 2px solid ${props => props.theme.getColor('gray-300')};
-    border-radius: 2px;
-    transition: all 200ms;
-    width: ${checkboxSize};
-    height: ${checkboxSize};
-    box-sizing: border-box;
-    ${props => props.muted && css`
-        opacity: 0.75;
-      `}
-  }
-
-  &:has(input[type='checkbox']:checked) {
-    &::before {
-      background: ${props => props.theme.getColor('emerald-500')};
-      border-color: ${props => props.theme.getColor('emerald-500')};
-    }
-  }
-
-  &:has(input[type='checkbox']:not([data-indeterminate='true']):checked) {
-    ${CheckIcon} {
-      opacity: 1;
-      transform: scale(1);
-    }
-  }
-
-  &:has(input[type='checkbox'][data-indeterminate='true']:checked) {
-    ${IndeterminateCheckIcon} {
-      opacity: 1;
-      transform: scale(1);
-    }
-  }
-
-  ${props => props.readOnly && css`
-      opacity: 0.5;
-      cursor: default;
-      pointer-events: none;
-      user-select: text;
-    `}
-
-  ${props => props.disabled && css`
-      opacity: 0.5;
-      cursor: not-allowed;
-    `}
-
-  ${props => props.$variant === 'black' && css`
-      min-height: ${blackVariantSize};
-      line-height: ${blackVariantSize};
-
-      &::before {
-        width: ${blackVariantSize};
-        height: ${blackVariantSize};
-        border-radius: 4px;
-        border-color: var(--checkbox-black-box);
-        background: transparent;
-      }
-
-      &:has(input[type='checkbox']:checked) {
-        &::before {
-          background: var(--checkbox-black-box);
-          border-color: var(--checkbox-black-box);
-        }
-      }
-
-      ${CheckIcon} {
-        width: 14px;
-        top: 6px;
-        left: 5px;
-        color: var(--checkbox-black-check);
-      }
-
-      ${IndeterminateCheckIcon} {
-        top: 11px;
-        left: 7px;
-        background: var(--checkbox-black-check);
-      }
-    `}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Checkboxstyled__CheckboxLabel",
+  componentId: "sc-gbr0q7-3"
+})(["display:inline-flex;position:relative;cursor:pointer;user-select:none;min-height:", ";text-align:left;flex-wrap:wrap;flex:1;line-height:", ";margin-right:auto;& input[type='checkbox']{position:absolute;opacity:0;pointer-events:none;margin:0;}&::before{content:'';border:2px solid ", ";border-radius:2px;transition:all 200ms;width:", ";height:", ";box-sizing:border-box;", "}&:has(input[type='checkbox']:checked){&::before{background:", ";border-color:", ";}}&:has(input[type='checkbox']:not([data-indeterminate='true']):checked){", "{opacity:1;transform:scale(1);}}&:has(input[type='checkbox'][data-indeterminate='true']:checked){", "{opacity:1;transform:scale(1);}}", " ", " ", ""], checkboxSize, checkboxSize, props => props.theme.getColor('gray-300'), checkboxSize, checkboxSize, props => props.muted && css(["opacity:0.75;"]), props => props.theme.getColor('emerald-500'), props => props.theme.getColor('emerald-500'), CheckIcon, IndeterminateCheckIcon, props => props.readOnly && css(["opacity:0.5;cursor:default;pointer-events:none;user-select:text;"]), props => props.disabled && css(["opacity:0.5;cursor:not-allowed;"]), props => props.$variant === 'black' && css(["min-height:", ";line-height:", ";&::before{width:", ";height:", ";border-radius:4px;border-color:var(--checkbox-black-box);background:transparent;}&:has(input[type='checkbox']:checked){&::before{background:var(--checkbox-black-box);border-color:var(--checkbox-black-box);}}", "{width:14px;top:6px;left:5px;color:var(--checkbox-black-check);}", "{top:11px;left:7px;background:var(--checkbox-black-check);}"], blackVariantSize, blackVariantSize, blackVariantSize, blackVariantSize, CheckIcon, IndeterminateCheckIcon));
 const CheckboxVisualLabel = styled.div.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  padding-left: 10px;
-  font-weight: 400;
-  font-size: 0.875rem;
-  flex: 1;
-
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'))};
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Checkboxstyled__CheckboxVisualLabel",
+  componentId: "sc-gbr0q7-4"
+})(["padding-left:10px;font-weight:400;font-size:0.875rem;flex:1;", ";"], props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600')));
 const Description = styled.p.withConfig({
   shouldForwardProp
-}).attrs(applyDefaultTheme)`
-  margin: 0.375rem 0 0 0;
-  font-size: 0.75rem;
-  line-height: 1.333;
-
-  ${props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500'))};
-
-  ${props => props.$error && css`
-      content: 'error';
-      ${props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))}
-    `}
-`;
+}).attrs(applyDefaultTheme).withConfig({
+  displayName: "Checkboxstyled__Description",
+  componentId: "sc-gbr0q7-5"
+})(["margin:0.375rem 0 0 0;font-size:0.75rem;line-height:1.333;", ";", ""], props => props.theme.themeProp('color', props.theme.getColor('gray-400'), props.theme.getColor('gray-500')), props => props.$error && css(["content:'error';", ""], props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))));
 
 export { CheckIcon, Checkbox, CheckboxLabel, CheckboxVisualLabel, Description, IndeterminateCheckIcon };
 //# sourceMappingURL=Checkbox.styled.js.map

package/build/inputs/Checkbox/Checkbox.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.styled.js","sources":["../../../src/components/inputs/Checkbox/Checkbox.styled.js"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst checkboxSize = '18px';\nconst blackVariantSize = '24px';\n\nconst shouldForwardProp = prop => {\n  return prop !== 'theme' && !prop.startsWith('$');\n};\n\nexport const Checkbox = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n\n  ${props =>\n    props.$variant === 'black' &&\n    css`\n      ${props.theme.themeProp('--checkbox-black-box', props.theme.getColor('white'), 'black')}\n      ${props.theme.themeProp('--checkbox-black-check', 'black', props.theme.getColor('white'))}\n    `}\n`;\n\nexport const CheckIcon = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 0;\n  transform: scale(0.1);\n  transition: all 200ms;\n  position: absolute;\n  width: 12px;\n  top: 4px;\n  left: 3px;\n  color: ${props => props.theme.getColor('gray-100')};\n\n  svg {\n    width: 100%;\n    display: block;\n  }\n`;\n\nexport const IndeterminateCheckIcon = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 0;\n  transform: scale(0.1);\n  transition: all 200ms;\n  position: absolute;\n  height: 2px;\n  top: 8px;\n  left: 4px;\n  background: ${props => props.theme.getColor('gray-100')};\n  width: 10px;\n`;\n\nexport const CheckboxLabel = styled.label\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  display: inline-flex;\n  position: relative;\n  cursor: pointer;\n  user-select: none;\n  min-height: ${checkboxSize};\n  text-align: left;\n  flex-wrap: wrap;\n  flex: 1;\n  line-height: ${checkboxSize};\n  margin-right: auto;\n\n  & input[type='checkbox'] {\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n    margin: 0;\n  }\n\n  &::before {\n    content: '';\n    border: 2px solid ${props => props.theme.getColor('gray-300')};\n    border-radius: 2px;\n    transition: all 200ms;\n    width: ${checkboxSize};\n    height: ${checkboxSize};\n    box-sizing: border-box;\n    ${props =>\n      props.muted &&\n      css`\n        opacity: 0.75;\n      `}\n  }\n\n  &:has(input[type='checkbox']:checked) {\n    &::before {\n      background: ${props => props.theme.getColor('emerald-500')};\n      border-color: ${props => props.theme.getColor('emerald-500')};\n    }\n  }\n\n  &:has(input[type='checkbox']:not([data-indeterminate='true']):checked) {\n    ${CheckIcon} {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  &:has(input[type='checkbox'][data-indeterminate='true']:checked) {\n    ${IndeterminateCheckIcon} {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  ${props =>\n    props.readOnly &&\n    css`\n      opacity: 0.5;\n      cursor: default;\n      pointer-events: none;\n      user-select: text;\n    `}\n\n  ${props =>\n    props.disabled &&\n    css`\n      opacity: 0.5;\n      cursor: not-allowed;\n    `}\n\n  ${props =>\n    props.$variant === 'black' &&\n    css`\n      min-height: ${blackVariantSize};\n      line-height: ${blackVariantSize};\n\n      &::before {\n        width: ${blackVariantSize};\n        height: ${blackVariantSize};\n        border-radius: 4px;\n        border-color: var(--checkbox-black-box);\n        background: transparent;\n      }\n\n      &:has(input[type='checkbox']:checked) {\n        &::before {\n          background: var(--checkbox-black-box);\n          border-color: var(--checkbox-black-box);\n        }\n      }\n\n      ${CheckIcon} {\n        width: 14px;\n        top: 6px;\n        left: 5px;\n        color: var(--checkbox-black-check);\n      }\n\n      ${IndeterminateCheckIcon} {\n        top: 11px;\n        left: 7px;\n        background: var(--checkbox-black-check);\n      }\n    `}\n`;\n\nexport const CheckboxVisualLabel = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  padding-left: 10px;\n  font-weight: 400;\n  font-size: 0.875rem;\n  flex: 1;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-600')\n    )};\n`;\n\nexport const Description = styled.p\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  margin: 0.375rem 0 0 0;\n  font-size: 0.75rem;\n  line-height: 1.333;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-400'),\n      props.theme.getColor('gray-500')\n    )};\n\n  ${props =>\n    props.$error &&\n    css`\n      content: 'error';\n      ${props.theme.themeProp(\n        'color',\n        props.theme.getColor('red-200'),\n        props.theme.getColor('red-500')\n      )}\n    `}\n`;\n"],"names":["checkboxSize","blackVariantSize","shouldForwardProp","prop","startsWith","Checkbox","styled","div","withConfig","attrs","applyDefaultTheme","props","$variant","css","theme","themeProp","getColor","CheckIcon","IndeterminateCheckIcon","CheckboxLabel","label","muted","readOnly","disabled","CheckboxVisualLabel","Description","p","$error"],"mappings":"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"}
+{"version":3,"file":"Checkbox.styled.js","sources":["../../../src/components/inputs/Checkbox/Checkbox.styled.ts"],"sourcesContent":["import styled, { css } from 'styled-components';\nimport { applyDefaultTheme } from '../../../utils/defaultTheme';\n\nconst checkboxSize = '18px';\nconst blackVariantSize = '24px';\n\n/*\n * Single-argument, and it stays that way — peer floor `styled-components: >=5.1.0`\n * and the two majors disagree on the second parameter. Rules in\n * `layout/SectionSeparator/SectionSeparator.styled.ts`, derivation in\n * `scripts/TS-MIGRATION-PLAYBOOK.md` §J.4. `prop` needs the annotation because\n * `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 * `variant` — `PropTypes.oneOf(['green', 'black'])`, carried as `$variant` by both\n * `Checkbox` and `CheckboxLabel`. Closed on purpose (§J.6): both templates compare\n * `=== 'black'`, and with a closed union a mistyped variant name is TS2367 rather\n * than a branch that silently never fires.\n */\ntype CheckboxVariant = 'green' | 'black';\n\n/*\n * `Checkbox.tsx` ALSO passes `disabled` and `readOnly` here, and this template never\n * reads either — they are a dead pass, not a prop. They are deliberately NOT declared\n * (rule 2: declare only what is read), and they are a recorded defect: without a `$`\n * they are forwarded, so `disabled=\"\"` / `readonly=\"\"` are on this `<div>` in the\n * render baseline while contributing nothing to its CSS. `CheckboxLabel` below is\n * where the two actually do something. Fix (C10, needs the re-record): stop passing\n * them here.\n */\nexport const Checkbox = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{ $variant?: CheckboxVariant }>(applyDefaultTheme)`\n  display: flex;\n  flex-direction: column;\n\n  ${props =>\n    props.$variant === 'black' &&\n    css`\n      ${props.theme.themeProp('--checkbox-black-box', props.theme.getColor('white'), 'black')}\n      ${props.theme.themeProp('--checkbox-black-check', 'black', props.theme.getColor('white'))}\n    `}\n`;\n\nexport const CheckIcon = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 0;\n  transform: scale(0.1);\n  transition: all 200ms;\n  position: absolute;\n  width: 12px;\n  top: 4px;\n  left: 3px;\n  color: ${props => props.theme.getColor('gray-100')};\n\n  svg {\n    width: 100%;\n    display: block;\n  }\n`;\n\nexport const IndeterminateCheckIcon = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  opacity: 0;\n  transform: scale(0.1);\n  transition: all 200ms;\n  position: absolute;\n  height: 2px;\n  top: 8px;\n  left: 4px;\n  background: ${props => props.theme.getColor('gray-100')};\n  width: 10px;\n`;\n\n/*\n * THREE OF THESE FOUR HAVE NO `$`, AND THAT IS A DEFECT — declared here, not fixed here.\n *\n * `Checkbox.tsx` renders\n * `<S.CheckboxLabel disabled={disabled} muted={muted} readOnly={readOnly} htmlFor=… $variant=…>`.\n * None of `disabled`, `muted`, `readOnly` is a member of `LabelHTMLAttributes` — they are\n * input/media attributes — which is why all three reads below are TS2339, and\n * `shouldForwardProp` forwards every non-`$` prop, so `disabled=\"\"`, `muted=\"\"` and\n * `readonly=\"\"` are on the rendered `<label>` today and are in the recorded render\n * baseline. The fix is to rename all three `$disabled` / `$muted` / `$readOnly` at both\n * ends; that removes three DOM attributes, so it belongs to C10 with its baseline\n * re-record and must not ride along in a type-only commit. §E.4 third case, §J.9.\n */\ninterface CheckboxLabelStyleProps {\n  /** `muted` — `PropTypes.bool`. Fades the `&::before` box only. Leaks to the DOM. */\n  muted?: boolean;\n  /** `readOnly` — `PropTypes.bool`. Leaks to the DOM. */\n  readOnly?: boolean;\n  /** `disabled` — `PropTypes.bool`. Leaks to the DOM. */\n  disabled?: boolean;\n  /** `variant` — see `CheckboxVariant`. Properly transient. */\n  $variant?: CheckboxVariant;\n}\n\nexport const CheckboxLabel = styled.label\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<CheckboxLabelStyleProps>(applyDefaultTheme)`\n  display: inline-flex;\n  position: relative;\n  cursor: pointer;\n  user-select: none;\n  min-height: ${checkboxSize};\n  text-align: left;\n  flex-wrap: wrap;\n  flex: 1;\n  line-height: ${checkboxSize};\n  margin-right: auto;\n\n  & input[type='checkbox'] {\n    position: absolute;\n    opacity: 0;\n    pointer-events: none;\n    margin: 0;\n  }\n\n  &::before {\n    content: '';\n    border: 2px solid ${props => props.theme.getColor('gray-300')};\n    border-radius: 2px;\n    transition: all 200ms;\n    width: ${checkboxSize};\n    height: ${checkboxSize};\n    box-sizing: border-box;\n    ${props =>\n      props.muted &&\n      css`\n        opacity: 0.75;\n      `}\n  }\n\n  &:has(input[type='checkbox']:checked) {\n    &::before {\n      background: ${props => props.theme.getColor('emerald-500')};\n      border-color: ${props => props.theme.getColor('emerald-500')};\n    }\n  }\n\n  &:has(input[type='checkbox']:not([data-indeterminate='true']):checked) {\n    ${CheckIcon} {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  &:has(input[type='checkbox'][data-indeterminate='true']:checked) {\n    ${IndeterminateCheckIcon} {\n      opacity: 1;\n      transform: scale(1);\n    }\n  }\n\n  ${props =>\n    props.readOnly &&\n    css`\n      opacity: 0.5;\n      cursor: default;\n      pointer-events: none;\n      user-select: text;\n    `}\n\n  ${props =>\n    props.disabled &&\n    css`\n      opacity: 0.5;\n      cursor: not-allowed;\n    `}\n\n  ${props =>\n    props.$variant === 'black' &&\n    css`\n      min-height: ${blackVariantSize};\n      line-height: ${blackVariantSize};\n\n      &::before {\n        width: ${blackVariantSize};\n        height: ${blackVariantSize};\n        border-radius: 4px;\n        border-color: var(--checkbox-black-box);\n        background: transparent;\n      }\n\n      &:has(input[type='checkbox']:checked) {\n        &::before {\n          background: var(--checkbox-black-box);\n          border-color: var(--checkbox-black-box);\n        }\n      }\n\n      ${CheckIcon} {\n        width: 14px;\n        top: 6px;\n        left: 5px;\n        color: var(--checkbox-black-check);\n      }\n\n      ${IndeterminateCheckIcon} {\n        top: 11px;\n        left: 7px;\n        background: var(--checkbox-black-check);\n      }\n    `}\n`;\n\nexport const CheckboxVisualLabel = styled.div\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs(applyDefaultTheme)`\n  padding-left: 10px;\n  font-weight: 400;\n  font-size: 0.875rem;\n  flex: 1;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-300'),\n      props.theme.getColor('gray-600')\n    )};\n`;\n\nexport const Description = styled.p\n  .withConfig({\n    shouldForwardProp\n  })\n  .attrs<{\n    /**\n     * `error` — the component derives `hasError` (`isBoolean(error) ? error :\n     * !isEmpty(error)`) and passes that, so `boolean` and not the\n     * `bool | string` that `error`'s own propTypes allow.\n     */\n    $error?: boolean;\n  }>(applyDefaultTheme)`\n  margin: 0.375rem 0 0 0;\n  font-size: 0.75rem;\n  line-height: 1.333;\n\n  ${props =>\n    props.theme.themeProp(\n      'color',\n      props.theme.getColor('gray-400'),\n      props.theme.getColor('gray-500')\n    )};\n\n  ${props =>\n    props.$error &&\n    css`\n      content: 'error';\n      ${props.theme.themeProp(\n        'color',\n        props.theme.getColor('red-200'),\n        props.theme.getColor('red-500')\n      )}\n    `}\n`;\n"],"names":["checkboxSize","blackVariantSize","shouldForwardProp","prop","startsWith","Checkbox","styled","div","withConfig","attrs","applyDefaultTheme","displayName","componentId","props","$variant","css","theme","themeProp","getColor","CheckIcon","IndeterminateCheckIcon","CheckboxLabel","label","muted","readOnly","disabled","CheckboxVisualLabel","Description","p","$error"],"mappings":"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"}

package/build/inputs/CompactAutocompleteSelect/CompactAutocompleteSelect.js

@@ -1,7 +1,5 @@
-import { extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
 import { isEmpty } from 'lodash';
 import { nanoid } from 'nanoid';
-import PropTypes from 'prop-types';
 import React__default, { useState, useMemo } from 'react';
 import '../../data/Alert/Alert.js';
 import '../../data/Badge/Badge.js';
@@ -11,25 +9,33 @@ import '../../data/Tab/Tab.js';
 import '../../data/Tabs/Tabs.js';
 import Tooltip from '../../data/Tooltip/Tooltip.js';
 import '../../data/VerificationStatusIcon/VerificationStatusIcon.js';
-import { ValueContainer, Input, Menu, CompactAutocompleteSelect as CompactAutocompleteSelect$1, InputContainer, Label, SuccessContainer, AsyncCreatableAutocompleteSelect, AsyncAutocompleteSelect, AutocompletCreatableSelect, AutocompletSelect, Option, Control, Placeholder, SingleValue, DropdownIndicator, DropdownIndicatorIcon, ClearIndicator, ClearIndicatorIcon, IndicatorSeparator } from './CompactAutocompleteSelect.styled.js';
+import { ValueContainer, Input, Menu, CompactAutocompleteSelect as CompactAutocompleteSelect$1, InputContainer, Label, SuccessContainer, AsyncCreatableAutocompleteSelect, AsyncAutocompleteSelect, AutocompletCreatableSelect, AutocompletSelect, Control, Placeholder, Option, SingleValue, DropdownIndicator, DropdownIndicatorIcon, ClearIndicator, ClearIndicatorIcon, IndicatorSeparator } from './CompactAutocompleteSelect.styled.js';
+import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
 
+const DEFAULT_NO_OPTIONS_MESSAGE_FUNC = inputValue => {
+  if (inputValue) {
+    return `No matches for "${inputValue}"`;
+  } else {
+    return 'No available options';
+  }
+};
 const CompactAutocompleteSelect = React__default.forwardRef(function CompactAutocompleteSelect({
   label,
   availableOptions,
   placeholder,
   selectedOption,
   loadOptions,
-  noOptionsMessageFunc,
+  noOptionsMessageFunc = DEFAULT_NO_OPTIONS_MESSAGE_FUNC,
   createNewOptionMessageFunc,
   onUpdateCallback,
   loadingMessageFunc,
-  creatable,
-  readOnly,
-  edit,
-  disabled,
-  hidden,
-  type,
-  descriptionToolTip,
+  creatable = true,
+  readOnly = false,
+  edit = false,
+  disabled = false,
+  hidden = false,
+  type = '',
+  descriptionToolTip = '',
   loadingIcon,
   successIcon,
   ...props
@@ -42,78 +48,89 @@ const CompactAutocompleteSelect = React__default.forwardRef(function CompactAuto
     return descriptionToolTip;
   }, [descriptionToolTip]);
   const Control$1 = props => {
-    return React__default.createElement(Control, _extends({
+    return jsx(Control, {
       className: "select-control",
       edit: edit,
-      type: type
-    }, props));
+      type: type,
+      ...props
+    });
   };
   const ValueContainer$1 = useMemo(() => {
     const valueContainer = props => {
-      return React__default.createElement(React__default.Fragment, null, React__default.createElement(ValueContainer, _extends({
-        type: type
-      }, props)));
+      return jsx(Fragment, {
+        children: jsx(ValueContainer, {
+          type: type,
+          ...props
+        })
+      });
     };
     valueContainer.displayName = 'ValueContainerWrapper';
     return valueContainer;
   }, [type]);
   const Input$1 = useMemo(() => {
     const selectInput = props => {
-      return React__default.createElement(Input, _extends({
-        className: "select-input"
-      }, props));
+      return jsx(Input, {
+        className: "select-input",
+        ...props
+      });
     };
     selectInput.displayName = 'InputWrapper';
     return selectInput;
   }, []);
   const Menu$1 = useMemo(() => {
     const menu = props => {
-      return React__default.createElement(Menu, _extends({
-        className: "select-menu"
-      }, props));
+      return jsx(Menu, {
+        className: "select-menu",
+        ...props
+      });
     };
     menu.displayName = 'MenuWrapper';
     return menu;
   }, []);
   const Placeholder$1 = props => {
-    return React__default.createElement(Placeholder, _extends({
+    return jsx(Placeholder, {
       className: "select-placeholder",
-      type: type
-    }, props));
+      type: type,
+      ...props
+    });
   };
   const Option$1 = props => {
-    return !props.data.link ? React__default.createElement(Option, _extends({
-      className: "menu-item"
-    }, props)) : React__default.createElement(Option, props, React__default.createElement("a", {
-      href: props.data.link
-    }, props.data.icon, props.label));
+    return !props.data.link ? jsx(Option, {
+      className: "menu-item",
+      ...props
+    }) : jsx(Option, {
+      ...props,
+      children: jsxs("a", {
+        href: props.data.link,
+        children: [props.data.icon, props.label]
+      })
+    });
   };
   const SingleValue$1 = props => {
-    return React__default.createElement(SingleValue, _extends({
-      className: "menu-value"
-    }, props));
+    return jsx(SingleValue, {
+      className: "menu-value",
+      ...props
+    });
   };
-  Option$1.propTypes = process.env.NODE_ENV !== "production" ? {
-    data: PropTypes.shape({
-      icon: PropTypes.node,
-      link: PropTypes.string
-    }),
-    label: PropTypes.string
-  } : {};
   const DropdownIndicator$1 = props => {
-    return React__default.createElement(DropdownIndicator, _extends({
-      className: "dropdown-indicator"
-    }, props), React__default.createElement(DropdownIndicatorIcon, null));
+    return jsx(DropdownIndicator, {
+      className: "dropdown-indicator",
+      ...props,
+      children: jsx(DropdownIndicatorIcon, {})
+    });
   };
   const ClearIndicator$1 = props => {
-    return React__default.createElement(ClearIndicator, _extends({
-      className: "clear-indicator"
-    }, props), React__default.createElement(ClearIndicatorIcon, null));
+    return jsx(ClearIndicator, {
+      className: "clear-indicator",
+      ...props,
+      children: jsx(ClearIndicatorIcon, {})
+    });
   };
   const IndicatorSeparator$1 = props => {
-    return React__default.createElement(IndicatorSeparator, _extends({
-      className: "indicator-separator"
-    }, props));
+    return jsx(IndicatorSeparator, {
+      className: "indicator-separator",
+      ...props
+    });
   };
   const innerComponents = {
     Control: Control$1,
@@ -200,69 +217,47 @@ const CompactAutocompleteSelect = React__default.forwardRef(function CompactAuto
   };
   if (hidden) return null;
   const input = () => {
-    return React__default.createElement(CompactAutocompleteSelect$1, {
-      disabled: disabled
-    }, React__default.createElement(InputContainer, null, label && React__default.createElement(Label, {
-      htmlFor: uniqueId,
-      disabled: disabled
-    }, label, React__default.createElement(SuccessContainer, null, type === 'loading' && loadingIcon, type === 'success' && successIcon)), loadOptions ? creatable ? React__default.createElement(AsyncCreatableAutocompleteSelect, _extends({
-      $hasLabel: !isEmpty(label)
-    }, sharedSelectProps, props)) : React__default.createElement(AsyncAutocompleteSelect, _extends({
-      $hasLabel: !isEmpty(label)
-    }, sharedSelectProps, props)) : creatable ? React__default.createElement(AutocompletCreatableSelect, _extends({
-      $hasLabel: !isEmpty(label)
-    }, sharedSelectProps, props)) : React__default.createElement(AutocompletSelect, _extends({
-      $hasLabel: !isEmpty(label)
-    }, sharedSelectProps, props))));
+    return jsx(CompactAutocompleteSelect$1, {
+      disabled: disabled,
+      children: jsxs(InputContainer, {
+        children: [label && jsxs(Label, {
+          htmlFor: uniqueId,
+          disabled: disabled,
+          children: [label, jsxs(SuccessContainer, {
+            children: [type === 'loading' && loadingIcon, type === 'success' && successIcon]
+          })]
+        }), loadOptions ? creatable ? jsx(AsyncCreatableAutocompleteSelect, {
+          $hasLabel: !isEmpty(label),
+          ...sharedSelectProps,
+          ...props
+        }) : jsx(AsyncAutocompleteSelect, {
+          $hasLabel: !isEmpty(label),
+          ...sharedSelectProps,
+          ...props
+        }) : creatable ? jsx(AutocompletCreatableSelect, {
+          $hasLabel: !isEmpty(label),
+          ...sharedSelectProps,
+          ...props
+        }) : jsx(AutocompletSelect, {
+          $hasLabel: !isEmpty(label),
+          ...sharedSelectProps,
+          ...props
+        })]
+      })
+    });
   };
-  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")
+    })]
+  });
 });
-CompactAutocompleteSelect.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: PropTypes.string,
-  placeholder: PropTypes.string,
-  availableOptions: PropTypes.arrayOf(PropTypes.object),
-  selectedOption: PropTypes.object,
-  loadOptions: PropTypes.func,
-  loadingMessageFunc: PropTypes.func,
-  createNewOptionMessageFunc: PropTypes.func,
-  noOptionsMessageFunc: PropTypes.func,
-  readOnly: PropTypes.bool,
-  edit: PropTypes.bool,
-  hidden: PropTypes.bool,
-  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  warning: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
-  onUpdateCallback: PropTypes.func,
-  creatable: PropTypes.bool,
-  disabled: PropTypes.bool,
-  type: PropTypes.oneOf(['', 'error', 'warning', 'instructions-warning', 'loading', 'success']),
-  descriptionToolTip: PropTypes.string,
-  loadingIcon: PropTypes.element,
-  successIcon: PropTypes.element
-} : {};
-CompactAutocompleteSelect.defaultProps = {
-  noOptionsMessageFunc: inputValue => {
-    if (inputValue) {
-      return `No matches for "${inputValue}"`;
-    } else {
-      return 'No available options';
-    }
-  },
-  readOnly: false,
-  disabled: false,
-  creatable: true,
-  edit: false,
-  error: false,
-  warning: false,
-  hidden: false,
-  type: '',
-  descriptionToolTip: ''
-};
 
 export { CompactAutocompleteSelect as default };
 //# sourceMappingURL=CompactAutocompleteSelect.js.map