@ntbjs/react-components 2.0.0-rc.26 → 2.0.0-rc.28

package/build/{Checkbox-0b8faf49.js → Checkbox-4a5fd716.js}

@@ -1,22 +1,15 @@
-'use strict';
-
-var React = require('react');
-var nanoid = require('nanoid');
-var defaultTheme = require('./defaultTheme-d9a7342e.js');
-var lodash = require('lodash');
-var styled = require('styled-components');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+import React__default, { useState, useMemo } from 'react';
+import { nanoid } from 'nanoid';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import { isBoolean, isEmpty } from 'lodash';
+import styled, { css } from 'styled-components';
 
 const checkboxSize = '18px';
-const Checkbox$1 = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const Checkbox$1 = styled.div.attrs(applyDefaultTheme)`
   display: flex;
   flex-direction: column;
 `;
-const CheckIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const CheckIcon = styled.div.attrs(applyDefaultTheme)`
   opacity: 0;
   transform: scale(0.1);
   transition: all 200ms;
@@ -31,7 +24,7 @@ const CheckIcon = styled__default["default"].div.attrs(defaultTheme.applyDefault
     display: block;
   }
 `;
-const IndeterminateCheckIcon = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const IndeterminateCheckIcon = styled.div.attrs(applyDefaultTheme)`
   opacity: 0;
   transform: scale(0.1);
   transition: all 200ms;
@@ -42,7 +35,7 @@ const IndeterminateCheckIcon = styled__default["default"].div.attrs(defaultTheme
   background: ${props => props.theme.getColor('gray-100')};
   width: 10px;
 `;
-const CheckboxLabel = styled__default["default"].label.attrs(defaultTheme.applyDefaultTheme)`
+const CheckboxLabel = styled.label.attrs(applyDefaultTheme)`
   display: inline-flex;
   position: relative;
   cursor: pointer;
@@ -69,7 +62,7 @@ const CheckboxLabel = styled__default["default"].label.attrs(defaultTheme.applyD
     width: ${checkboxSize};
     height: ${checkboxSize};
     box-sizing: border-box;
-    ${props => props.muted && styled.css`
+    ${props => props.muted && css`
         opacity: 0.75;
       `}
   }
@@ -95,19 +88,19 @@ const CheckboxLabel = styled__default["default"].label.attrs(defaultTheme.applyD
     }
   }
 
-  ${props => props.readOnly && styled.css`
+  ${props => props.readOnly && css`
       opacity: 0.5;
       cursor: default;
       pointer-events: none;
       user-select: text;
     `}
 
-  ${props => props.disabled && styled.css`
+  ${props => props.disabled && css`
       opacity: 0.5;
       cursor: not-allowed;
     `}
 `;
-const CheckboxVisualLabel = styled__default["default"].div.attrs(defaultTheme.applyDefaultTheme)`
+const CheckboxVisualLabel = styled.div.attrs(applyDefaultTheme)`
   padding-left: 10px;
   font-weight: 400;
   font-size: 0.875rem;
@@ -115,20 +108,20 @@ const CheckboxVisualLabel = styled__default["default"].div.attrs(defaultTheme.ap
 
   ${props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-600'))};
 `;
-const Description = styled__default["default"].p.attrs(defaultTheme.applyDefaultTheme)`
+const Description = styled.p.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 && styled.css`
+  ${props => props.error && css`
       content: 'error';
       ${props.theme.themeProp('color', props.theme.getColor('red-200'), props.theme.getColor('red-500'))}
     `}
 `;
 
-const Checkbox = React__default["default"].forwardRef(function Checkbox({
+const Checkbox = React__default.forwardRef(function Checkbox({
   checked,
   defaultChecked,
   disabled,
@@ -145,33 +138,33 @@ const Checkbox = React__default["default"].forwardRef(function Checkbox({
   className,
   style
 }, forwardedRef) {
-  const [uniqueId] = React.useState(nanoid.nanoid());
-  const hasError = React.useMemo(() => {
-    if (lodash.isBoolean(error)) {
+  const [uniqueId] = useState(nanoid());
+  const hasError = useMemo(() => {
+    if (isBoolean(error)) {
       return error;
     }
-    return !lodash.isEmpty(error);
+    return !isEmpty(error);
   }, [error]);
-  const descriptionText = React.useMemo(() => {
-    if (!lodash.isEmpty(error)) {
+  const descriptionText = useMemo(() => {
+    if (!isEmpty(error)) {
       return error;
     }
-    if (!lodash.isEmpty(description)) {
+    if (!isEmpty(description)) {
       return description;
     }
     return null;
   }, [description, error]);
-  return React__default["default"].createElement(Checkbox$1, {
+  return React__default.createElement(Checkbox$1, {
     className: className,
     disabled: disabled,
     readOnly: readOnly,
     style: style
-  }, React__default["default"].createElement(CheckboxLabel, {
+  }, React__default.createElement(CheckboxLabel, {
     disabled: disabled,
     muted: muted,
     readOnly: readOnly,
     htmlFor: uniqueId
-  }, React__default["default"].createElement("input", {
+  }, React__default.createElement("input", {
     ref: forwardedRef,
     id: uniqueId,
     checked: checked,
@@ -184,32 +177,32 @@ const Checkbox = React__default["default"].forwardRef(function Checkbox({
     onChange: onChange,
     onBlur: onBlur,
     "data-indeterminate": indeterminate
-  }), React__default["default"].createElement(IndeterminateCheckIcon, null), React__default["default"].createElement(CheckIcon, null, React__default["default"].createElement("svg", {
+  }), React__default.createElement(IndeterminateCheckIcon, null), React__default.createElement(CheckIcon, null, React__default.createElement("svg", {
     xmlns: "http://www.w3.org/2000/svg",
     viewBox: "0 0 10.9 8.45"
-  }, React__default["default"].createElement("path", {
+  }, React__default.createElement("path", {
     d: "m3.68,8.45L0,4.75l1.21-1.21,2.47,2.45L9.7,0l1.21,1.23-7.22,7.22Z",
     fill: "currentColor"
-  }))), (typeof label === 'string' && label.length > 0 || typeof label === 'object') && React__default["default"].createElement(CheckboxVisualLabel, null, label)), typeof descriptionText === 'string' && descriptionText.length > 0 && React__default["default"].createElement(Description, {
+  }))), (typeof label === 'string' && label.length > 0 || typeof label === 'object') && React__default.createElement(CheckboxVisualLabel, null, label)), typeof descriptionText === 'string' && descriptionText.length > 0 && React__default.createElement(Description, {
     error: hasError
   }, descriptionText));
 });
 Checkbox.propTypes = process.env.NODE_ENV !== "production" ? {
-  checked: defaultTheme.PropTypes.bool,
-  defaultChecked: defaultTheme.PropTypes.bool,
-  label: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.string, defaultTheme.PropTypes.element]),
-  disabled: defaultTheme.PropTypes.bool,
-  readOnly: defaultTheme.PropTypes.bool,
-  name: defaultTheme.PropTypes.string,
-  value: defaultTheme.PropTypes.string,
-  description: defaultTheme.PropTypes.string,
-  error: defaultTheme.PropTypes.oneOfType([defaultTheme.PropTypes.bool, defaultTheme.PropTypes.string]),
-  indeterminate: defaultTheme.PropTypes.bool,
-  muted: defaultTheme.PropTypes.bool,
-  onChange: defaultTheme.PropTypes.func,
-  onBlur: defaultTheme.PropTypes.func,
-  className: defaultTheme.PropTypes.string,
-  style: defaultTheme.PropTypes.object
+  checked: PropTypes.bool,
+  defaultChecked: PropTypes.bool,
+  label: PropTypes.oneOfType([PropTypes.string, PropTypes.element]),
+  disabled: PropTypes.bool,
+  readOnly: PropTypes.bool,
+  name: PropTypes.string,
+  value: PropTypes.string,
+  description: PropTypes.string,
+  error: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
+  indeterminate: PropTypes.bool,
+  muted: PropTypes.bool,
+  onChange: PropTypes.func,
+  onBlur: PropTypes.func,
+  className: PropTypes.string,
+  style: PropTypes.object
 } : {};
 Checkbox.defaultProps = {
   disabled: false,
@@ -217,4 +210,4 @@ Checkbox.defaultProps = {
   indeterminate: false
 };
 
-exports.Checkbox = Checkbox;
+export { Checkbox as C };