@capillarytech/blaze-ui 0.1.6-alpha.3 → 0.1.6-alpha.32

package/dist/esm/CapUnifiedSelect/CapUnifiedSelect.js

@@ -1,101 +0,0 @@
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-// CapUnifiedSelect component using Ant Design v5 Select and TreeSelect directly
-import React from 'react';
-import PropTypes from 'prop-types';
-import { Select, TreeSelect } from 'antd';
-import { SelectWrapper, HeaderWrapper, StyledInfoIcon } from './styles';
-import CapLabel from '../CapLabel';
-import CapTooltip from '../CapTooltip';
-function CapUnifiedSelect(_ref) {
-  var type = _ref.type,
-    _ref$options = _ref.options,
-    options = _ref$options === void 0 ? [] : _ref$options,
-    treeData = _ref.treeData,
-    value = _ref.value,
-    onChange = _ref.onChange,
-    _ref$placeholder = _ref.placeholder,
-    placeholder = _ref$placeholder === void 0 ? 'Select an option' : _ref$placeholder,
-    className = _ref.className,
-    style = _ref.style,
-    _ref$allowClear = _ref.allowClear,
-    allowClear = _ref$allowClear === void 0 ? false : _ref$allowClear,
-    _ref$showSearch = _ref.showSearch,
-    showSearch = _ref$showSearch === void 0 ? false : _ref$showSearch,
-    label = _ref.label,
-    tooltip = _ref.tooltip,
-    _ref$disabled = _ref.disabled,
-    disabled = _ref$disabled === void 0 ? false : _ref$disabled;
-  var selectVirtualizationProps = {
-    listHeight: 256
-  };
-  var treeSelectVirtualizationProps = {
-    listHeight: 256,
-    listItemHeight: 32
-  };
-  var renderHeader = function renderHeader() {
-    if (!label && !tooltip) return null;
-    return /*#__PURE__*/React.createElement(HeaderWrapper, {
-      className: disabled ? 'disabled' : ''
-    }, label && /*#__PURE__*/React.createElement(CapLabel, {
-      type: "label16",
-      className: disabled ? 'disabled' : ''
-    }, label), tooltip && /*#__PURE__*/React.createElement(CapTooltip, {
-      title: tooltip
-    }, /*#__PURE__*/React.createElement(StyledInfoIcon, {
-      className: disabled ? 'disabled' : ''
-    })));
-  };
-  var renderDropdown = function renderDropdown() {
-    if (type === 'treeSelect' || type === 'multiTreeSelect') {
-      return /*#__PURE__*/React.createElement(TreeSelect, _extends({
-        treeData: treeData || options,
-        value: value,
-        onChange: onChange,
-        placeholder: placeholder,
-        className: className,
-        style: style,
-        allowClear: allowClear,
-        showSearch: showSearch,
-        multiple: type === 'multiTreeSelect' ? true : false,
-        virtual: true,
-        treeDefaultExpandAll: true,
-        disabled: disabled
-      }, treeSelectVirtualizationProps));
-    }
-    return /*#__PURE__*/React.createElement(Select, _extends({
-      value: value,
-      onChange: onChange,
-      placeholder: placeholder,
-      className: className,
-      style: style,
-      allowClear: allowClear,
-      showSearch: showSearch,
-      options: options,
-      mode: type === 'multiSelect' ? 'multiple' : undefined,
-      virtual: true,
-      disabled: disabled
-    }, selectVirtualizationProps));
-  };
-  return /*#__PURE__*/React.createElement(SelectWrapper, null, renderHeader(), renderDropdown());
-}
-CapUnifiedSelect.propTypes = {
-  type: PropTypes.oneOf(['select', 'multiSelect', 'treeSelect', 'multiTreeSelect']),
-  options: PropTypes.array,
-  treeData: PropTypes.array,
-  value: PropTypes.any,
-  onChange: PropTypes.func,
-  placeholder: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  className: PropTypes.string,
-  style: PropTypes.object,
-  allowClear: PropTypes.bool,
-  showSearch: PropTypes.bool,
-  label: PropTypes.string,
-  tooltip: PropTypes.oneOfType([PropTypes.string, PropTypes.node]),
-  disabled: PropTypes.bool
-};
-CapUnifiedSelect.defaultProps = {
-  type: 'select',
-  allowClear: false,
-  showSearch: false
-};
-export default CapUnifiedSelect;

package/dist/esm/CapUnifiedSelect/index.js

@@ -1,3 +0,0 @@
-import CapUnifiedSelect from './CapUnifiedSelect';
-import CapUnifiedSelectLoadable from './loadable';
-export default CapUnifiedSelectLoadable;

package/dist/esm/CapUnifiedSelect/loadable.js

@@ -1,4 +0,0 @@
-import loadable from '@loadable/component';
-export default loadable(function () {
-  return import('./CapUnifiedSelect');
-});

package/dist/esm/CapUnifiedSelect/styles.js

@@ -1,15 +0,0 @@
-import styled, { css } from 'styled-components';
-import * as styledVars from '../styled/variables';
-export var SelectWrapper = styled.div.withConfig({
-  displayName: "SelectWrapper",
-  componentId: "sc-3v7xpu-0"
-})(["display:flex;flex-direction:column;gap:8px;width:100%;&.disabled{cursor:not-allowed;}"]);
-export var HeaderWrapper = styled.div.withConfig({
-  displayName: "HeaderWrapper",
-  componentId: "sc-3v7xpu-1"
-})(["display:flex;align-items:center;gap:4px;&.disabled{opacity:0.5;cursor:not-allowed;}"]);
-export var StyledInfoIcon = styled.span.withConfig({
-  displayName: "StyledInfoIcon",
-  componentId: "sc-3v7xpu-2"
-})(["color:", ";font-size:16px;cursor:help;&:hover{color:", ";}&.disabled{cursor:not-allowed;&:hover{color:", ";}}"], styledVars.CAP_G2, styledVars.CAP_G1, styledVars.CAP_G2);
-export var selectStyles = css(["&.cap-unified-select{width:100%;font-family:", ";.ant-select-selector{border-radius:", ";transition:", ";padding:0 12px;min-height:32px;display:flex;align-items:center;&:hover{border-color:", ";}}.cap-unified-select-right-slot{display:flex;align-items:center;gap:8px;margin-left:8px;}&.ant-select-focused{.ant-select-selector{border-color:", " !important;box-shadow:none !important;}}&.ant-select-status-error{.ant-select-selector{border-color:", ";}}&.ant-select-disabled{.ant-select-selector{background-color:", ";cursor:not-allowed;}}.ant-select-dropdown{padding:4px;border-radius:", ";box-shadow:0 2px 8px rgba(0,0,0,0.15);.ant-select-item{border-radius:", ";padding:8px 12px;transition:", ";&-option-selected{background-color:", ";color:", ";font-weight:500;}&-option-active{background-color:", ";}}.ant-select-search{padding:8px;input{border-radius:", ";transition:", ";&:focus{border-color:", ";box-shadow:none;}}}}&.ant-select-multiple{.ant-select-selection-item{background-color:", ";border-color:", ";border-radius:", ";color:", ";margin:2px 4px 2px 0;padding:0 8px;height:24px;line-height:22px;&-remove{color:", ";&:hover{color:", ";}}}.ant-select-selection-overflow{flex-wrap:wrap;gap:4px;}}.ant-select-tree{padding:4px 0;.ant-select-tree-node-content-wrapper{padding:4px 8px;border-radius:", ";transition:", ";&:hover{background-color:", ";}&.ant-select-tree-node-selected{background-color:", ";color:", ";font-weight:500;}}.ant-select-tree-switcher{width:24px;height:24px;line-height:24px;}.ant-select-tree-checkbox{margin:4px 8px 4px 0;}}&.ant-select-lg{.ant-select-selector{height:40px;padding:0 16px;}.ant-select-selection-item{height:28px;line-height:26px;}}&.ant-select-sm{.ant-select-selector{height:24px;padding:0 8px;}.ant-select-selection-item{height:20px;line-height:18px;}}&.ant-select-loading{.ant-select-arrow{.anticon-loading{color:", ";}}}}"], styledVars.FONT_FAMILY, styledVars.RADIUS_04, styledVars.TRANSITION_ALL, styledVars.CAP_G11, styledVars.CAP_G01, styledVars.CAP_RED, styledVars.CAP_G08, styledVars.RADIUS_04, styledVars.RADIUS_04, styledVars.TRANSITION_ALL, styledVars.CAP_PRIMARY.light, styledVars.CAP_PRIMARY.base, styledVars.CAP_G08, styledVars.RADIUS_04, styledVars.TRANSITION_ALL, styledVars.CAP_G01, styledVars.CAP_PRIMARY.light, styledVars.CAP_PRIMARY.light, styledVars.RADIUS_04, styledVars.CAP_PRIMARY.base, styledVars.CAP_PRIMARY.base, styledVars.CAP_PRIMARY.hover, styledVars.RADIUS_04, styledVars.TRANSITION_ALL, styledVars.CAP_G08, styledVars.CAP_PRIMARY.light, styledVars.CAP_PRIMARY.base, styledVars.CAP_PRIMARY.base);

package/dist/index.js.LICENSE.txt

@@ -1,7 +0,0 @@
-/**![check-circle](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTY5OSAzNTNoLTQ2LjljLTEwLjIgMC0xOS45IDQuOS0yNS45IDEzLjNMNDY5IDU4NC4zbC03MS4yLTk4LjhjLTYtOC4zLTE1LjYtMTMuMy0yNS45LTEzLjNIMzI1Yy02LjUgMC0xMC4zIDcuNC02LjUgMTIuN2wxMjQuNiAxNzIuOGEzMS44IDMxLjggMCAwMDUxLjcgMGwyMTAuNi0yOTJjMy45LTUuMy4xLTEyLjctNi40LTEyLjd6IiAvPjxwYXRoIGQ9Ik01MTIgNjRDMjY0LjYgNjQgNjQgMjY0LjYgNjQgNTEyczIwMC42IDQ0OCA0NDggNDQ4IDQ0OC0yMDAuNiA0NDgtNDQ4Uzc1OS40IDY0IDUxMiA2NHptMCA4MjBjLTIwNS40IDAtMzcyLTE2Ni42LTM3Mi0zNzJzMTY2LjYtMzcyIDM3Mi0zNzIgMzcyIDE2Ni42IDM3MiAzNzItMTY2LjYgMzcyLTM3MiAzNzJ6IiAvPjwvc3ZnPg==) */
-
-/**![eye](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTk0Mi4yIDQ4Ni4yQzg0Ny40IDI4Ni41IDcwNC4xIDE4NiA1MTIgMTg2Yy0xOTIuMiAwLTMzNS40IDEwMC41LTQzMC4yIDMwMC4zYTYwLjMgNjAuMyAwIDAwMCA1MS41QzE3Ni42IDczNy41IDMxOS45IDgzOCA1MTIgODM4YzE5Mi4yIDAgMzM1LjQtMTAwLjUgNDMwLjItMzAwLjMgNy43LTE2LjIgNy43LTM1IDAtNTEuNXpNNTEyIDc2NmMtMTYxLjMgMC0yNzkuNC04MS44LTM2Mi43LTI1NEMyMzIuNiAzMzkuOCAzNTAuNyAyNTggNTEyIDI1OGMxNjEuMyAwIDI3OS40IDgxLjggMzYyLjcgMjU0Qzc5MS41IDY4NC4yIDY3My40IDc2NiA1MTIgNzY2em0tNC00MzBjLTk3LjIgMC0xNzYgNzguOC0xNzYgMTc2czc4LjggMTc2IDE3NiAxNzYgMTc2LTc4LjggMTc2LTE3Ni03OC44LTE3Ni0xNzYtMTc2em0wIDI4OGMtNjEuOSAwLTExMi01MC4xLTExMi0xMTJzNTAuMS0xMTIgMTEyLTExMiAxMTIgNTAuMSAxMTIgMTEyLTUwLjEgMTEyLTExMiAxMTJ6IiAvPjwvc3ZnPg==) */
-
-/**![up](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTg5MC41IDc1NS4zTDUzNy45IDI2OS4yYy0xMi44LTE3LjYtMzktMTcuNi01MS43IDBMMTMzLjUgNzU1LjNBOCA4IDAgMDAxNDAgNzY4aDc1YzUuMSAwIDkuOS0yLjUgMTIuOS02LjZMNTEyIDM2OS44bDI4NC4xIDM5MS42YzMgNC4xIDcuOCA2LjYgMTIuOSA2LjZoNzVjNi41IDAgMTAuMy03LjQgNi41LTEyLjd6IiAvPjwvc3ZnPg==) */
-
-/**![warning](data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTAiIGhlaWdodD0iNTAiIGZpbGw9IiNjYWNhY2EiIHZpZXdCb3g9IjY0IDY0IDg5NiA4OTYiIGZvY3VzYWJsZT0iZmFsc2UiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ2NCA3MjBhNDggNDggMCAxMDk2IDAgNDggNDggMCAxMC05NiAwem0xNi0zMDR2MTg0YzAgNC40IDMuNiA4IDggOGg0OGM0LjQgMCA4LTMuNiA4LThWNDE2YzAtNC40LTMuNi04LTgtOGgtNDhjLTQuNCAwLTggMy42LTggOHptNDc1LjcgNDQwbC00MTYtNzIwYy02LjItMTAuNy0xNi45LTE2LTI3LjctMTZzLTIxLjYgNS4zLTI3LjcgMTZsLTQxNiA3MjBDNTYgODc3LjQgNzEuNCA5MDQgOTYgOTA0aDgzMmMyNC42IDAgNDAtMjYuNiAyNy43LTQ4em0tNzgzLjUtMjcuOUw1MTIgMjM5LjlsMzM5LjggNTg4LjJIMTcyLjJ6IiAvPjwvc3ZnPg==) */

package/index.js

@@ -1,10 +0,0 @@
-// Import and export all components
-export { default as CapInput } from './CapInput';
-export { default as CapTable } from './CapTable';
-
-// Export utilities
-export { default as LocaleHoc } from './LocaleHoc';
-
-// Export styled utilities
-export * as styledVars from './styled/variables';
-export { default as styled } from './styled'; 

package/styled/index.js

@@ -1,6 +0,0 @@
-import * as styledVars from './variables';
-
-export default styledVars;
-
-// Re-export all variables for easier access
-export * from './variables'; 

package/styled/variables.js

@@ -1,89 +0,0 @@
-/* Color Palette */
-//========================
-
-// Primary colors
-export const CAP_PRIMARY = {
-  base: "#47af46",
-  hover: "#1f9a1d",
-  disabled: "#a1d8a0",
-};
-
-// Secondary colors
-export const CAP_SECONDARY = {
-  base: "#2466ea",
-  light: 'rgba("#2466ea", 0.1)',
-};
-
-// Custom colors
-export const CAP_ORANGE = "#f87d23";
-export const CAP_ORANGE01 = "#ffe5d2";
-export const CAP_ORANGE02 = "#fa7d02";
-export const CAP_YELLOW = "#fec52e";
-export const CAP_YELLOW01 = "#e8bc25";
-export const CAP_YELLOW02 = "#f9d438";
-export const CAP_BLUE = "#23cccc";
-export const CAP_PURPLE = "#8517e5";
-export const CAP_PINK = "#e51fa3";
-export const CAP_RED = "#ea213a";
-export const CAP_ICON = "#7a869a";
-export const CAP_PALE_GREY = "#e9f0fe";
-export const CAP_BLUE01 = "#2466eb";
-export const CAP_BLUE02 = "#1d61ee";
-export const CAP_RED01 = "#e51fa3";
-export const CAP_RED02 = "#f5222d";
-export const CAP_RED03 = "#ed1b34";
-export const CAP_PURPLE01 = "#6563ff";
-export const CAP_PURPLE02 = "#a451ff";
-export const CAP_PURPLE03 = "#f2e7fe";
-export const CAP_PURPLE04 = "#d4e1fc";
-export const CAP_GREEN01 = "#6bb56b";
-export const CAP_GREEN02 = "#ecf7ec";
-
-// Grey colors
-export const CAP_G01 = "#091e42";
-export const CAP_G02 = "#253858";
-export const CAP_G03 = "#42526e";
-export const CAP_G04 = "#5e6c84";
-export const CAP_G05 = "#97a0af";
-export const CAP_G06 = "#b3bac5";
-export const CAP_G07 = "#dfe2e7";
-export const CAP_G08 = "#ebecf0";
-export const CAP_G09 = "#f4f5f7";
-export const CAP_G10 = "#fafbfc";
-export const CAP_G11 = "#7a869a";
-export const CAP_G12 = "#e8e8e8";
-export const CAP_G13 = "#ecece7";
-export const CAP_G14 = "#e9f0fd";
-export const CAP_G15 = "#efefef";
-export const CAP_G16 = "#2a2a2a";
-export const CAP_G17 = "#7F8185";
-export const CAP_G18 = "#dcdee2";
-export const CAP_G19 = "#8a9ab2";
-export const CAP_G20 = "#c2c2c2";
-
-export const CAP_WHITE = "#ffffff";
-export const CAP_BLACK = "#000000";
-
-/* Fonts */
-// ==============
-export const FONT_FAMILY = '"Roboto", sans-serif';
-export const FONT_WEIGHT_REGULAR = 400;
-export const FONT_WEIGHT_MEDIUM = 500;
-
-/* Spacing */
-// ==============
-export const SPACING_04 = "4px";
-export const SPACING_08 = "8px";
-export const SPACING_12 = "12px";
-export const SPACING_16 = "16px";
-export const SPACING_24 = "24px";
-export const SPACING_32 = "32px";
-
-/* Border Radius */
-// ==============
-export const RADIUS_04 = "4px";
-export const RADIUS_08 = "8px";
-
-/* Transition */
-// ==============
-export const TRANSITION_ALL = "all 0.3s ease";