@itcase/ui 1.2.13 → 1.2.15

package/dist/components/Page.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { jsx, jsxs } from 'react/jsx-runtime';
 import PropTypes from 'prop-types';
 import clsx from 'clsx';
 import alignDirectionProps from '../constants/componentProps/alignDirection.js';
@@ -9,6 +9,7 @@ import positionProps from '../constants/componentProps/position.js';
 import verticalResizeModeProps from '../constants/componentProps/verticalResizeMode.js';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
+import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
@@ -19,396 +20,70 @@ import 'lodash/upperFirst';
 import '../hooks/styleAttributes.js';
 
 function Page(props) {
-  const {
-    after,
-    before,
-    children,
-    className,
-    id,
-    tag: Tag,
-    type
-  } = props;
-  const alignDirectionClass = useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'alignDirection'
-  });
-  const alignClass = useDeviceTargetClass(props, {
-    prefix: 'align_',
-    propsKey: 'align'
-  });
-  const resizeHorizontalClass = useDeviceTargetClass(props, {
-    prefix: 'wrapper_resize-horizontal_',
-    propsKey: 'horizontalResizing'
-  });
-  const resizeVerticalClass = useDeviceTargetClass(props, {
-    prefix: 'wrapper_resize-vertical_',
-    propsKey: 'verticalResizing'
-  });
-  const fillClass = useDeviceTargetClass(props, {
-    prefix: 'fill_',
-    propsKey: 'fill'
-  });
-  const positionClass = useDeviceTargetClass(props, {
-    prefix: 'position_',
-    propsKey: 'position'
-  });
-  const {
-    styles,
-    wrapper: wrapperStyles
-  } = useStyles(props);
-  return /*#__PURE__*/React.createElement("div", {
-    id: id,
-    className: clsx('page', className, type && `${className}_type_${type}`, fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass),
-    style: styles
-  }, /*#__PURE__*/React.createElement("div", {
-    className: clsx('page__wrapper', alignDirectionClass, alignClass, 'content'),
-    style: wrapperStyles
-  }, before, children, after));
+    var after = props.after, before = props.before, children = props.children, className = props.className, id = props.id; props.tag; var type = props.type;
+    var alignDirectionClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'alignDirection',
+    });
+    var alignClass = useDeviceTargetClass(props, {
+        prefix: 'align_',
+        propsKey: 'align',
+    });
+    var resizeHorizontalClass = useDeviceTargetClass(props, {
+        prefix: 'wrapper_resize-horizontal_',
+        propsKey: 'horizontalResizing',
+    });
+    var resizeVerticalClass = useDeviceTargetClass(props, {
+        prefix: 'wrapper_resize-vertical_',
+        propsKey: 'verticalResizing',
+    });
+    var fillClass = useDeviceTargetClass(props, {
+        prefix: 'fill_',
+        propsKey: 'fill',
+    });
+    var positionClass = useDeviceTargetClass(props, {
+        prefix: 'position_',
+        propsKey: 'position',
+    });
+    var _a = useStyles(props), styles = _a.styles, wrapperStyles = _a.wrapper;
+    return (jsx("div", { id: id, className: clsx('page', className, type && "".concat(className, "_type_").concat(type), fillClass, resizeHorizontalClass, resizeVerticalClass, positionClass), style: styles, children: jsxs("div", { className: clsx('page__wrapper', alignDirectionClass, alignClass, 'content'), style: wrapperStyles, children: [before, children, after] }) }));
 }
 Page.propTypes = {
-  children: PropTypes.any,
-  className: PropTypes.string,
-  before: PropTypes.string,
-  after: PropTypes.string,
-  id: PropTypes.string,
-  fill: PropTypes.oneOf(fillProps),
-  fillMobile: PropTypes.oneOf(fillProps),
-  fillTablet: PropTypes.oneOf(fillProps),
-  fillDesktop: PropTypes.oneOf(fillProps),
-  type: PropTypes.string,
-  tag: PropTypes.string,
-  position: PropTypes.oneOf(positionProps),
-  positionMobile: PropTypes.oneOf(positionProps),
-  positionTablet: PropTypes.oneOf(positionProps),
-  positionDesktop: PropTypes.oneOf(positionProps),
-  wrapperPosition: PropTypes.oneOf(positionProps),
-  wrapperPositionMobile: PropTypes.oneOf(positionProps),
-  wrapperPositionTablet: PropTypes.oneOf(positionProps),
-  wrapperPositionDesktop: PropTypes.oneOf(positionProps),
-  horizontalResizing: PropTypes.oneOf(horizontalResizeModeProps),
-  horizontalResizingMobile: PropTypes.oneOf(horizontalResizeModeProps),
-  horizontalResizingTablet: PropTypes.oneOf(horizontalResizeModeProps),
-  horizontalResizingDesktop: PropTypes.oneOf(horizontalResizeModeProps),
-  verticalResizing: PropTypes.oneOf(verticalResizeModeProps),
-  verticalResizingMobile: PropTypes.oneOf(verticalResizeModeProps),
-  verticalResizingTablet: PropTypes.oneOf(verticalResizeModeProps),
-  verticalResizingDesktop: PropTypes.oneOf(verticalResizeModeProps),
-  align: PropTypes.oneOf(alignProps),
-  alignMobile: PropTypes.oneOf(alignProps),
-  alignTablet: PropTypes.oneOf(alignProps),
-  alignDesktop: PropTypes.oneOf(alignProps),
-  alignDirection: PropTypes.oneOf(alignDirectionProps),
-  alignDirectionMobile: PropTypes.oneOf(alignDirectionProps),
-  alignDirectionTablet: PropTypes.oneOf(alignDirectionProps),
-  alignDirectionDesktop: PropTypes.oneOf(alignDirectionProps)
-};
-Page.__docgenInfo = {
-  "description": "",
-  "methods": [],
-  "displayName": "Page",
-  "props": {
-    "children": {
-      "description": "",
-      "type": {
-        "name": "any"
-      },
-      "required": false
-    },
-    "className": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "before": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "after": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "id": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "fill": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "fillDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "fillProps"
-      },
-      "required": false
-    },
-    "type": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "tag": {
-      "description": "",
-      "type": {
-        "name": "string"
-      },
-      "required": false
-    },
-    "position": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "positionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "wrapperPosition": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "wrapperPositionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "wrapperPositionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "wrapperPositionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "positionProps"
-      },
-      "required": false
-    },
-    "horizontalResizing": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "horizontalResizingMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "horizontalResizingTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "horizontalResizingDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "horizontalResizeModeProps"
-      },
-      "required": false
-    },
-    "verticalResizing": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "verticalResizeModeProps"
-      },
-      "required": false
-    },
-    "verticalResizingMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "verticalResizeModeProps"
-      },
-      "required": false
-    },
-    "verticalResizingTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "verticalResizeModeProps"
-      },
-      "required": false
-    },
-    "verticalResizingDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "verticalResizeModeProps"
-      },
-      "required": false
-    },
-    "align": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignProps"
-      },
-      "required": false
-    },
-    "alignDirection": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    },
-    "alignDirectionMobile": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    },
-    "alignDirectionTablet": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    },
-    "alignDirectionDesktop": {
-      "description": "",
-      "type": {
-        "name": "enum",
-        "computed": true,
-        "value": "alignDirectionProps"
-      },
-      "required": false
-    }
-  }
+    children: PropTypes.any,
+    className: PropTypes.string,
+    before: PropTypes.string,
+    after: PropTypes.string,
+    id: PropTypes.string,
+    fill: PropTypes.oneOf(fillProps),
+    fillMobile: PropTypes.oneOf(fillProps),
+    fillTablet: PropTypes.oneOf(fillProps),
+    fillDesktop: PropTypes.oneOf(fillProps),
+    type: PropTypes.string,
+    tag: PropTypes.string,
+    position: PropTypes.oneOf(positionProps),
+    positionMobile: PropTypes.oneOf(positionProps),
+    positionTablet: PropTypes.oneOf(positionProps),
+    positionDesktop: PropTypes.oneOf(positionProps),
+    wrapperPosition: PropTypes.oneOf(positionProps),
+    wrapperPositionMobile: PropTypes.oneOf(positionProps),
+    wrapperPositionTablet: PropTypes.oneOf(positionProps),
+    wrapperPositionDesktop: PropTypes.oneOf(positionProps),
+    horizontalResizing: PropTypes.oneOf(horizontalResizeModeProps),
+    horizontalResizingMobile: PropTypes.oneOf(horizontalResizeModeProps),
+    horizontalResizingTablet: PropTypes.oneOf(horizontalResizeModeProps),
+    horizontalResizingDesktop: PropTypes.oneOf(horizontalResizeModeProps),
+    verticalResizing: PropTypes.oneOf(verticalResizeModeProps),
+    verticalResizingMobile: PropTypes.oneOf(verticalResizeModeProps),
+    verticalResizingTablet: PropTypes.oneOf(verticalResizeModeProps),
+    verticalResizingDesktop: PropTypes.oneOf(verticalResizeModeProps),
+    align: PropTypes.oneOf(alignProps),
+    alignMobile: PropTypes.oneOf(alignProps),
+    alignTablet: PropTypes.oneOf(alignProps),
+    alignDesktop: PropTypes.oneOf(alignProps),
+    alignDirection: PropTypes.oneOf(alignDirectionProps),
+    alignDirectionMobile: PropTypes.oneOf(alignDirectionProps),
+    alignDirectionTablet: PropTypes.oneOf(alignDirectionProps),
+    alignDirectionDesktop: PropTypes.oneOf(alignDirectionProps),
 };
 
 export { Page };

package/dist/components/Pagination.js

@@ -4,7 +4,7 @@ import clsx from 'clsx';
 import ceil from 'lodash/ceil';
 import ReactPaginate from 'react-paginate';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
-import { D as Dropdown, a as DropdownItem } from '../DropdownItem-agqkY0-H.js';
+import { D as Dropdown, a as DropdownItem } from '../DropdownItem-sLbGv_08.js';
 import { I as Icon } from '../Icon-BanAVsve.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import 'lodash/castArray';

package/dist/components/Panel.js

@@ -1,10 +1,10 @@
 import { jsxs, jsx } from 'react/jsx-runtime';
+import React from 'react';
 import clsx from 'clsx';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
-import { G as Group } from '../Group-BXfLh7AZ.js';
+import { G as Group } from '../Group-12uup5mu.js';
 import { T as Text } from '../Text-CG3xPG27.js';
-import 'react';
 import 'lodash/castArray';
 import 'lodash/camelCase';
 import '../context/UIContext.js';
@@ -21,7 +21,7 @@ var panelConfig = {
         panelConfig.appearance = newComponent;
     },
 };
-function Panel(props) {
+var Panel = React.forwardRef(function Panel(props, ref) {
     var appearance = props.appearance, children = props.children, className = props.className, horizontalScroll = props.horizontalScroll, htmlFor = props.htmlFor, set = props.set, dataTour = props.dataTour, title = props.title, titleTextSize = props.titleTextSize, titleTextColor = props.titleTextColor, titleTextWeight = props.titleTextWeight, desc = props.desc, descTextSize = props.descTextSize, descTextColor = props.descTextColor, descTextWeight = props.descTextWeight, verticalScroll = props.verticalScroll;
     var alignContentClass = useDeviceTargetClass(props, {
         prefix: 'panel_align-content_',
@@ -98,8 +98,7 @@ function Panel(props) {
             ((appearanceConfig === null || appearanceConfig === void 0 ? void 0 : appearanceConfig.borderWidth) &&
                 "border-width_".concat(appearanceConfig.borderWidth)
                     .replace(/([A-Z])/g, '-$1')
-                    .toLowerCase()), borderTypeClass, alignContentClass, alignItemsClass, elevationClass, justifyContentClass, positionClass, horizontalScroll && 'panel_type_scroll_horizontal', verticalScroll && 'panel_type_scroll_vertical'), "data-tour": dataTour, htmlFor: htmlFor, style: panelStyles, children: [title && (jsx("div", { className: "panel__header", children: jsx(Text, { className: "panel__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }) })), jsx("div", { className: clsx('panel__wrapper', directionClass), style: panelWrapperStyles, children: children }), desc && (jsx("div", { className: "panel__footer", children: jsx(Text, { className: "panel__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }) }))] }));
-}
-Panel.defaultProps = {};
+                    .toLowerCase()), borderTypeClass, alignContentClass, alignItemsClass, elevationClass, justifyContentClass, positionClass, horizontalScroll && 'panel_type_scroll_horizontal', verticalScroll && 'panel_type_scroll_vertical'), ref: ref, "data-tour": dataTour, htmlFor: htmlFor, style: panelStyles, children: [title && (jsx("div", { className: "panel__header", children: jsx(Text, { className: "panel__title", size: titleTextSize, textColor: titleTextColor, textWeight: titleTextWeight, children: title }) })), jsx("div", { className: clsx('panel__wrapper', directionClass), style: panelWrapperStyles, children: children }), desc && (jsx("div", { className: "panel__footer", children: jsx(Text, { className: "panel__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }) }))] }));
+});
 
 export { Panel, panelConfig };

package/dist/components/Response.js

@@ -5,7 +5,7 @@ import SVG from 'react-inlinesvg';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { useStyles } from '../hooks/useStyles.js';
 import { B as Button } from '../Button-YvFWfIzn.js';
-import { G as Group } from '../Group-BXfLh7AZ.js';
+import { G as Group } from '../Group-12uup5mu.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import { T as Title } from '../Title-BfSFPJtJ.js';
 import 'lodash/castArray';

package/dist/components/Select.js

@@ -8,7 +8,7 @@ import CreatableSelect from 'react-select/creatable';
 import { useDeviceTargetClass } from '../hooks/useDeviceTargetClass.js';
 import { T as Text } from '../Text-CG3xPG27.js';
 import { B as Badge } from '../Badge-CrhdvxY6.js';
-import { G as Group } from '../Group-BXfLh7AZ.js';
+import { G as Group } from '../Group-12uup5mu.js';
 import { D as Divider } from '../Divider-U5UdY-ef.js';
 import 'react-inlinesvg';
 import '../hooks/useStyles.js';