@itcase/ui 1.1.5 → 1.1.7

package/dist/components/Group/Group.d.ts

@@ -0,0 +1,9 @@
+import { IGroupConfig, IGroupProps } from './Group.interface';
+declare const groupConfig: IGroupConfig;
+declare function Group(props: IGroupProps): import("react/jsx-runtime").JSX.Element;
+declare namespace Group {
+    var defaultProps: {
+        tag: string;
+    };
+}
+export { Group, groupConfig };

package/dist/components/Group/Group.interface.d.ts

@@ -0,0 +1,49 @@
+import React, { CSSProperties, ElementType } from 'react';
+import { alignDirectionPropsType, alignPropsType, borderColorPropsType, borderTypePropsType, directionPropsType, elevationPropsType, fillHoverPropsType, fillPropsType, flexGrowPropsType, heightPropsType, justifyContentPropsType, shapePropsType, stackingPropsType, widthPropsType, wrapPropsType } from '../../constants-ts';
+import { TypeStyleAttributes } from '../../hooks/styleAttributes.interface';
+interface ThemeColor {
+    fill?: string;
+    fillHover?: string;
+    labelTextColor?: string;
+    border?: string;
+    borderColor?: string;
+    borderWidth?: string;
+    direction?: directionPropsType;
+}
+interface IAppearance {
+    [key: string]: ThemeColor;
+}
+export interface IGroupConfig {
+    appearance: IAppearance;
+    setAppearance: (newComponent: IAppearance) => void;
+}
+export interface IGroupProps extends TypeStyleAttributes {
+    appearance?: string;
+    id?: number | string;
+    children?: React.ReactNode;
+    className?: string;
+    horizontalScroll?: boolean;
+    tag?: ElementType;
+    htmlFor?: string;
+    set?: string;
+    style?: CSSProperties;
+    dataTour?: string;
+    onClick?: () => void;
+    alignDirection?: alignDirectionPropsType;
+    align?: alignPropsType;
+    stacking?: stackingPropsType;
+    direction?: directionPropsType;
+    wrap?: wrapPropsType;
+    fill?: fillPropsType;
+    fillHover?: fillHoverPropsType;
+    shape?: shapePropsType;
+    columns?: number;
+    width?: widthPropsType;
+    height?: heightPropsType;
+    borderColor?: borderColorPropsType;
+    borderType?: borderTypePropsType;
+    flexGrow?: flexGrowPropsType;
+    elevation?: elevationPropsType;
+    justifyContent?: justifyContentPropsType;
+}
+export {};

package/dist/components/Group/index.d.ts

@@ -0,0 +1 @@
+export { Group, groupConfig } from './Group';

package/dist/components/Group.js

@@ -1,315 +1,15 @@
-'use strict';
-
-var React = require('react');
-var PropTypes = require('prop-types');
-var clsx = require('clsx');
-var direction = require('../constants/componentProps/direction.js');
-var fill = require('../constants/componentProps/fill.js');
-var shape = require('../constants/componentProps/shape.js');
-var stacking = require('../constants/componentProps/stacking.js');
-var wrap = require('../constants/componentProps/wrap.js');
-var width = require('../constants/componentProps/width.js');
-var useStyles = require('../hooks/useStyles.js');
-var useDeviceTargetClass = require('../hooks/useDeviceTargetClass.js');
-require('lodash/camelCase');
-require('lodash/maxBy');
-require('lodash/upperFirst');
-require('../hooks/styleAttributes.js');
-require('../context/UIContext.js');
-require('../hooks/useMediaQueries.js');
-require('react-responsive');
-require('lodash/castArray');
-
-function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefault(React);
-var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
-var clsx__default = /*#__PURE__*/_interopDefault(clsx);
-
-const groupConfig = {
-  appearance: {},
-  setAppearance: newComponent => {
-    groupConfig.appearance = newComponent;
-  }
-};
-function Group(props) {
-  const {
-    appearance,
-    id,
-    children,
-    className,
-    horizontalScroll,
-    tag: Tag,
-    htmlFor,
-    set,
-    style,
-    dataTour,
-    onClick
-  } = props;
-  const contentAlignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'group_content-align_',
-    propsKey: 'contentAlign'
-  });
-  const alignDirectionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'alignDirection'
-  });
-  const alignClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'align'
-  });
-  const justifyContentClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'justify-content_',
-    propsKey: 'justifyContent'
-  });
-  const stackingClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'group_stacking_',
-    propsKey: 'stacking'
-  });
-  const directionClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'group_direction_',
-    propsKey: 'direction'
-  });
-  const wrapClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'group_wrap_',
-    propsKey: 'wrap'
-  });
-  const fillClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const fillHoverClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'fill_hover_',
-    propsKey: 'fillHover'
-  });
-  const shapeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'group_shape_',
-    propsKey: 'shape'
-  });
-  const columnsClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'group_columns_',
-    propsKey: 'columns'
-  });
-  const widthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'width_',
-    propsKey: 'width'
-  });
-  const heightClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'height_',
-    propsKey: 'height'
-  });
-  const borderColorClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-color_',
-    propsKey: 'borderColor'
-  });
-  const borderWidthClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border-width_',
-    propsKey: 'borderWidth'
-  });
-  const borderTypeClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'border_type_',
-    propsKey: 'borderType'
-  });
-  const growClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'flex-grow_',
-    propsKey: 'flexGrow'
-  });
-  const elevationClass = useDeviceTargetClass.useDeviceTargetClass(props, {
-    prefix: 'elevation_',
-    propsKey: 'elevation'
-  });
-  const {
-    styles: groupStyles,
-    wrapper: groupWrapperStyles
-  } = useStyles.useStyles(props);
-  return /*#__PURE__*/React__default.default.createElement(Tag, {
-    className: clsx__default.default(className, 'group', widthClass, heightClass, columnsClass, contentAlignClass, alignDirectionClass, directionClass || groupConfig.appearance[appearance] && `group_direction_${groupConfig.appearance[appearance].direction}`.replace(/([A-Z])/g, '-$1').toLowerCase(), alignClass, fillClass || groupConfig.appearance[appearance] && `fill_${groupConfig.appearance[appearance].fill}`.replace(/([A-Z])/g, '-$1').toLowerCase(), fillHoverClass || groupConfig.appearance[appearance] && `fill_hover_${groupConfig.appearance[appearance].fillHover}`.replace(/([A-Z])/g, '-$1').toLowerCase(), set && `group_set_${set}`, horizontalScroll && 'group_type_horizontal_scroll', stackingClass, wrapClass, growClass, shapeClass, borderColorClass || groupConfig.appearance[appearance] && `border-color_${groupConfig.appearance[appearance].borderColor}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderWidthClass || groupConfig.appearance[appearance] && `border-width_${groupConfig.appearance[appearance].borderWidth}`.replace(/([A-Z])/g, '-$1').toLowerCase(), borderTypeClass, elevationClass, justifyContentClass),
-    "data-tour": dataTour,
-    htmlFor: htmlFor,
-    id: id,
-    style: Object.assign({}, groupStyles, style),
-    onClick: onClick
-  }, horizontalScroll ? /*#__PURE__*/React__default.default.createElement("div", {
-    className: "group__wrapper",
-    style: groupWrapperStyles
-  }, children) : children);
-}
-Group.propTypes = {
-  id: PropTypes__default.default.string,
-  children: PropTypes__default.default.any,
-  className: PropTypes__default.default.string,
-  direction: PropTypes__default.default.oneOf(direction.default),
-  fill: PropTypes__default.default.oneOf(fill.default),
-  contentAlign: PropTypes__default.default.oneOf([null, 'center']),
-  tag: PropTypes__default.default.string,
-  stacking: PropTypes__default.default.oneOf(stacking.default),
-  wrap: PropTypes__default.default.oneOf(wrap.default),
-  shape: PropTypes__default.default.oneOf(shape.default),
-  spaceBetweenItems: PropTypes__default.default.string,
-  width: PropTypes__default.default.oneOf(width.default),
-  columns: PropTypes__default.default.number,
-  set: PropTypes__default.default.string,
-  horizontalScroll: PropTypes__default.default.bool,
-  onClick: PropTypes__default.default.func,
-  htmlFor: PropTypes__default.default.oneOfType([PropTypes__default.default.string, PropTypes__default.default.number])
-};
-Group.defaultProps = {
-  tag: 'div'
-};
-Group.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Group",
-  "props": {
-    "tag": {
-      "defaultValue": {
-        "value": "'div'",
-        "computed": false
-      },
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "direction": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "directionProps"
-      },
-      "required": false
-    },
-    "fill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "contentAlign": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "value": [{
-          "value": "null",
-          "computed": false
-        }, {
-          "value": "'center'",
-          "computed": false
-        }]
-      },
-      "required": false
-    },
-    "stacking": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "stackingProps"
-      },
-      "required": false
-    },
-    "wrap": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "wrapProps"
-      },
-      "required": false
-    },
-    "shape": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "shapeProps"
-      },
-      "required": false
-    },
-    "spaceBetweenItems": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "width": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "widthProps"
-      },
-      "required": false
-    },
-    "columns": {
-      "description": "",
-      "type": {
-        "name": "number"
-      },
-      "required": false
-    },
-    "set": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "horizontalScroll": {
-      "description": "",
-      "type": {
-        "name": "bool"
-      },
-      "required": false
-    },
-    "onClick": {
-      "description": "",
-      "type": {
-        "name": "func"
-      },
-      "required": false
-    },
-    "htmlFor": {
-      "description": "",
-      "type": {
-        "name": "union",
-        "value": [{
-          "name": "string"
-        }, {
-          "name": "number"
-        }]
-      },
-      "required": false
-    }
-  }
-};
-
-exports.Group = Group;
-exports.groupConfig = groupConfig;
+export { G as Group, g as groupConfig } from '../Group-DhYXDvAJ.js';
+import '../jsx-runtime-ClDdVO4Q.js';
+import 'react';
+import 'clsx';
+import '../hooks/useDeviceTargetClass.js';
+import 'lodash/castArray';
+import 'lodash/camelCase';
+import '../context/UIContext.js';
+import 'prop-types';
+import '../hooks/useMediaQueries.js';
+import 'react-responsive';
+import '../hooks/useStyles.js';
+import 'lodash/maxBy';
+import 'lodash/upperFirst';
+import '../hooks/styleAttributes.js';